@charset "UTF-8";
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
input,
textarea,
button,
select,
pre {
    margin: 0;
    padding: 0;
}

body,
input,
textarea,
select,
button,
table {
    font-family: kia, sans-serif;
    font-weight: 400;
    line-height: 1;
    font-size: 13px;
    color: #05141f;
}

body {
    -webkit-text-size-adjust: none;
}

strong,
th,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: kia, sans-serif;
    font-weight: 400;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-color: transparent;
}

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

ul,
ol {
    list-style: none;
}

em,
address {
    font-style: normal;
}

caption {
    position: absolute;
    top: -999999px;
    left: -999999px;
    font-size: 1;
    line-height: 1;
    width: 1;
    height: 1;
    overflow: hidden;
}

button {
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: 0;
    border: 0;
}

a {
    color: #05141f;
    text-decoration: none;
}

ul,
ol {
    zoom: 1;
}

ul:after,
ol:after {
    content: "";
    clear: both;
    display: block;
}

input:-internal-autofill-selected {
    background-color: inherit !important;
}

.hidden,
.txt_hidden {
    position: absolute;
    top: -999999px;
    left: -999999px;
    font-size: 1px;
    line-height: 1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.accessbility {
    position: fixed;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 10001;
    font-size: 15px;
    background: #454545;
}

.accessbility a {
    display: block;
    height: 0;
    width: 0;
    margin-bottom: -1px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    color: #fff;
}

.accessbility a:focus,
.accessbility a:active {
    height: auto;
    width: auto;
    padding: 7px 0;
    color: #fff;
}

.dimmed {
    display: none;
    width: 100%;
    height: 100%;
    background: #05141f;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 1005;
    position: absolute;
    top: 0;
    left: 0;
}

.dimmed_outClick {
    display: none;
    width: 100%;
    height: 100%;
    background: #05141f;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 1005;
    position: absolute;
    top: 0;
    left: 0;
}

@font-face {
    font-family: "kia";
    font-weight: 100;
    font-style: normal;
    src: url("/itg/font/KiaSignatureLight.eot");
    src: url("/itg/font/KiaSignatureLight.woff2") format("woff2"),
        url("/itg/font/KiaSignatureLight.eot?#iefix")
            format("embedded-opentype"),
        url("/itg/font/KiaSignatureLight.woff") format("woff");
}

@font-face {
    font-family: "kia";
    font-weight: 400;
    font-style: normal;
    src: url("/itg/font/KiaSignatureRegular.eot");
    src: url("/itg/font/KiaSignatureRegular.woff2") format("woff2"),
        url("/itg/font/KiaSignatureRegular.eot?#iefix")
            format("embedded-opentype"),
        url("/itg/font/KiaSignatureRegular.woff") format("woff");
}

@font-face {
    font-family: "kia";
    font-weight: 700;
    font-style: normal;
    src: url("/itg/font/KiaSignatureBold.eot");
    src: url("/itg/font/KiaSignatureBold.woff2") format("woff2"),
        url("/itg/font/KiaSignatureBold.eot?#iefix") format("embedded-opentype"),
        url("/itg/font/KiaSignatureBold.woff") format("woff");
}

@font-face {
    font-family: "kial";
    font-weight: 100;
    font-style: normal;
    src: url("/itg/font/KiaSignatureLight.eot");
    src: url("/itg/font/KiaSignatureLight.woff2") format("woff2"),
        url("/itg/font/KiaSignatureLight.eot?#iefix")
            format("embedded-opentype"),
        url("/itg/font/KiaSignatureLight.woff") format("woff");
}

@font-face {
    font-family: "kiam";
    font-weight: 400;
    font-style: normal;
    src: url("/itg/font/KiaSignatureRegular.eot");
    src: url("/itg/font/KiaSignatureRegular.woff2") format("woff2"),
        url("/itg/font/KiaSignatureRegular.eot?#iefix")
            format("embedded-opentype"),
        url("/itg/font/KiaSignatureRegular.woff") format("woff");
}

@font-face {
    font-family: "kiab";
    font-weight: 700;
    font-style: normal;
    src: url("/itg/font/KiaSignatureBold.eot");
    src: url("/itg/font/KiaSignatureBold.woff2") format("woff2"),
        url("/itg/font/KiaSignatureBold.eot?#iefix") format("embedded-opentype"),
        url("/itg/font/KiaSignatureBold.woff") format("woff");
}
#container {
    position: relative;
    padding-top: 98px;
    background: #05141f;
}

#container #content {
    background: #fff;
}

#container img {
    width: 100%;
}

/* 20240821 KIM SANG YEOL 헤더영역 미사용시 사용 - 시작 */
#containerNone {
    position: relative;
    padding-top: 0px;
    background: #05141f;
}

#containerNone #content {
    background: #fff;
}

#containerNone img {
    width: 100%;
}
/* 20240821 KIM SANG YEOL 헤더영역 미사용시 사용 - 종료 */

@media (min-width: 768px) and (max-width: 1279px) {
    #container {
        padding-top: 30px;
    }
}

@media (min-width: 1280px) {
    #container {
        padding-top: 30px;
    }
}

.inner_wrap {
    max-width: 1280px;
    margin: 0 auto;
}

.block_text {
    display: inline;
}

@media (min-width: 320px) and (max-width: 767px) {
    .block_text {
        display: block;
    }
}

/* 20240820 수정 */
.heading_title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%) translateY(-50%) !important;
    top: 50% !important;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    /* white-space: nowrap; */
    word-break: break-all;
    z-index: 2;
    width: 100%;
}
/* 20240820 수정 끝 */

.heading_title::before {
    content: "";
    display: none;
    background: #fff;
    margin-bottom: 20px;
    height: 1px;
    width: 100%;
    opacity: 0.2;
}

@media (min-width: 320px) and (max-width: 767px) {
    /* 20240821 수정 */
    .sub.introduction .heading_title {
        width: auto;
        font-size: 24px;
        white-space: nowrap;
    }
    .sub.testdrive .heading_title {
        font-size: 24px;
    }
    .sub.qr .heading_title {
        font-size: 24px;
    }
    /* 20240821 수정 끝 */

    #header.bg_transparent .logo .img_logo::before {
        width: 73px;
        height: 17px;
    }
}

/* 20240821 수정 */
@media (min-width: 768px) and (max-width: 1279px) {
    .heading_title {
        width: 100%;
    }
    .sub.introduction .heading_title {
        top: 58% !important;
    }

    /* 20240822 주석 */
    /* .sub.testdrive .heading_title {
    top:61% !important;
  }
  .sub.qr .heading_title {
    top:61% !important;
  } */
    /* 20240822 주석 끝 */
}
/* 20240821 수정 끝  */
/* 20240820 수정 */
/* @media (min-width: 1280px) {
  .heading_title {
    width: auto;
    top: 300px;
  }
} */
/* 20240820 수정 끝 */
.sub_visual {
    position: relative;
}

.sub_visual .cont_wrap img {
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .sub_visual .cont_wrap {
        height: 420px;
    }
    .sub_visual .cont_wrap img {
        width: auto;
        height: 420px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media (min-width: 1280px) {
    .sub_visual .cont_wrap {
        height: 320px;
    }
    .sub_visual .cont_wrap img {
        width: auto;
        height: 320px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.cont_wrap .h_title {
    color: #05141f;
    font-weight: 700;
    text-align: center;
}

.cont_wrap .h_title + p {
    color: #05141f;
    font-size: 18px;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 767px) {
    .cont_wrap .h_title {
        padding-bottom: 20px;
        font-size: 26px;
    }
    .cont_wrap .h_title + p {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .cont_wrap .h_title {
        padding-bottom: 64px;
        font-size: 44px;
    }
}
/* 20240820 수정 */
@media (min-width: 1280px) {
    .cont_wrap .h_title {
        padding-bottom: 30px;
        font-size: 40px;
    }
}
/* 20240820 수정 끝 */
@media (min-width: 320px) and (max-width: 767px) {
    .pc_cont {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .pc_cont {
        display: none;
    }
}

@media (min-width: 1280px) {
    .pc_cont {
        display: block;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .mo_cont {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .mo_cont {
        display: block;
    }
}

@media (min-width: 1280px) {
    .mo_cont {
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .mo_hide {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .mo_hide {
        display: inline;
    }
}

@media (min-width: 1280px) {
    .mo_hide {
        display: inline;
    }
}

.fixed {
    overflow: hidden;
    height: 100%;
    min-height: 100% !important;
    -ms-touch-action: none;
    touch-action: none;
}

.fixed .dimd_popup .dimd {
    display: block;
}

.dot_list li {
    position: relative;
    padding-left: 10px;
    color: #05141f;
    font-size: 16px;
    opacity: 0.8;
}

.dot_list li + li {
    margin-top: 16px;
}

.dot_list li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    background-color: #05141f;
    width: 3px;
    height: 3px;
    border-radius: 2px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .dot_list li {
        font-size: 14px;
    }
    .dot_list li + li {
        margin-top: 10px;
    }
}
.sub #footer {
    background-color: #05141f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-weight: 100;
}

.sub #footer .foot_logo {
    width: 70px;
}

.sub #footer .compay_infor span {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
}

.sub #footer .compay_infor span::before {
    content: "|";
    display: inline-block;
    padding: 0 10px;
    color: #777777;
    line-height: 20px;
}

.sub #footer .compay_infor span:first-child::before {
    display: none;
}

.sub #footer .address {
    font-size: 13px;
    line-height: 20px;
}

.sub #footer .copyright {
    font-size: 13px;
    line-height: 20px;
}

@media (min-width: 320px) and (max-width: 767px) {
    /* 250618 footer 공백 수정 */
    .sub #footer {
        height: auto;
    }
    /*-- 250618 footer 공백 수정 */
    .sub #footer .inner_wrap {
        padding: 50px 31px 50px;
    }
    .sub #footer .compay_infor {
        padding: 30px 00 17px;
    }
    .sub #footer .compay_infor span:nth-child(n + 3) {
        display: block;
    }
    .sub #footer .compay_infor span:nth-child(n + 3)::before {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    /* 250618 footer 공백 수정 */
    .sub #footer {
        height: auto;
    }
    /*-- 250618 footer 공백 수정 */
    .sub #footer .inner_wrap {
        padding: 50px 64px 50px;
    }
    .sub #footer .compay_infor {
        padding: 16px 0 11px;
    }
}

@media (min-width: 1280px) {
    /* 20240821 수정 */
    .sub.introduction .heading_title {
        top: 58% !important;
    }
    .sub.testdrive .heading_title {
        top: 63% !important;
    }
    .sub.qr .heading_title {
        top: 63% !important;
    }
    /* 20240821 수정 끝 */

    /* 20240820 수정 끝 */

    /* 20250618 footer 공백 수정 */
    .sub #footer {
        height: auto;
    }
    /* 20250618 footer 공백 수정 */
    .sub #footer .inner_wrap {
        padding: 50px 0 50px;
    }
    .sub #footer .compay_infor {
        padding: 37px 0 18px;
    }
}

.quick_menu {
    position: fixed;
    z-index: 2;
    top: calc(100vh - 50%);
    right: 11px;
}

.quick_menu .wrap_btn a {
    text-align: center;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 61px;
    height: 61px;
    border-radius: 100%;
    background: rgba(5, 20, 31, 0.6);
    text-decoration: none;
}

.quick_menu .wrap_btn a + a {
    margin-top: 10px;
}

.quick_menu .wrap_btn a i {
    display: inline-block;
    width: 39px;
    height: 39px;
    background-size: 100%;
}

.quick_menu .wrap_btn a i.icon_testdrive {
    background-image: url("/itg/images/common/icon_testdrive_reservation.png");
}

.quick_menu .wrap_btn a i.icon_reservation {
    background-image: url("/itg/images/common/icon_reservation.png");
}

.quick_menu .wrap_btn a i.icon_qr {
    background-image: url("/itg/images/common/icon_qr.png");
}

.quick_menu .wrap_btn a i img {
    width: 20px;
}

.quick_menu .wrap_btn a span {
    display: block;
    padding-top: 5px;
    color: #fff;
    font-size: 12px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .quick_menu {
        right: 44px;
        top: 152px;
    }
    .quick_menu .wrap_btn a i {
        width: calc(39px / 2);
        height: calc(39px / 2);
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .quick_menu {
        right: 44px;
        top: 118px;
    }
    .quick_menu .wrap_btn a {
        width: 100px;
        height: 100px;
    }
    .quick_menu .wrap_btn a + a {
        margin-top: 20px;
    }
    .quick_menu .wrap_btn a span {
        padding-top: 10px;
        font-size: 16px;
    }
}

@media (min-width: 1280px) {
    .quick_menu {
        right: 79px;
        top: 354px;
    }
    .quick_menu .wrap_btn a {
        width: 120px;
        height: 120px;
    }
    .quick_menu .wrap_btn a + a {
        margin-top: 20px;
    }
    .quick_menu .wrap_btn a span {
        padding-top: 10px;
        font-size: 16px;
    }
}

.form_chk {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form_chk input {
    position: absolute;
    height: 18px;
    width: 18px;
    opacity: 0;
    cursor: pointer;
}

.form_chk label {
    display: inline-block;
    padding-left: 25px;
    cursor: pointer;
}

.form_chk label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    border: 1px solid #05141f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: -3px;
}

.form_chk input:checked ~ label::before {
    background-color: #05141f;
}

@media (min-width: 320px) and (max-width: 767px) {
    .form_chk input {
        height: 13px;
        width: 13px;
    }
    .form_chk label {
        padding-left: 20px;
    }
    .form_chk label::before {
        width: 13px;
        height: 13px;
        border-radius: 7px;
        margin-bottom: 0;
    }
}

.companion .form_chk label {
    padding-left: 0;
}

.companion .form_chk label::before {
    display: none;
}

.companion .form_chk input {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    opacity: 1;
    width: 15px;
    height: 15px;
    border-color: transparent;
}

.companion .form_chk input::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: 1px solid #05141f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: -3px;
}

.companion .form_chk input:checked::after {
    background: #05141f;
}

.btnType {
    display: inline-block;
    background-color: #05141f;
    color: #fff;
    text-transform: uppercase;
}

.btnLarge {
    padding: 3px 20px;
    line-height: 44px;
    font-size: 15px;
    border-radius: 22px;
    background-color: #05141f;
}

.btnLarge .arrow_r:after {
    width: 36px;
    height: 36px;
    margin: 3px 0 0 -2px;
    position: relative;
    /* 2025.09.11 수정 */
    right: -12px;
    border-radius: 18px;
    background-color: #fff;
}

.btnMedium {
    padding: 0 15px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 15px;
}

.btnMedium .arrow_r:after {
    width: 24px;
    height: 24px;
    margin: 3px 0 0 -2px;
    position: relative;
    border-radius: 12px;
    background-color: #fff;
    right: -12px;
}

@media (min-width: 1280px) {
    .btn_area {
        text-align: center;
        margin-top: 15px;
    }
    .btnLarge {
        padding: 0 15px;
        line-height: 52px;
        font-size: 18px;
        border-radius: 26px;
    }
    .btnLarge .arrow_r:after {
        width: 46px;
        height: 46px;
        margin: 3px 0 0 -2px;
        position: relative;
        border-radius: 23px;
        right: -12px;
    }
    .btnMedium {
        padding: 0 25px;
        line-height: 37px;
        font-size: 14px;
        border-radius: 19px;
    }
    .btnMedium .arrow_r:after {
        width: 32px;
        height: 32px;
        margin: 3px 0 0 -2px;
        position: relative;
        border-radius: 16px;
        right: -24px;
    }
}

.btnIcon:before,
.btnIcon:after {
    content: "";
    display: inline-block;
    background-image: url("/itg/images/common/bg_button_arrow_web.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px 15px;
    vertical-align: top;
}

@media (min-width: 320px) and (max-width: 767px) {
    .btnIcon:before,
    .btnIcon:after {
        background-image: url("/itg/images/common/bg_button_arrow_mo.png");
        background-size: 8px 12px;
    }
}

.btn_area {
    display: block;
    text-align: center;
}

.btn {
    display: inline-block;
    background: #05141f;
    height: 42px;
}

.btn em {
    display: block;
    padding: 14px 35px;
    max-width: 190px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}

.popup_wrap {
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* 팝업 padding 수정 250224 */
.popup_wrap .popup_cont {
    position: relative;
    background: #fff;
    padding: 40px 0;
}
/* 팝업 padding 수정 250224 */

.popup_wrap .popup_head {
    padding: 0 40px 20px 15px;
}

.popup_wrap .popup_head .title {
    font-size: 20px;
    line-height: 24px;
}

.popup_wrap .popup_head .title strong {
    color: #e50630;
}

.popup_wrap .popup_head.bd_line {
    padding: 0 15px 20px 15px;
}

.popup_wrap .popup_head.bd_line .title {
    border-bottom: 1px solid #05141f;
    padding-bottom: 20px;
    font-size: 20px;
}

/* 팝업 padding 수정 250224 */
.popup_wrap .popup_close {
    position: absolute;
    right: 0;
    top: 46px;
    width: 46px;
    height: 46px;
}

.popup_wrap .popup_close::before,
.popup_wrap .popup_close::after {
    position: absolute;
    left: 50%;
    top: calc(50% - 6px);
    content: " ";
    height: 17px;
    width: 1px;
    background-color: #000;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popup_wrap .popup_close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup_wrap .popup_close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup_wrap .popup_close span {
    display: none;
}

.popup_wrap .popup_content {
    padding: 0 15px 20px;
}

.popup_wrap .popup_content .notice_wrap {
    overflow-y: auto;
    max-height: 250px;
    padding: 20px 0;
    color: #05141f;
    font-size: 12px;
    line-height: 1.5;
}

.popup_wrap .popup_content .notice_wrap textarea {
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 250px;
    padding: 20px;
    color: #05141f;
    font-size: 12px;
    line-height: 1.5;
    resize: none;
    outline: none;
}

.popup_wrap .popup_content .bg_color {
    padding: 15px;
    background: #f7f8f8;
}

.popup_wrap .popup_content .txt {
    color: #05141f;
    font-size: 12px;
    line-height: 18px;
}

.popup_wrap .popup_content .btn_area {
    overflow: hidden;
    padding: 20px 0 0;
    border-top: 1px solid #cdd0d2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popup_wrap .popup_content .btn_area .form_chk {
    float: left;
}

.popup_wrap .popup_content .btn_area .form_chk input {
    position: absolute;
    top: 0;
    height: 13px;
    width: 13px;
    opacity: 1;
    cursor: pointer;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    vertical-align: top;
}

.popup_wrap .popup_content .btn_area .form_chk label {
    display: inline-block;
    padding-left: 20px;
    cursor: pointer;
}

.popup_wrap .popup_content .btn_area .form_chk label::before {
    display: none;
}

.popup_wrap .popup_content .btn_area .form_chk input:checked ~ label::before {
    background: none;
}

.popup_wrap .popup_content .btn_area .form_chk + .btn {
    float: right;
}

.popup_wrap .btn_area {
    padding: 20px 15px 0;
    border-top: 1px solid #cdd0d2;
    text-align: center;
}

.popup_wrap .btn_area.al_right {
    text-align: right;
}

.popup_wrap .btn_area .btn em {
    min-width: 50px;
}

.popup_wrap .dot_list li {
    font-size: 12px;
    line-height: 18px;
}

.popup_wrap .dot_list li + li {
    margin-top: 5px;
}

.popup_wrap .dimd {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(5, 20, 31, 0.8);
    z-index: 1004;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.popup_wrap .mo_wide_title {
    position: relative;
    padding: 20px 0;
    font-size: 20px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #d0d3d5;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .popup_wrap .popup_cont {
        padding: 40px 0 20px;
    }
    .popup_wrap .popup_head {
        padding: 0 50px 20px 30px;
    }
    .popup_wrap .popup_head .title {
        font-size: 24px;
    }
    .popup_wrap .popup_head.bd_line {
        padding: 0 30px 20px 30px;
    }
    .popup_wrap .popup_head.bd_line .title {
        font-size: 24px;
    }
    /* 오픈소스 팝업 닫기 수정 */
    .popup_wrap .popup_close {
        /* 16px */
        top: 0;
        width: 75px;
        height: 75px;
    }
    .popup_wrap .popup_close::before,
    .popup_wrap .popup_close::after {
        height: 20px;
        width: 1px;
    }
    .popup_wrap .popup_content {
        padding: 0 37px 35px;
    }
    .popup_wrap .popup_content .notice_wrap {
        max-height: 300px;
        font-size: 14px;
    }
    .popup_wrap .popup_content .notice_wrap textarea {
        font-size: 14px;
    }
    .popup_wrap .popup_content .form_chk input {
        height: 18px;
        width: 18px;
    }
    .popup_wrap .popup_content .form_chk label {
        padding-left: 28px;
        font-size: 14px;
    }
    .popup_wrap .btn_area {
        padding: 20px 30px 0;
    }
    .popup_wrap .btn_area .btn em {
        min-width: 50px;
    }
    .popup_wrap .dot_list li {
        font-size: 14px;
    }
    .popup_wrap .dot_list li + li {
        margin-top: 8px;
    }
}

@media (min-width: 1280px) {
    .popup_wrap .popup_cont {
        padding: 40px 0 20px;
    }
    .popup_wrap .popup_head {
        padding: 0 60px 25px 40px;
    }
    /* 20241106 수정 시작 */
    .popup_wrap .popup_head .title {
        font-size: 28px;
        line-height: 28px;
    }
    /* 20241106 수정 끝 */
    .popup_wrap .popup_head.bd_line {
        padding: 0 40px 25px 40px;
    }
    .popup_wrap .popup_head.bd_line .title {
        font-size: 32px;
    }
    .popup_wrap .popup_close {
        top: 0;
        width: 93px;
        height: 93px;
    }
    .popup_wrap .popup_close::before,
    .popup_wrap .popup_close::after {
        height: 20px;
        width: 1px;
    }
    .popup_wrap .popup_content {
        padding: 0 40px;
    }
    .popup_wrap .popup_content .notice_wrap {
        max-height: 350px;
        font-size: 16px;
    }
    .popup_wrap .popup_content .bg_color {
        padding: 30px;
    }
    .popup_wrap .popup_content .txt {
        padding: 15px 0;
        font-size: 16px;
        line-height: 28px;
    }
    .popup_wrap .popup_content .btn_area {
        padding: 20px 0 0;
    }
    .popup_wrap .popup_content .btn_area .form_chk input {
        height: 18px;
        width: 18px;
    }
    .popup_wrap .popup_content .btn_area .form_chk label {
        padding-left: 28px;
        font-size: 16px;
    }
    .popup_wrap .btn_area {
        margin-top: 35px;
        padding: 20px 40px 0;
    }
    .popup_wrap .btn_area .btn em {
        min-width: 50px;
    }
    .popup_wrap .dot_list li {
        font-size: 14px;
    }
    .popup_wrap .dot_list li + li {
        margin-top: 12px;
    }
}

.popup_wrap.center {
    top: 25px;
    right: 3.8%;
    max-width: 486px;
    padding: 35px 40px 32px;
    font-size: 16px;
    background: #fff;
    text-align: left;
}

.popup_wrap.center .popup_content {
    border-top: 2px solid #05141f;
}

.popup_wrap.center .popup_content .btn_area {
    padding: 20px 0 0;
    border-top: 1px solid #cdd0d2;
    text-align: center;
}

.popup_wrap.center .popup_content .btn_area .btn {
    display: block;
    margin: 0 auto;
}

.popup_wrap.center .popup_content .btn_area .btn em {
    min-width: 50px;
}

.popup_wrap.center .popup_content .infor_detail_list {
    overflow-y: auto;
    max-height: 320px;
}

.popup_wrap.center .popup_content .infor_detail_list .wrap {
    position: relative;
    padding: 15px 0 15px 30px;
}

.popup_wrap.center .popup_content .infor_detail_list .wrap + .wrap {
    border-top: 1px solid #cdd0d2;
}

.popup_wrap.center .popup_content .infor_detail_list .wrap .form_chk {
    position: absolute;
    left: 0;
    top: 25px;
    width: 18px;
    height: 18px;
}

.popup_wrap.center .popup_content .infor_detail_list .wrap .form_chk label {
    padding-left: 0;
    width: 18px;
    height: 18px;
    font-size: 0;
    line-height: 0;
}

.popup_wrap.center .popup_content .infor_detail_list dl {
    position: relative;
    font-size: 14px;
    line-height: 24px;
}

.popup_wrap.center .popup_content .infor_detail_list dl dt {
    color: #05141f;
    position: absolute;
    width: 60px;
    font-weight: bold;
}

/* 20240820 수정 */
.popup_wrap.center .popup_content .infor_detail_list dl dd {
    padding-left: 70px;
    line-height: 26px;
    opacity: 0.8;
    word-break: break-all;
}
/* 20240820 수정 끝*/
.popup_wrap.center .popup_content .infor_detail_list dl dd:last-child {
    margin-bottom: 0;
}

@media (min-width: 320px) and (max-width: 767px) {
    .popup_wrap.center {
        left: 2%;
        padding: 15px;
        max-width: 350px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .popup_wrap.center {
        padding: 35px 40px 32px;
        right: 2%;
        padding: 20px;
        max-width: 440px;
    }
    .popup_wrap.center .popup_head {
        padding: 10px 50px 20px 0;
    }
    .popup_wrap.center .popup_content {
        padding: 0 !important;
    }
    .popup_wrap.center .popup_content .infor_detail_list {
        padding: 0;
    }
    .popup_wrap.center .popup_content .infor_detail_list .wrap .form_chk {
        top: 20px;
    }
    .popup_wrap.center .popup_content .infor_detail_list dl {
        font-size: 16px;
    }
    .popup_wrap.center .popup_content .infor_detail_list dl dt {
        width: 60px;
    }
    .popup_wrap.center .popup_content .infor_detail_list dl dd {
        padding-left: 85px;
    }
}

@media (min-width: 1280px) {
    .popup_wrap.center {
        padding: 10px 40px 32px;
    }
    .popup_wrap.center .popup_head {
        padding: 20px 50px 20px 0;
    }
    .popup_wrap.center .popup_head .title {
        font-size: 24px;
        font-weight: 700;
    }
    .popup_wrap.center .popup_content {
        padding: 0 !important;
        border-top: 1px solid #05141f;
    }
    .popup_wrap.center .popup_content .btn_area {
        margin-top: 0;
        padding: 20px 0 0;
        border-top: 1px solid #cdd0d2;
        text-align: center;
    }
    .popup_wrap.center .popup_content .btn_area .btn {
        height: auto;
    }
    .popup_wrap.center .popup_content .btn_area .btn em {
        padding: 18px 35px;
        font-size: 16px;
    }
    .popup_wrap.center .popup_content .infor_detail_list {
        padding: 0;
        min-width: 406px;
    }
    .popup_wrap.center .popup_content .infor_detail_list .wrap {
        padding: 20px 0 20px 30px;
    }
    .popup_wrap.center .popup_content .infor_detail_list .wrap .form_chk {
        top: 23px;
    }
    .popup_wrap.center .popup_content .infor_detail_list dl {
        font-size: 14px;
    }
    .popup_wrap.center .popup_content .infor_detail_list dl dt {
        width: 60px;
        line-height: 26px;
    }
    .popup_wrap.center .popup_content .infor_detail_list dl dd {
        padding-left: 85px;
        line-height: 26px;
    }
}

/* 0821_18:34 수정 */
.dimd_popup {
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
    z-index: 100;
    display: none;
}
/* 0821_18:34 수정 끝 */

/* 20240822 팝업 max-height 설정 시작 */
.dimd_popup .popup_cont {
    position: relative;
    top: 50%;
    left: 50%;
    z-index: 12;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: calc(100vh - 150px);
    /* overflow: auto; */
}
/* 20240822 팝업 max-height 설정 끝 */

.popup_wrap.mo {
    display: none;
    position: fixed;
    top: 38px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    height: 100%;
    background: #fff;
    padding: 0;
}
/* 20240820 수정 */
.popup_wrap.mo .popup_cont {
    background: #fff;
    padding: 0;
    height: 100%;
}

/* 20240822 팝업 max-height 조정 */
.popup_wrap.mo .popup_cont .popup_content {
    padding: 0;
    max-height: calc(100vh - 100px);
    overflow: auto;
}
/* 20240822 팝업 max-height 조정 끝 */
/* 20240820 수정 끝 */

.popup_wrap.mo .map_view {
    position: relative;
    min-height: 600px;
}

.popup_wrap.mo .map_view .popup_wrap.center {
    width: 300px;
    left: calc(50% - (300px / 2)) !important;
    z-index: 3;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.popup_wrap.mo .map_view .popup_wrap.center .popup_head {
    padding-bottom: 10px;
}

.popup_wrap.mo .map_view #map {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup_wrap.mo .map_view .temp_map {
    position: absolute;
    top: 0;
    right: 0;
    width: auto !important;
    height: 100%;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .popup_wrap.mo .map_view .popup_wrap.center {
        width: 440px;
    }
}

@media (min-width: 1280px) {
    .popup_wrap.mo {
        display: none;
    }
}

.reservation .popup_cont {
    position: fixed;
    width: calc(100% - 30px);
    min-width: 320px;
    max-height: calc(100% - 60px);
    height: auto;
    overflow-y: auto;
}

.reservation .popup_cont .schedule .txt {
    font-size: 12px;
    padding: 13px 0; /* 2023-07-20 팝업 텍스트 기본 패딩 추가 */
}

.reservation .popup_cont .schedule .calendar_area {
    padding: 30px 0;
}

.reservation .popup_cont .schedule .sns_rereceive {
    margin-top: 20px;
    font-size: 12px;
}

.reservation .popup_cont .schedule .sns_rereceive input {
    vertical-align: middle;
}

/* 2024-03-18 약관동의 클래스 추가 START */
/* 20241106 수정 시작 */
.resrv_agree .popup_cont {
    position: fixed;
    width: calc(100% - 30px);
    max-width: 800px;
    min-width: 300px;
    max-height: 600px;
    height: auto;
}
/* 20241106 수정 끝 */
.resrv_agree .popup_cont .bottom_line {
    height: 1px;
    width: calc(100% - 80px);
    background-color: #05141f;
    margin: auto;
}
.resrv_agree .popup_cont .title {
    font-size: 24px;
    font-weight: bold;
}
.resrv_agree .popup_cont .popup_content {
    margin-top: 40px;
}
.resrv_agree .popup_cont .popup_content .title {
    font-size: 16px;
    color: #697278;
    opacity: 80%;
    font-weight: normal;
    margin-bottom: 15px;
}
.resrv_agree .popup_cont .popup_content .temrs_wrap {
    background-color: #ffffff;
    padding: 20px;
    /* max-height: 250px; */
    /* overflow: auto; */
    margin-bottom: 20px;
}
@media (min-width: 320px) and (max-width: 767px) {
    .resrv_agree .popup_cont {
        position: fixed;
        width: calc(100% - 30px);
        max-width: 800px;
        min-width: 300px;
        max-height: 400px;
        height: auto;
    }
    .resrv_agree .popup_cont .title {
        font-size: 18px;
        font-weight: bold;
    }
    .resrv_agree .popup_cont .popup_content .temrs_wrap {
        background-color: #ffffff;
        padding: 20px;
        /* max-height: 180px; */
        /* overflow: hidden; */
        margin-bottom: 20px;
    }
}
.resrv_agree .popup_cont .popup_content .temrs_wrap .terms_title {
    font-size: 14px;
    color: #0d141c;
    font-weight: bold;
    margin-bottom: 24px;
}
.resrv_agree .popup_cont .popup_content .temrs_wrap .terms_content {
    font-size: 14px;
    color: #697278;
    margin-bottom: 32px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
    /* max-height: 500px; */
    height: auto;
}
.resrv_agree .popup_cont .popup_content .temrs_wrap .terms_content:last-child {
    margin-bottom: 0px;
}
.resrv_agree .popup_cont .popup_content .confrim_area {
    text-align: center;
}
/* 2024-03-18 약관동의 클래스 추가 END */

@media (min-width: 768px) and (max-width: 1279px) {
    .reservation .popup_cont {
        width: 700px;
    }
    .reservation .popup_cont .schedule .txt {
        font-size: 16px;
    }
    .reservation .popup_cont .schedule .calendar_area {
        padding: 45px 0 35px;
    }

    /* 2024-03-18 약관동의 클래스 추가 START */
    .resrv_agree .popup_cont {
        width: 700px;
    }
    /* 2024-03-18 약관동의 클래스 추가 END */
}

@media (min-width: 1280px) {
    .reservation .popup_cont {
        width: 720px;
    }
    .reservation .popup_cont .schedule .txt {
        font-size: 18px;
    }
    .reservation .popup_cont .schedule .calendar_area {
        padding: 0 0 10px;
    }
}

.qr_check .popup_cont {
    width: calc(100% - 30px);
    min-width: 300px;
}

.qr_check .popup_cont .qr_wrap {
    text-align: center;
}

.qr_check .popup_cont .qr_wrap .qr_img img {
    display: block;
    margin: 0 auto;
    max-width: 184px;
    width: 100%;
}

.qr_check .popup_cont .qr_wrap .qr_infor {
    padding: 20px 0 15px;
    color: #05141f;
    font-size: 16px;
    line-height: 24px;
}

.qr_check .popup_cont .qr_wrap .qr_infor .date {
    font-weight: 700;
    display: block;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .qr_check .popup_cont {
        width: 520px;
    }
    .qr_check .popup_cont .qr_wrap {
        text-align: center;
    }
    .qr_check .popup_cont .qr_wrap .qr_img img {
        max-width: 230px;
    }
    .qr_check .popup_cont .qr_wrap .qr_infor {
        padding: 40px 0 15px;
        font-size: 18px;
        line-height: 32px;
    }
    .qr_check .popup_cont .qr_wrap .qr_infor .date {
        display: inline;
    }
}

@media (min-width: 1280px) {
    .qr_check .popup_cont {
        width: 520px;
    }
    .qr_check .popup_cont .qr_wrap .qr_img img {
        max-width: 230px;
    }
    .qr_check .popup_cont .qr_wrap .qr_infor {
        padding: 40px 0 15px;
        font-size: 18px;
        line-height: 32px;
    }
    .qr_check .popup_cont .qr_wrap .qr_infor .date {
        display: inline;
    }
}

#infoPop .popup_cont {
    width: 320px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    #infoPop .popup_cont {
        width: 440px;
    }
}

@media (min-width: 1280px) {
    #infoPop .popup_cont {
        width: 720px;
    }
}

#coursePopup .popup_cont {
    width: 320px;
}

#courseSeatPopup .popup_cont {
    width: 320px;
}

@media (min-width: 460px) and (max-width: 878px) {
    #courseSeatPopup .popup_cont,
    #coursePopup .popup_cont {
        width: 460px;
    }
    /* .space_w {width:60px;} */
}

@media (min-width: 880px) and (max-width: 1279px) {
    #courseSeatPopup .popup_cont,
    #coursePopup .popup_cont {
        width: 880px;
    }
    /* .space_w {width:120px;} */
}

@media (min-width: 1280px) {
    #courseSeatPopup .popup_cont,
    #coursePopup .popup_cont {
        width: 880px;
    }
    #courseSeatPopup .popup_content,
    #coursePopup .popup_content {
        padding: 0 37px 35px;
    }
}

#coursePopup .coruse_wrap {
    padding-bottom: 0px;
}

#coursePopup .popup_head .course_title {
    font-size: 24px;
}
#coursePopup .popup_head .course_title > strong {
    font-weight: bold;
}

#coursePopup .tour_point {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(5, 20, 31, 0.8);
    padding-bottom: 20px;
}

#coursePopup .course_info_wrap {
    width: 100%;
    overflow-y: scroll;
    max-height: 500px;
}
#coursePopup .course_info_wrap .course_item {
    text-align: center;
}
#coursePopup .course_info_wrap .course_item img {
    max-width: 600px;
    width: 100%;
}
.space_w {
    width: 10px;
}
@media (max-width: 520px) {
    /* 2025.09.11 수정 */
    .course_info_wrap {
        max-height: 200px !important;
    }
}
@media (max-width: 870px) {
    .course_info_wrap {
        max-height: 500px;
    }
}

@media (min-width: 880px) and (max-width: 1279px) {
    #coursePopup .course_info_wrap {
        /*display: table; */
    }
    #coursePopup .coruse_wrap {
        padding-bottom: 0px;
    }
    /* .space_w {width:120px;} */
}

@media (min-width: 1280px) {
    #coursePopup .course_info_wrap {
        /*display: table; */
    }
    #coursePopup .coruse_wrap {
    }
}

.course_show_btn {
    position: absolute;
    max-width: 98px;
    right: 37px;
    bottom: 0px;
    margin: auto;
}

.course_choice .car_img {
    position: relative;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .course_show_btn {
        right: 24px;
    }
}

@media (max-width: 767px) {
    .course_show_btn {
        right: 6.4vw;
    }
}
@media (min-width: 1280px) {
    /* .space_w {width:120px;} */
}

#courseSeatPopup .coruse_seat_wrap {
    padding-bottom: 0px;
}

#courseSeatPopup .coruse_seat_wrap > .btn_area {
    justify-content: center;
}

#courseSeatPopup .coruse_seat_wrap > .btn_area > .geay {
    background-color: rgba(5, 20, 31, 0.2);
    margin-right: 20px;
}

#courseSeatPopup .popup_head .coruse_seat_title {
    font-size: 24px;
}
#courseSeatPopup .popup_head .coruse_seat_title > strong {
    font-weight: bold;
}

#courseSeatPopup .seat_notice {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(5, 20, 31, 0.8);
    padding-bottom: 20px;
}

#courseSeatPopup .coruse_seat_form_wrap {
    width: 100%;
    border-top: 1px solid rgba(5, 20, 31, 0.8);
    padding: 45px 0px;
}

#courseSeatPopup .coruse_seat_form_wrap .select_wrap {
    display: flex;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: space-around;
    width: 100%;
}
#courseSeatPopup .coruse_seat_form_wrap .select_wrap > .select_item {
    display: table-cell;
}

#courseSeatPopup
    .coruse_seat_form_wrap
    .select_wrap
    > .select_item
    .select_seat {
    display: block;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 56px;
    color: #5a6064;
    line-height: 1.5;
}

#courseSeatPopup
    .coruse_seat_form_wrap
    .select_wrap
    > .select_item
    .select_seat
    .form_chk {
    display: block;
    width: 90px;
}

#courseSeatPopup
    .coruse_seat_form_wrap
    .select_wrap
    > .select_item
    .select_seat
    .form_chk
    label {
    display: block;
    line-height: 24px;
    padding-left: 0px;
}

#courseSeatPopup
    .coruse_seat_form_wrap
    .select_wrap
    > .select_item
    .select_seat
    .form_chk
    label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    border: 1px solid #05141f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.select_item_frame .seat {
    padding-top: 28px;
}

.select_item_frame .seat > img {
    width: 100%;
    max-width: 120px;
}

.select_item_frame .seat_info {
    padding-top: 6px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    font-weight: bold;
}
.select_seat .form_chk input {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    opacity: 1;
    width: 15px;
    height: 15px;
    border-color: transparent;
    visibility: hidden;
}

.select_seat .form_chk input::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    border: 1px solid #05141f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: -3px;
}

.select_seat .form_chk input:checked::after {
}

/* 오픈안내팝업 */
#openNotice .popup_cont {
    width: 320px;
}
@media (min-width: 768px) and (max-width: 1279px) {
    #openNotice .popup_cont {
        width: 440px;
    }
}
@media (min-width: 1280px) {
    #openNotice .popup_cont {
        width: 620px;
        padding-bottom: 60px;
    }
}

.open_popup .popup_content .wrap {
    padding: 15px 0 30px;
}

.open_popup .popup_content .wrap p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -1px;
    text-align: center;
}

.open_popup .popup_content .wrap p + p {
    margin-top: 10px;
}

.open_popup .popup_content .btn {
    display: block;
    margin: 0 auto;
    width: 120px;
}

.open_popup .title.kia_log {
    margin: 0 auto;
}

.open_popup .title.kia_log img {
    display: block;
    margin: 0 auto;
    width: 74px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .open_popup .title.kia_log img {
        width: 98px;
    }
    .open_popup .popup_content .wrap {
        padding: 40px 0;
    }
    .open_popup .popup_content .wrap p {
        font-size: 20px;
        line-height: 28px;
    }
}
@media (min-width: 1280px) {
    .open_popup .title.kia_log img {
        width: 98px;
    }
    .open_popup .popup_content .wrap {
        padding: 30px 0 40px;
    }
    .open_popup .popup_content .wrap p {
        font-size: 24px;
        line-height: 40px;
    }
    .open_popup .popup_content .wrap p + p {
        margin-top: 20px;
    }
    .open_popup .popup_content .btn {
        height: 52px;
        width: 140px;
    }
    .open_popup .popup_content .btn em {
        font-size: 16px;
        line-height: 22px;
    }
}

.pop_alert {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 360px;
    max-height: 215px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

/* 2024-06-11 공통메시지 팝업 높이 변경(2406_IMP_03) : 215px -> 225px */
.pop_alert .pop_wrap {
    position: relative;
    width: 360px;
    height: 225px;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 6px 8px 25px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 6px 8px 25px 0px rgba(0, 0, 0, 0.1);
    padding: 35px;
}

.pop_alert .text {
    min-height: 120px;
    color: #05141f;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
}

/* 2024-06-11 팝업버튼 정렬 변경(2406_IMP_03) : right -> center */
.pop_alert .btn_area {
    text-align: center;
}

.pop_alert .btn_area a {
    display: inline-block;
    min-width: 45px;
    color: #0b81d9;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}

/* 2024-06-11 팝업버튼  em 레이아웃 추가(2406_IMP_03)  */
.pop_alert .btn_area .btn_a {
    display: inline-block;
    background: #05141f;
    height: 40px;
}

/* 2024-06-11 팝업버튼  em 레이아웃 추가(2406_IMP_03)  */
.pop_alert .btn_area .btn_a em {
    display: block;
    padding: 8px 35px;
    max-width: 190px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}

.pop_alert .btn_area a + a {
    margin-left: 10px;
}

/* 2024-06-11 공통메시지 팝업 높이 변경(2406_IMP_03) : 196px -> 210px */
@media (min-width: 320px) and (max-width: 767px) {
    .pop_alert .pop_wrap {
        width: 345px;
        height: 210px;
    }
    .pop_alert .text {
        font-size: 14px;
        line-height: 24px;
    }
    .pop_alert .btn_area a {
        font-size: 16px;
        line-height: 25px;
    }

    /* 2024-06-11 팝업버튼  em 레이아웃 추가(2406_IMP_03)  */
    .pop_alert .btn_area .btn_a {
        display: inline-block;
        background: #05141f;
        height: 35px;
    }

    /* 2024-06-11 팝업버튼  em 레이아웃 추가(2406_IMP_03)  */
    .pop_alert .btn_area .btn_a em {
        display: block;
        padding: 6px 30px;
        max-width: 190px;
        color: #ffffff;
        font-size: 13px;
        text-align: center;
    }
}

.main {
    background-color: #05141f;
    height: 100vh;
}

.main #content {
    height: calc(100vh - 250px);
    background-color: #05141f !important;
}

.main #footer .copyright {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 0 39px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #4b565e;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.main .menu_wrap {
    display: none;
}

.main .txt_wrap {
    padding: 59px 0 35px;
    color: #fff;
    text-align: center;
}

.main .txt_wrap .title_text {
    margin-bottom: 25px;
    font-size: 60px;
    font-weight: 400;
}

.main .txt_wrap .des_text {
    font-size: 18px;
    font-weight: 100;
    line-height: 24px;
    opacity: 0.8;
}

.main .visual_cont {
    max-width: 1280px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main .visual_cont .wrap_cont {
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}

.main .visual_cont .wrap_cont a {
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}

.main .visual_cont .wrap_cont a::after {
    content: "";
    display: inline-block;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: -50px;
    bottom: -50px;
    background: #05141f;
    border-left: 1px solid #05141f;
    width: 100px;
    height: 100px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main .visual_cont .wrap_cont a .text_wrap {
    display: block;
    position: absolute;
    left: 19px;
    bottom: 19px;
}

.main .visual_cont .wrap_cont a .text_wrap .title_text {
    display: block;
    font-size: 22px;
}

.main .visual_cont .wrap_cont a .text_wrap .des_text {
    display: none;
}

.main .visual_cont .wrap_cont a .text_wrap i {
    display: none;
}

.main .visual_cont .wrap_cont a img {
    display: block;
    max-width: 620px;
    width: 100%;
}

@media (min-width: 320px) and (max-width: 767px) {
    .main {
        height: auto;
    }
    .main #content {
        height: auto;
        padding-bottom: 51px;
    }
    .main #footer .copyright {
        position: relative;
        padding: 39px 0 51px;
    }
    .main .txt_wrap {
        padding: 100px 0 30px;
    }
    .main .txt_wrap .title_text {
        margin-bottom: 13px;
        font-size: 28px;
    }
    .main .txt_wrap .des_text {
        font-size: 14px;
    }
    .main .visual_cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 62px;
        max-width: 450px;
        margin: 0 auto;
    }
    .main .visual_cont .wrap_cont a::after {
        right: -25px;
        bottom: -25px;
        width: 50px;
        height: 50px;
    }
    .main .visual_cont .wrap_cont + .wrap_cont {
        margin-top: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .main {
        height: auto;
    }
    .main #content {
        height: auto;
    }
    .main .txt_wrap {
        padding: 118px 0 35px;
    }
    .main .txt_wrap .title_text {
        margin-bottom: 25px;
        font-size: 40px;
    }
    .main .txt_wrap .des_text {
        font-size: 16px;
    }
    .main .visual_cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .main .visual_cont .wrap_cont {
        margin: 0 10px;
    }
    .main .visual_cont .wrap_cont a::after {
        right: -50px;
        bottom: -50px;
        width: 100px;
        height: 100px;
    }
    .main .visual_cont .wrap_cont a .text_wrap {
        bottom: 28px;
    }
    .main .visual_cont .wrap_cont a .text_wrap .title_text {
        font-size: 32px;
    }
    .main .visual_cont .wrap_cont + .wrap_cont {
        margin-top: 20px;
    }
    .main #footer .copyright {
        position: relative;
        padding: 39px 0 51px;
    }
}

@media (min-width: 1280px) {
    .main .txt_wrap {
        padding: 130px 0 35px;
    }
    .main .txt_wrap .title_text {
        margin-bottom: 30px;
        font-size: 60px;
    }
    .main .visual_cont {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .main .visual_cont .wrap_cont a {
        border: 1px solid #05141f;
    }
    .main .visual_cont .wrap_cont a .text_wrap {
        display: block;
        position: absolute;
        left: 60px;
        bottom: -100px;
    }
    .main .visual_cont .wrap_cont a .text_wrap .title_text {
        font-size: 40px;
    }
    .main .visual_cont .wrap_cont a .text_wrap .des_text {
        display: block;
        padding: 20px 0;
        font-size: 17px;
        line-height: 28px;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in;
        -o-transition: opacity 0.3s ease-in;
        transition: opacity 0.3s ease-in;
    }
    .main .visual_cont .wrap_cont a .text_wrap i {
        display: inline-block;
        content: "상세보기";
        border: 1px solid #fff;
        width: 140px;
        height: 50px;
        font-style: normal;
        font-size: 17px;
        line-height: 50px;
        text-align: center;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in;
        -o-transition: opacity 0.3s ease-in;
        transition: opacity 0.3s ease-in;
    }
    .main .visual_cont .wrap_cont a.active,
    .main .visual_cont .wrap_cont a:hover {
        border: 1px solid #fff;
    }
    .main .visual_cont .wrap_cont a.active::after,
    .main .visual_cont .wrap_cont a:hover::after {
        border-left: 1px solid #fff;
    }
    .main .visual_cont .wrap_cont a.active .text_wrap,
    .main .visual_cont .wrap_cont a:hover .text_wrap {
        bottom: 60px;
    }
    .main .visual_cont .wrap_cont a.active .text_wrap .des_text,
    .main .visual_cont .wrap_cont a.active .text_wrap i,
    .main .visual_cont .wrap_cont a:hover .text_wrap .des_text,
    .main .visual_cont .wrap_cont a:hover .text_wrap i {
        opacity: 1;
    }
}

.introduction .visual_area {
    position: relative;
}

.introduction .visual_area .cont_wrap {
    height: auto;
}

.introduction .visual_area .cont_wrap img {
    width: 100%;
}

@media (min-width: 1280px) {
    .introduction .visual_area {
        position: relative;
        overflow: hidden;
    }
    .introduction .visual_area .cont_wrap {
        position: relative;
        /* height: 100vh; */
    }
    .introduction .visual_area .cont_wrap img {
        height: 593px;
    }
    .abs_top_80 {
        position: absolute;
        top: 80px;
    }
}

.introduction .mobility_area {
    background: #fff;
    margin: 0 auto;
}

.introduction .mobility_area .title_wrap {
    text-align: center;
}

.introduction .mobility_area .title_wrap .h_title {
    color: #05141f;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: -1px;
}

.introduction .mobility_area .title_wrap p {
    padding: 0 30px;
    color: #05141f;
    font-weight: 100;
}

.introduction .mobility_area .img_cont .text_cont {
    text-align: left;
}

.introduction .mobility_area .img_cont .text_cont strong {
    display: block;
    color: #05141f;
    font-weight: 700;
    white-space: nowrap;
}

.introduction .mobility_area .img_cont .text_cont p {
    color: #383f46;
    font-weight: 400;
}

@media (min-width: 320px) and (max-width: 767px) {
    .introduction .mobility_area {
        padding: 57px 0 0;
    }
    .introduction .mobility_area .title_wrap .h_title {
        font-size: 26px;
        line-height: 31px;
        margin-bottom: 18px;
    }
    .introduction .mobility_area .title_wrap p {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 38px;
    }
    .introduction .mobility_area .img_wrap {
        padding: 0 48px 0;
    }
    .introduction .mobility_area .img_wrap .text_cont {
        padding: 15px 0 27px;
    }
    .introduction .mobility_area .img_wrap .text_cont strong {
        font-size: 17px;
    }
    .introduction .mobility_area .img_wrap .text_cont p {
        margin-top: 7px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .introduction .mobility_area {
        padding: 70px 94px 0;
    }
    .introduction .mobility_area .title_wrap .h_title {
        font-size: 44px;
        line-height: 60px;
        margin-bottom: 15px;
    }
    .introduction .mobility_area .title_wrap p {
        font-size: 20px;
        line-height: 28px;
        padding-bottom: 58px;
    }
    .introduction .mobility_area .img_cont {
        max-width: 580px;
        margin: 0 auto;
    }
    .introduction .mobility_area .img_cont .text_cont {
        padding: 38px 0 60px;
    }
    .introduction .mobility_area .img_cont .text_cont strong {
        font-size: 34px;
    }
    .introduction .mobility_area .img_cont .text_cont p {
        margin-top: 20px;
        font-size: 20px;
        line-height: 32px;
    }
}

@media (min-width: 1280px) {
    .introduction .mobility_area {
        max-width: 1720px;
        margin: 0 auto;
        padding: 188px 0 90px;
    }
    /* 20240820 수정 */
    .introduction .mobility_area .title_wrap .h_title {
        margin-bottom: 32px;
        font-size: 50px;
        line-height: 70px;
    }
    .introduction .mobility_area .title_wrap p {
        padding-bottom: 70px;
        font-size: 22px;
        line-height: 40px;
    }
    .introduction .mobility_area .img_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .introduction .mobility_area .img_wrap > div {
        width: calc((100% / 3) - 25px);
    }
    .introduction .mobility_area .img_cont {
        max-width: 540px;
    }
    .introduction .mobility_area .img_cont .text_cont {
        padding: 42px 0 27px 30px;
    }
    .introduction .mobility_area .img_cont .text_cont strong {
        font-size: 28px;
    }
    .introduction .mobility_area .img_cont .text_cont p {
        margin-top: 23px;
        font-size: 16px;
        line-height: 26px;
    }
    /* 20240820 수정 끝 */
}

.gallery_area {
    position: relative;
    padding: 67px 0 0;
}

.gallery_area .button_wrap {
    text-align: center;
}

.gallery_area .swiper-button-prev {
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gallery_area .swiper-button-next {
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gallery_area .swiper-button-prev::after,
.gallery_area .swiper-button-next::after {
    color: #fff;
    font-size: 16px;
}

.gallery_area .swiper-pagination {
    position: relative;
    padding: 23px 0 31px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.gallery_area .swiper-pagination .swiper-pagination-bullet {
    background: #cdd0d2;
    opacity: 1;
    border-radius: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 10px;
    height: 3px;
    margin: 0 5px;
}

.gallery_area
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.gallery_area .swiper-button-play {
    cursor: pointer;
    display: inline-block;
    display: none;
}

.gallery_area .swiper-button-pause {
    cursor: pointer;
    display: inline-block;
    display: none;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .gallery_area {
        padding: 67px 0 0;
    }
    .gallery_area .swiper-pagination {
        padding: 45px 0 31px;
    }
    .gallery_area .swiper-pagination .swiper-pagination-bullet {
        width: 21px;
        height: 5px;
        margin: 0 10px;
    }
    .gallery_area .swiper-button-prev,
    .gallery_area .swiper-button-next {
        width: 64px;
        height: 64px;
    }
    .gallery_area .swiper-button-prev::after,
    .gallery_area .swiper-button-next::after {
        font-size: 28px;
    }
}

@media (min-width: 1280px) {
    .gallery_area {
        padding: 100px 0 99px;
    }
    .gallery_area .swiper-pagination {
        padding: 45px 0 31px;
    }
    .gallery_area .swiper-pagination .swiper-pagination-bullet {
        width: 18px;
        height: 2px;
        margin: 0 8px;
    }
    .gallery_area .button_wrap {
        position: relative;
    }
    .gallery_area .swiper-button-prev {
        top: 41px;
        left: calc(100% - 160px);
        width: 58px;
        height: 58px;
        margin-top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .gallery_area .swiper-button-next {
        top: 41px;
        right: 0;
        width: 58px;
        height: 58px;
        margin-top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .gallery_area .swiper-button-prev::after,
    .gallery_area .swiper-button-next::after {
        color: #000;
        font-size: 26px;
    }
    .gallery_area .swiper-button-play,
    .gallery_area .swiper-button-pause {
        display: inline-block;
        display: block;
        position: absolute;
        top: 41px;
        right: 58px;
        width: 48px;
        height: 58px;
        cursor: pointer;
    }
    .gallery_area .swiper-button-play {
        cursor: pointer;
        font-size: 0;
        line-height: 0;
        /* background: url("../img/icn/icon_play.png") center center no-repeat; */
        background: url("/itg/images/introduction/icon_play.png") center center
            no-repeat;
    }
    .gallery_area .swiper-button-pause {
        cursor: pointer;
        font-size: 0;
        line-height: 0;
        /* background: url("../img/icn/icon_pause.png") center center no-repeat; */
        background: url("/itg/images/introduction/icon_pause.png") center center
            no-repeat;
    }
}

.exhibition_area {
    overflow: hidden;
    padding: 0 0 100px;
}

.exhibition_area .swiper_wrap {
    position: relative;
}

.exhibition_area .swiper-container {
    padding-top: 67px;
}
.exhibition_area .swiper-container .swiper-slide {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 5px 6px 22px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    width: 540px !important;
    height: 500px;
}

.exhibition_area .swiper-container .swiper-slide .img {
    display: block;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.exhibition_area .swiper-container .swiper-slide .img img {
    width: 100%;
}

.exhibition_area .swiper-container .swiper-slide .car_infor {
    padding-bottom: 10px;
    text-align: center;
}

.exhibition_area .swiper-container .swiper-slide .car_infor img {
    max-width: 500px;
    display: block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.exhibition_area .swiper-container .swiper-slide .car_infor .name {
    display: block;
    margin-top: 10px;
    color: #8e9194;
    font-size: 14px;
    white-space: nowrap;
}

.exhibition_area .swiper-container .swiper-slide .car_infor .des {
    padding: 30px 0 0;
    color: #05141f;
    font-size: 14px;
    font-weight: 700;
    /* white-space: nowrap; */
    display: none;
}

.exhibition_area .swiper-container .swiper-slide .car_infor .car_color {
    display: none;
    padding: 10px 0 0;
}

.exhibition_area .swiper-container .swiper-slide .car_infor .car_color span {
    display: inline-block;
    font-size: 12px;
    padding: 0 10px;
}

.exhibition_area .swiper-container .swiper-slide .car_infor .car_color span em {
    display: inline-block;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    border-radius: 7px;
    vertical-align: middle;
}

.exhibition_area .swiper-container .swiper-slide:hover .img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.exhibition_area .swiper-container .swiper-slide.swiper-slide-active .img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.exhibition_area .swiper-container .swiper-slide .car_infor {
    min-height: 150px;
}

.exhibition_area .swiper-container .swiper-slide .car_infor .name {
    color: #05141f;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
}

.exhibition_area .swiper-container .swiper-slide .car_infor .des {
    display: block;
    padding: 20px 0 0;
}

.exhibition_area .swiper-container .swiper-slide .car_infor .car_color {
    display: block;
    padding: 10px 0 0;
}

.exhibition_area .button_wrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 180px);
    margin: 0 auto;
    /* bottom: 40px; */
    z-index: 10;
    top: 286px;
}

.exhibition_area .button_wrap .swiper-button-prev,
.exhibition_area .button_wrap .swiper-button-next {
    width: 40px;
    height: 40px;
    top: 100%;
    bottom: 0 !important;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    /* 2025.09.11 수정 */
    -webkit-tap-highlight-color: transparent;
}

.exhibition_area .button_wrap .swiper-button-prev::after,
.exhibition_area .button_wrap .swiper-button-next::after {
    display: none;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .exhibition_area {
        padding: 80px 0 148px;
    }
    .exhibition_area .swiper-container {
        padding-top: 80px;
        padding-bottom: 50px;
    }
    .exhibition_area .swiper-container .swiper-slide .car_infor .name {
        font-size: 24px;
    }
    .exhibition_area .swiper-container .swiper-slide .car_infor .des {
        padding: 30px 0 0;
        font-size: 24px;
    }
    .exhibition_area .swiper-container .swiper-slide .car_infor .car_color {
        padding: 10px 0 0;
    }
    .exhibition_area
        .swiper-container
        .swiper-slide
        .car_infor
        .car_color
        span {
        font-size: 20px;
    }
    .exhibition_area
        .swiper-container
        .swiper-slide
        .car_infor
        .car_color
        span
        em {
        margin-left: 5px;
        width: 23px;
        height: 23px;
        border-radius: 23px;
    }
    .exhibition_area
        .swiper-container
        .swiper-slide.swiper-slide-active
        .car_infor
        .name {
        margin-top: 5px;
        font-size: 36px;
    }
    .exhibition_area
        .swiper-container
        .swiper-slide.swiper-slide-active
        .car_infor
        .des {
        padding: 20px 0 0;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 400px;
    }
    .exhibition_area
        .swiper-container
        .swiper-slide.swiper-slide-active
        .car_infor
        .car_color {
        padding: 10px 0 0;
    }
    .exhibition_area .button_wrap {
        max-width: 600px;
        top: 340px;
    }
    .exhibition_area .button_wrap .swiper-button-prev,
    .exhibition_area .button_wrap .swiper-button-next {
        width: 68px;
        height: 68px;
    }
}

@media (min-width: 1280px) {
    .exhibition_area {
        padding: 100px 0 174px;
    }
    .exhibition_area .swiper-container {
        padding: 80px 90px 20px 90px;
    }
    .exhibition_area .swiper-container .swiper-slide {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .exhibition_area .swiper-container .swiper-slide .car_infor .name {
        margin-top: 10px;
        font-size: 18px;
    }
    .exhibition_area .swiper-container .swiper-slide .car_infor .des {
        padding: 30px 0 0;
        font-size: 20px;
    }
    .exhibition_area .swiper-container .swiper-slide .car_infor .car_color {
        padding: 10px 0 0;
    }
    .exhibition_area
        .swiper-container
        .swiper-slide
        .car_infor
        .car_color
        span {
        font-size: 16px;
    }
    .exhibition_area
        .swiper-container
        .swiper-slide
        .car_infor
        .car_color
        span
        em {
        margin-left: 5px;
        width: 16px;
        height: 16px;
        border-radius: 8px;
    }
    .exhibition_area .swiper-container .swiper-slide .car_infor .name {
        margin-top: 5px;
        font-size: 36px;
    }
    .exhibition_area .swiper-container .swiper-slide .car_infor .des {
        padding: 20px 0 0;
    }
    .exhibition_area .swiper-container .swiper-slide .car_infor .car_color {
        padding: 10px 0 0;
    }
    .exhibition_area .button_wrap {
        /* bottom: 80px; */
        width: 100%;
    }
    .exhibition_area .button_wrap .swiper-button-prev,
    .exhibition_area .button_wrap .swiper-button-next {
        width: 80px;
        height: 80px;
        z-index: 10;
    }
    .exhibition_area .button_wrap .swiper-button-next {
        right: 50px;
    }
    .exhibition_area .button_wrap .swiper-button-prev {
        left: 50px;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .exhibition_area {
        padding-top: 67px;
    }
    .exhibition_area .swiper-container {
        padding-bottom: 30px;
    }
    .exhibition_area .swiper-container .swiper-slide {
        width: 264px !important;
        min-height: 285px;
        height: 285px;
    }
    .exhibition_area .swiper-container .swiper-slide .car_infor {
        min-height: auto;
    }
    .exhibition_area .button_wrap {
        top: 213px;
        /* min-width:264px; */
        width: 315px;
    }
}

.map-area {
    background: #f3f3f3;
}

.map-area .traffic_guide .h_title {
    color: #05141f;
    text-align: left;
}

.map-area .traffic_guide .address {
    color: #8e9194;
}

.map-area .traffic_guide .sub_title {
    color: #05141f;
    font-size: 18px;
}

.map-area .traffic_guide .infor {
    padding: 38px;
    background: #fff;
}

.map-area .traffic_guide .infor dl dt {
    padding-bottom: 16px;
    color: #05141f;
    font-size: 18px;
    font-weight: 700;
}

.map-area .traffic_guide .infor dl dd {
    color: #5c5f62;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.map-area .traffic_guide .infor dl dd + dd {
    margin-top: 16px;
}

.map-area .traffic_guide .infor dl dd + dt {
    margin-top: 35px;
}

.map-area .traffic_guide .infor dl dd span {
    display: block;
    color: #8e9194;
    font-weight: 400;
}

.map-area .traffic_guide .map_text {
    position: relative;
}

.map-area .traffic_guide .map_text .kakao_map {
    font-size: 18px;
    line-height: 20px;
}

.map-area .traffic_guide .map_text .kakao_map i {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

@media (min-width: 320px) and (max-width: 767px) {
    .map-area {
        padding: 41px 31px 100px;
    }
    .map-area .traffic_guide {
        padding: 15px 0 0;
    }
    .map-area .traffic_guide .h_title {
        font-size: 24px;
    }
    .map-area .traffic_guide .address {
        padding-top: 10px;
        font-size: 16px;
    }
    .map-area .traffic_guide .sub_title {
        padding: 40px 0 15px;
        font-size: 18px;
    }
    .map-area .traffic_guide .infor {
        padding: 20px 17px;
    }
    .map-area .traffic_guide .map_text .kakao_map {
        display: block;
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .map-area {
        padding: 82px 62px;
    }
    .map-area .inner_wrap {
        max-width: 640px;
        margin: 0 auto;
    }
    .map-area .traffic_guide {
        padding: 40px 0 0;
    }
    .map-area .traffic_guide .h_title {
        font-size: 40px;
    }
    .map-area .traffic_guide .address {
        padding-top: 15px;
        font-size: 24px;
    }
    .map-area .traffic_guide .sub_title {
        padding: 70px 0 40px;
        font-size: 32px;
    }
    .map-area .traffic_guide .map_text .kakao_map {
        display: block;
        margin-top: 30px;
    }
}

@media (min-width: 1280px) {
    .map-area {
        padding: 100px 0 140px;
    }
    .map-area .inner_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .map-area .inner_wrap > div {
        width: calc(50% - 20px);
    }
    /* 20240820 수정 */
    .map-area .traffic_guide .h_title {
        font-size: 28px;
    }
    /* 20240820 수정 끝 */
    .map-area .traffic_guide .address {
        padding-top: 15px;
        font-size: 18px;
    }
    .map-area .traffic_guide .sub_title {
        padding: 46px 0 30px;
        font-size: 24px;
        font-weight: 700;
    }
    .map-area .traffic_guide .map_text .kakao_map {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }
    .map-area .traffic_guide .infor dl {
        min-height: 272px;
    }
    .map-area .traffic_guide .infor dl dd + dd {
        margin-top: 24px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .qr #content {
        padding-bottom: 75px;
    }
    .qr #content .inner_wrap {
        padding: 0 15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .qr #content {
        padding-bottom: 120px;
    }
    .qr #content .inner_wrap {
        padding: 0 50px;
    }
}

@media (min-width: 1280px) {
    .qr #content {
        padding-bottom: 88px;
    }
}

.qr .user_guide .cont_wrap {
    position: relative;
    background: #f7f8f8;
    border-top: 2px solid #06141f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px 15px;
    margin-top: 59px;
}

.qr .user_guide .cont_wrap .title {
    color: #05141f;
    font-size: 24px;
    max-width: 208px;
}

/* 2023-08-30 position:클래스 포지션, width:넓이 속성 추가 */
.qr .user_guide .cont_wrap .dot_list {
    margin-top: 15px;
    position: relative;
    width: fit-content;
}

.qr .user_guide .cont_wrap .btnType {
    position: relative;
    margin-top: 15px;
}
/* 2023-08-30 centered : 전체 영역에 대해 중앙 정렬 처리 */
.qr .user_guide .cont_wrap .btnType.centered {
    display: block;
    width: fit-content;
    margin: 15px auto 0;
}
/* 2023-08-30 centered2 : 안내 문구에 대해 중앙 정렬 처리 */
.qr .user_guide .cont_wrap .btnType.centered2 {
    display: block;
    width: fit-content;
    margin: 15px auto 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .qr .user_guide {
        margin-top: 80px;
    }
    .qr .user_guide .cont_wrap {
        padding: 30px 30px 25px;
    }
    .qr .user_guide .cont_wrap .title {
        font-size: 32px;
        max-width: unset;
    }
    .qr .user_guide .cont_wrap .dot_list {
        margin-top: 30px;
    }
    .qr .user_guide .cont_wrap .btnType {
        margin-top: 30px;
    }
}

@media (min-width: 1280px) {
    .qr .user_guide {
        margin-top: 120px;
    }
    .qr .user_guide .cont_wrap {
        overflow: hidden;
        padding: 60px 58px;
        min-height: 194px;
    }
    .qr .user_guide .cont_wrap .title {
        display: inline-block;
        float: left;
        font-size: 24px;
    }
    .qr .user_guide .cont_wrap .dot_list {
        margin-top: 0;
        float: left;
        margin-left: 80px;
    }
    .qr .user_guide .cont_wrap .btnType {
        position: absolute;
        top: 50%;
        right: 40px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 0;
    }
    .qr .user_guide .cont_wrap .btnType:lang(cn) {
        top: 70%;
        left: 280px;
        right: unset;
    }
    /* 2023-08-30 centered : 전체 영역에 대해 중앙 정렬 처리 */
    .qr .user_guide .cont_wrap .btnType.centered:lang(cn) {
        left: 50%;
        transform: translateX(-50%);
        top: 55%;
        margin-top: unset;
    }
    /* 2023-08-30 centered2 : 안내 문구에 대해 중앙 정렬 처리 */
    .qr .user_guide .cont_wrap .btnType.centered2:lang(cn) {
        left: 50%;
        transform: translateX(-50%);
        margin-top: 35px;
        width: max-content;
    }
    .qr .user_guide .cont_wrap .btnType:lang(en) {
        top: 70%;
        left: 340px;
        right: unset;
    }
    /* 2023-08-30 centered : 전체 영역에 대해 중앙 정렬 처리 */
    .qr .user_guide .cont_wrap .btnType.centered:lang(en) {
        left: 50%;
        transform: translateX(-50%);
        top: 55%;
        margin-top: unset;
    }
    /* 2023-08-30 centered2 : 안내 문구에 대해 중앙 정렬 처리 */
    .qr .user_guide .cont_wrap .btnType.centered2:lang(en) {
        left: 50%;
        transform: translateX(-50%);
        margin-top: 35px;
        width: max-content;
    }
}

.qr .benefit_area ul {
    overflow: hidden;
}

.qr .benefit_area ul li {
    float: left;
    width: calc((100% / 2) - 20px);
}

.qr .benefit_area ul li:nth-child(even) {
    margin-left: 40px;
}

.qr .benefit_area ul li .text_cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.qr .benefit_area ul li .text_cont strong {
    display: block;
    color: #05141f;
    font-size: 18px;
    font-weight: 400;
}

.qr .benefit_area ul li .text_cont p {
    padding-top: 15px;
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 100;
    letter-spacing: -1px;
}

.qr_agree {
    margin-top: 30px;
}

.qr_agree .btn.wide {
    display: block;
    width: 100%;
    height: 44px;
}

.qr_agree .btn.wide em {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    width: 100%;
    height: 44px;
}

.qr_agree .check_input {
    display: block;
}

.qr_agree .agree_wrap + .agree_wrap {
    margin-top: 10px;
}

.qr_agree .agree_wrap {
    background: #fff;
    border: 1px solid #dbdbdb;
}

.qr_agree .agree_wrap .check_input {
    padding: 15px;
    text-align: left;
}

.qr_agree .check_input {
    position: relative;
}

.qr_agree .check_input input {
    position: absolute;
    height: 18px;
    width: 18px;
    opacity: 0;
    cursor: pointer;
}

/* 2024-03-18 약관동의 변경관련 변경 */
.qr_agree .form_chk {
    padding-bottom: 8px;
    font-size: 16px;
    display: block;
}

.qr_agree .form_chk input {
    position: absolute;
    top: 0;
    height: 13px;
    width: 13px;
    opacity: 1;
    cursor: pointer;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    vertical-align: top;
}

.qr_agree .form_chk label {
    display: inline-block;
    cursor: pointer;
}

.qr_agree .form_chk label::before {
    display: none;
}

.qr_agree .form_chk input:checked ~ label::before {
    background: none;
}
/* 2024-03-18 약관동의 변경관련 변경 */

.qr_agree .check_input label {
    display: inline-block;
    color: #05141f;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
}

.qr_agree .check_input label::before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    background: url("/itg/images/sp/icon_checkbox_off.png") no-repeat center
        center;
    background-size: contain;
    vertical-align: middle;
}

.qr_agree .check_input input:checked ~ label::before {
    background-image: url("/itg/images/sp/icon_checkbox_on.png");
}
.qr_agree .agree_wrap .cont {
    display: block;
    border-bottom: 1px solid #dbdbdb;
    padding: 15px;
    color: #697279;
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-line;
}

.qr_agree .agree_wrap .cont dl {
    overflow: hidden;
    padding-bottom: 10px;
}

.qr_agree .agree_wrap .cont dl dt {
    float: left;
    min-width: 85px;
    color: #05141f;
    font-size: 12px;
    line-height: 1.5;
}

.qr_agree .agree_wrap .cont dl dd {
    color: #697279;
    font-size: 12px;
    line-height: 1.5;
}

.qr_agree .all_check {
    padding: 20px;
    color: #05141f;
    font-size: 14px;
    text-align: center;
}

.qr_agree .certification {
    text-align: center;
    padding: 100px 0;
}

.qr_agree .certification .ico img {
    display: block;
    margin: 0 auto;
    width: 67px !important;
}

.qr_agree .certification .txt {
    padding: 20px 0 100px;
    color: #05141f;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: -1px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .qr .benefit_area {
        margin-top: 60px;
    }
    .qr .benefit_area ul li {
        float: none;
        width: 100%;
        margin-left: 0 !important;
    }
    .qr .benefit_area ul li .text_cont {
        padding-top: 20px;
        min-height: 151px;
    }
    .qr .benefit_area ul li .text_cont p {
        line-height: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .qr .benefit_area {
        margin-top: 56px;
    }
    .qr .benefit_area ul li {
        width: calc((100% / 2) - 16px);
    }
    .qr .benefit_area ul li:nth-child(even) {
        margin-left: 32px;
    }
    .qr .benefit_area ul li .text_cont {
        padding-top: 28px;
        min-height: 179px;
    }
}

@media (min-width: 1280px) {
    .qr .benefit_area {
        margin-top: 80px;
    }
    .qr .benefit_area ul li {
        min-height: 350px;
    }
    .qr .benefit_area ul li .text_cont {
        padding-top: 40px;
        min-height: 207px;
    }
    .qr .benefit_area ul li .text_cont p {
        padding-top: 25px;
        font-size: 16px;
        line-height: 24px;
    }
}

.qr .mykia_area .cont_wrap {
    border-top: 1px solid #05141f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.qr .mykia_area .cont_wrap p {
    font-size: 16px;
    color: #05141f;
}

@media (min-width: 320px) and (max-width: 767px) {
    .qr .mykia_area .cont_wrap {
        padding: 25px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .qr .mykia_area .cont_wrap p {
        margin-bottom: 17px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .qr .mykia_area .cont_wrap {
        padding: 30px 0;
    }
}

@media (min-width: 1280px) {
    .qr .mykia_area {
        margin-top: 20px;
    }
    .qr .mykia_area .cont_wrap {
        padding: 52px 0;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive #content {
        padding-bottom: 75px;
    }
    .testdrive #content .inner_wrap {
        padding: 0 15px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive #content {
        padding-bottom: 120px;
    }
    .testdrive #content .inner_wrap {
        padding: 0 50px;
    }
}

@media (min-width: 1280px) {
    .testdrive #content {
        padding-bottom: 88px;
    }
}

.testdrive .guide .title {
    font-size: 32px;
    margin-bottom: 28px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive .guide {
        padding: 60px 0 40px;
    }
    .testdrive .guide .title {
        font-size: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive .guide {
        padding: 80px 0 60px;
    }
}

@media (min-width: 1280px) {
    .testdrive .guide {
        padding: 120px 0 58px;
    }
}

.testdrive .testdrive_reservation .step + .step {
    margin-top: 12px;
}

.testdrive .testdrive_reservation i {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-bottom: -4px;
    margin-right: 7px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.testdrive .testdrive_reservation i.icon_map {
    background-image: url("/itg/images/testdrive/icon_map.png");
    opacity: 0.2;
}

.testdrive .testdrive_reservation i.icon_program {
    background-image: url("/itg/images/testdrive/icon_program.png");
    opacity: 0.2;
}

.testdrive .testdrive_reservation i.icon_calendar {
    background-image: url("/itg/images/testdrive/icon_calendar.png");
}

.testdrive .testdrive_reservation i.icon_time {
    background-image: url("/itg/images/testdrive/icon_time.png");
}

@media (min-width: 1280px) {
    .testdrive .testdrive_reservation i {
        width: 24px;
        height: 24px;
        margin-right: 15px;
    }
}

.testdrive .testdrive_reservation .toggle_bar {
    display: block;
    overflow: hidden;
    height: 100px;
    max-height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f7f8f8;
    border: 1px solid #dadcdd;
    color: #05141f;
    position: relative;
}

.testdrive .testdrive_reservation .toggle_bar::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: 18px 12px;
    width: 18px;
    height: 12px;
    background-image: url("/itg/images/testdrive/icon_arrow_down_pc.png");
}

.testdrive .testdrive_reservation .toggle_bar .number {
    position: relative;
    display: inline-block;
    font-weight: 700;
    float: left;
}

.testdrive .testdrive_reservation .toggle_bar .number::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -1px;
    top: 10%;
    bottom: 10%;
    width: 1px;
    height: 80%;
    background: #c6c6c6;
}

.testdrive .testdrive_reservation .toggle_bar .select_title {
    display: inline-block;
    float: left;
    line-height: 40px;
}

.testdrive .testdrive_reservation .toggle_bar .des {
    float: right;
    display: inline-block;
    color: #000000;
    font-weight: 100;
    line-height: 40px;
}

.testdrive .testdrive_reservation .toggle_bar .selected {
    float: right;
    display: inline-block;
    color: #585d62;
    font-weight: 700;
    display: none;
}
/* 20240822 옵션 선택시 정렬 */
.testdrive .testdrive_reservation .toggle_bar .selected strong {
    font-size: 16px;
    line-height: 40px;
}
/* 20240822 옵션 선택시 정렬 Rmx */

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive .testdrive_reservation .toggle_bar {
        padding: 17px 38px 17px 15px;
        max-height: 60px;
        line-height: 24px;
    }
    .testdrive .testdrive_reservation .toggle_bar::after {
        right: 15px;
    }
    .testdrive .testdrive_reservation .toggle_bar .number {
        margin-right: 8px;
        min-width: 35px;
        font-size: 22px;
    }
    /* 20240820 수정 */
    .testdrive .testdrive_reservation .toggle_bar .select_title {
        font-size: 16px;
        letter-spacing: -1px;
        line-height: 24px;
    }
    .testdrive .testdrive_reservation .toggle_bar .des {
        font-size: 12px;
        letter-spacing: -1px;
        line-height: 24px;
        margin-right: 6px;
    }
    /* 20240820 수정 끝 */
    .testdrive .testdrive_reservation .toggle_bar .selected {
        font-size: 14px;
    }
    /* 20240822 옵션 선택시 정렬 */
    .testdrive .testdrive_reservation .toggle_bar .selected strong {
        font-size: 14px;
        line-height: 24px;
        margin-right: 6px;
    }
    /* 20240822 옵션 선택시 정렬 끝 */
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive .testdrive_reservation .toggle_bar {
        padding: 23px 56px 23px 15px;
        line-height: 32px;
    }
    .testdrive .testdrive_reservation .toggle_bar::after {
        right: 20px;
    }
    .testdrive .testdrive_reservation .toggle_bar .number {
        margin-right: 20px;
        min-width: 60px;
        font-size: 32px;
    }
    .testdrive .testdrive_reservation .toggle_bar .select_title {
        font-size: 20px;
    }
    .testdrive .testdrive_reservation .toggle_bar .des {
        font-size: 14px;
    }
    .testdrive .testdrive_reservation .toggle_bar .selected {
        font-size: 14px;
    }
    /* 20240822 옵션 선택시 정렬 */
    .testdrive .testdrive_reservation .toggle_bar .selected strong {
        font-size: 14px;
        line-height: 40px;
    }
    /* 20240822 옵션 선택시 정렬 끝 */
}

@media (min-width: 1280px) {
    .testdrive .testdrive_reservation .toggle_bar {
        padding: 19px 76px 19px 40px;
        line-height: 40px;
    }
    .testdrive .testdrive_reservation .toggle_bar::after {
        right: 40px;
    }
    .testdrive .testdrive_reservation .toggle_bar .number {
        margin-right: 30px;
        min-width: 70px;
        font-size: 40px;
    }
    .testdrive .testdrive_reservation .toggle_bar .select_title {
        font-size: 24px;
    }
    .testdrive .testdrive_reservation .toggle_bar .des {
        font-size: 16px;
    }
    .testdrive .testdrive_reservation .toggle_bar .selected {
        font-size: 22px;
    }
}

.testdrive .testdrive_reservation .toggle_bar.on .before_select {
    display: none;
}

.testdrive .testdrive_reservation .toggle_bar.on .selected {
    display: block;
}

.testdrive .testdrive_reservation .toggle_detail {
    display: none;
    border: 1px solid #cdd0d2;
}

.testdrive .testdrive_reservation .toggle_detail .column_area {
    position: relative;
    overflow: hidden;
}

.testdrive .testdrive_reservation .toggle_detail .column_area .left_cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 31.25%;
}

.testdrive .testdrive_reservation .toggle_detail .column_area .right_cont {
    width: 68.75%;
    padding-left: calc(31.25% + 1px);
}

.testdrive .testdrive_reservation .toggle_detail .column_area .right_cont #map {
    position: absolute;
    width: calc(100% - 31.25%);
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive .testdrive_reservation .toggle_detail .column_area .left_cont {
        position: relative;
        width: 100%;
    }
    .testdrive .testdrive_reservation .toggle_detail .column_area .right_cont {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive .testdrive_reservation .toggle_detail .column_area .left_cont {
        width: 41.766%;
    }
    .testdrive .testdrive_reservation .toggle_detail .column_area .right_cont {
        width: 58.234%;
        padding-left: calc(41.766% + 1px);
    }
    .testdrive
        .testdrive_reservation
        .toggle_detail
        .column_area
        .right_cont
        #map {
        width: calc(100% - 41.766%);
    }
}

.testdrive .testdrive_reservation .step.active .toggle_bar {
    background: #05141f;
    border-color: #05141f;
    color: #ffffff;
}

.testdrive .testdrive_reservation .step.active .toggle_bar::after {
    background-image: url("/itg/images/testdrive/icon_arrow_up_pc.png");
}

.testdrive .testdrive_reservation .step.active .toggle_bar .des {
    color: #ffffff;
}

.testdrive .testdrive_reservation .step.active .toggle_detail {
    display: block;
}

.testdrive .testdrive_reservation .step.active .toggle_detail + .notice {
    display: block;
}

.testdrive_reservation .car_category {
    position: relative;
    padding: 10px 20px;
}
.testdrive_reservation .car_category ul {
    width: 100%;
    border-bottom: 1px solid #d5d6d7;
}
.testdrive_reservation .car_category ul li {
    float: left;
    padding-right: 39px;
    text-align: center;
}
.testdrive_reservation .car_category ul li a {
    line-height: 48px;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.6;
}
.testdrive_reservation .car_category ul li a.on {
    opacity: 1;
}

.testdrive_reservation .car_category ul li a .select_bar {
    width: 100%;
    height: 2px;
    background-color: #fff;
}
.testdrive_reservation .car_category ul li a.on .select_bar {
    background-color: #09141c;
}

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive_reservation .car_category {
        padding: 10px 20px;
    }
    .testdrive_reservation .car_category ul li {
        padding-right: 20px;
    }
    .testdrive_reservation .car_category ul li a {
        line-height: 38px;
        font-size: 14px;
    }
}

.testdrive_reservation .car_list {
    overflow-y: auto;
    overflow-x: hidden;
    height: 453px;
}

.testdrive_reservation .car_list ul li {
    float: left;
    width: calc(100% / 2);
    text-align: center;
}

.testdrive_reservation .car_list ul li a {
    display: block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}

/* 20240813 수정 시작 */
.testdrive_reservation .car_list ul li .car_img {
    display: block;
    text-align: center;
    width: 100%;
}

.testdrive_reservation .car_list ul li .car_img img {
    width: 100% !important;
}
.testdrive_reservation .car_list ul li .car_img.car_img_bb {
    display: block;
    text-align: center;
    position: relative;
    width: 100%;
    height: 120px;
    overflow: hidden;
}
.testdrive_reservation .car_list ul li .car_img.car_img_bb img {
    width: 100% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* 20240813 수정 끝 */

.testdrive_reservation .car_list ul li .car_name {
    display: inline-block;
    text-align: center;
    color: #05141f;
}

.testdrive_reservation .car_list ul li a.on .car_name {
    background: #05141f;
    border-radius: 18px;
    padding: 0 20px;
    color: #ffffff;
}

.testdrive_reservation .car_list ul li .form_chk {
    display: inline-block;
    margin: 0 auto;
}

.testdrive_reservation .car_list ul li .form_chk input {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.testdrive_reservation .car_list ul li .form_chk label {
    display: inline-block;
    height: 22px;
    padding: 0 10px;
    line-height: 22px;
    text-align: center;
    color: #05141f;
}

.testdrive_reservation .car_list ul li .form_chk label::before {
    display: inline-block;
    width: 100%;
    height: 22px;
    border-radius: 18px;
    padding: 0 20px;
    border: none !important;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1;
}

.testdrive_reservation .car_list ul li .form_chk input:checked ~ label {
    color: #fff;
}

.testdrive_reservation .car_list ul li .form_chk input:checked ~ label::before {
    background-color: #05141f;
}

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive_reservation .car_list ul li {
        margin-bottom: 20px;
    }
    .testdrive_reservation .car_list ul li .car_img img {
        max-width: 145px;
    }
    .testdrive_reservation .car_list ul li .car_name {
        height: 22px;
        font-size: 14px;
        line-height: 22px;
    }
    .testdrive_reservation .car_list ul li a.on .car_name {
        background: #05141f;
        border-radius: 18px;
        padding: 0 20px;
        color: #ffffff;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive_reservation .car_list {
        padding: 30px 0 9px;
    }
    .testdrive_reservation .car_list ul li {
        margin-bottom: 40px;
    }
    .testdrive_reservation .car_list ul li .car_name {
        height: 36px;
        font-size: 16px;
        line-height: 36px;
    }
    .testdrive_reservation .car_list ul li a.on .car_name {
        padding: 0 30px;
    }
    .testdrive_reservation .car_list ul li .form_chk label {
        height: 36px;
        padding: 0 20px;
        font-size: 16px;
        line-height: 36px;
    }
    .testdrive_reservation .car_list ul li .form_chk label::before {
        height: 36px;
        border-radius: 18px;
    }
    /* 20240813 수정 시작 */
    .testdrive_reservation .car_list ul li .car_img.car_img_bb {
        height: 200px;
    }
    /* 20240813 수정 끝 */
}

@media (min-width: 1280px) {
    .testdrive_reservation .car_list ul li {
        width: calc(100% / 4);
        margin-bottom: 30px;
    }
    .testdrive_reservation .car_list ul li .car_name {
        height: 38px;
        font-size: 18px;
        line-height: 38px;
    }
    .testdrive_reservation .car_list ul li a.on .car_name {
        padding: 0 35px;
    }
    .testdrive_reservation .car_list ul li .form_chk label {
        height: 38px;
        padding: 0 30px;
        font-size: 18px;
        line-height: 38px;
    }
    .testdrive_reservation .car_list ul li .form_chk label::before {
        height: 38px;
        border-radius: 19px;
    }
}

.testdrive_reservation .select_base .map_wrap .center_list .map_list {
    position: relative;
    z-index: 1;
    overflow-y: auto;
    height: 600px;
    border-right: 1px solid #cdd0d2;
    background: #fff;
}

.testdrive_reservation .select_base .map_wrap .center_list .map_list ul li {
    border-bottom: 1px solid #cdd0d2;
}

.testdrive_reservation
    .select_base
    .map_wrap
    .center_list
    .map_list
    ul
    li:last-child {
    /* border-bottom: none; */
}

.testdrive_reservation .select_base .map_wrap .center_list .map_list ul li a {
    position: relative;
    display: block;
    background: #fff;
    padding: 29px 20px 27px 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #5a6064;
    text-decoration: none;
}

.testdrive_reservation
    .select_base
    .map_wrap
    .center_list
    .map_list
    ul
    li
    a
    .icon_map {
    position: absolute;
    top: 28px;
    left: 30px;
}

.testdrive_reservation
    .select_base
    .map_wrap
    .center_list
    .map_list
    ul
    li
    a
    .name {
    position: relative;
    display: inline-block;
    color: #05141f;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.testdrive_reservation
    .select_base
    .map_wrap
    .center_list
    .map_list
    ul
    li
    a
    .address {
    display: block;
    font-size: 16px;
    font-size: 14px;
    line-height: 20px;
}

.testdrive_reservation
    .select_base
    .map_wrap
    .center_list
    .map_list
    ul
    li
    a
    .tel {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.testdrive_reservation
    .select_base
    .map_wrap
    .center_list
    .map_list
    ul
    li
    a.on {
    background: #f7f8f8;
}

.testdrive_reservation
    .select_base
    .map_wrap
    .center_list
    .map_list
    ul
    li
    a.on
    .icon_map {
    opacity: 1;
}

.testdrive_reservation
    .select_base
    .map_wrap
    .center_list
    .map_list
    ul
    li
    a.on
    .name::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #05141f;
}

.testdrive_reservation .select_base .map_wrap .map_view {
    position: relative;
    min-height: 600px;
}

.testdrive_reservation .select_base .map_wrap .map_view .temp_map {
    position: absolute;
    top: 0;
    right: 0;
    width: auto !important;
    height: 100%;
}

.testdrive_reservation .select_base .map_wrap .map_view .popup_wrap {
    position: absolute;
    right: 0;
    left: calc(50% - (485px / 2));
    top: 50%;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* 2024-07-03 2406_IMP_05 홈페이지개편  차량 선택 시 팝업 START */
.testdrive_reservation .car_selection .map_wrap .map_view .popup_wrap {
    position: absolute;
    right: 0;
    left: calc(50% - (485px / 2));
    top: 50%;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive_reservation .car_selection .map_wrap .map_view.mo .popup_wrap {
        position: absolute;
        right: 0;
        width: 300px;
        left: calc(50% - (300px / 2)) !important;
        z-index: 3;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a
        .icon_map {
        position: absolute;
        top: 30px;
        left: 24px;
    }
}

#tsrdStrgChoiPopup .popup_cont {
    width: 320px;
}

@media (min-width: 460px) and (max-width: 878px) {
    #tsrdStrgChoiPopup .popup_cont,
    #coursePopup .popup_cont {
        width: 300px;
    }
    /* .space_w {width:60px;} */
}

@media (min-width: 880px) and (max-width: 1279px) {
    #tsrdStrgChoiPopup .popup_cont,
    #coursePopup .popup_cont {
        width: 300px;
    }
    /* .space_w {width:120px;} */
}

@media (min-width: 1280px) {
    #tsrdStrgChoiPopup .popup_cont,
    #coursePopup .popup_cont {
        width: 486px;
        /* 0822 수정 팝업 height값 조정 */
        max-height: 500px;
        overflow: auto;
        /* 0822 수정 */
    }
    #tsrdStrgChoiPopup .popup_content,
    #coursePopup .popup_content {
        padding: 0 37px 35px;
    }
}

#tsrdStrgChoiPopup .popup_head .tsrd_Strg_title {
    font-size: 24px;
}
#tsrdStrgChoiPopup .popup_head .tsrd_Strg_title > strong {
    font-weight: bold;
}

#tsrdStrgChoiPopup .popup_content .btn_area {
    padding: 20px 0 0;
    border-top: 1px solid #cdd0d2;
    text-align: center;
}

#tsrdStrgChoiPopup .popup_content .btn_area .btn {
    display: block;
    margin: 0 auto;
}

#tsrdStrgChoiPopup .popup_content .btn_area .btn em {
    min-width: 50px;
}

#tsrdStrgChoiPopup .popup_content .infor_detail_list {
    overflow-y: auto;
    max-height: 320px;
}

#tsrdStrgChoiPopup .popup_content .infor_detail_list .wrap {
    position: relative;
    padding: 15px 0 15px 30px;
}

#tsrdStrgChoiPopup .popup_content .infor_detail_list .wrap + .wrap {
    border-top: 1px solid #cdd0d2;
}

#tsrdStrgChoiPopup .popup_content .infor_detail_list .wrap .form_chk {
    position: absolute;
    left: 0;
    top: 25px;
    width: 18px;
    height: 18px;
}

#tsrdStrgChoiPopup .popup_content .infor_detail_list .wrap .form_chk label {
    padding-left: 0;
    width: 18px;
    height: 18px;
    font-size: 0;
    line-height: 0;
}

#tsrdStrgChoiPopup .popup_content .infor_detail_list dl {
    position: relative;
    font-size: 14px;
    line-height: 24px;
}

#tsrdStrgChoiPopup .popup_content .infor_detail_list dl dt {
    color: #05141f;
    position: absolute;
    width: 60px;
    font-weight: bold;
}

/* 20240820 수정 */
#tsrdStrgChoiPopup .popup_content .infor_detail_list dl dd {
    padding-left: 70px;
    line-height: 26px;
    opacity: 0.8;
    word-break: break-all;
}
/* 20240820 수정 끝 */
#tsrdStrgChoiPopup .popup_content .infor_detail_list dl dd:last-child {
    margin-bottom: 0;
}

#tsrdStrgChoiPopup .coruse_seat_wrap {
    padding-bottom: 0px;
}

#tsrdStrgChoiPopup .tsrd_Strg_wrap > .btn_area {
    justify-content: center;
}

#tsrdStrgChoiPopup .tsrd_Strg_wrap > .btn_area > .geay {
    background-color: rgba(5, 20, 31, 0.2);
    margin-right: 20px;
}

.popup_wrap .popup_cont .bottom_line {
    height: 1px;
    width: calc(100% - 80px);
    background-color: #05141f;
    margin: auto;
}

@media (max-width: 1279px) {
    .popup_wrap .popup_cont .bottom_line {
        width: calc(100% - 60px);
    }
}

@media (max-width: 767px) {
    /* 2025.09.11 수정 */
    .popup_wrap .popup_cont .bottom_line {
        width: calc(100% - 40px);
    }
}
/* 2024-07-03 2406_IMP_05 홈페이지개편  차량 선택 시 팝업 END */

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive_reservation .select_base .map_wrap .center_list .map_list {
        height: 389px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive_reservation .select_base .map_wrap .map_view .popup_wrap {
        width: 370px;
        left: calc(50% - (370px / 2));
    }
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a {
        padding: 29px 20px 27px 45px;
    }
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a
        .icon_map {
        /* 23px */
        top: 29px;
        left: 15px;
    }
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a
        .name {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a
        .address {
        font-size: 14px;
        line-height: 20px;
    }
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a
        .tel {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1280px) {
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a {
        padding: 30px 20px 30px 64px;
    }
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a
        .icon_map {
        /* 28px 25px */
        top: 30px;
        left: 22px;
    }
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a
        .name {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a
        .address {
        font-size: 14px;
        line-height: 24px;
    }
    .testdrive_reservation
        .select_base
        .map_wrap
        .center_list
        .map_list
        ul
        li
        a
        .tel {
        font-size: 14px;
        line-height: 24px;
    }
}

.testdrive_reservation .course_selection .notice {
    display: none;
    position: relative;
    padding: 15px 100px 15px 0;
}

.testdrive_reservation .course_selection .notice p {
    color: #8e9194;
    font-size: 12px;
    line-height: 20px;
}

.testdrive_reservation .course_selection .notice .btn_flex {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 15px;
    border: 2px solid #05141f;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    min-width: 82px;
}

.testdrive_reservation .course_selection .notice .btn_flex em {
    display: block;
    color: #05141f;
    font-size: 13px;
    font-weight: 700;
    line-height: 28px;
}

.testdrive_reservation .course_selection .notice .btn_flex em::after {
    content: ">";
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.testdrive_reservation
    .course_selection
    .course_wrap
    .program_list
    .program_choice {
    position: relative;
    z-index: 1;
    overflow-y: auto;
    height: 478px;
    border-right: 1px solid #cdd0d2;
}

.testdrive_reservation
    .course_selection
    .course_wrap
    .program_list
    .program_choice
    ul
    li {
    border-bottom: 1px solid #cdd0d2;
}

.testdrive_reservation
    .course_selection
    .course_wrap
    .program_list
    .program_choice
    ul
    li
    a {
    position: relative;
    display: block;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 29px 20px 27px 45px;
    color: #5a6064;
    text-decoration: none;
}

.testdrive_reservation
    .course_selection
    .course_wrap
    .program_list
    .program_choice
    ul
    li
    a
    .icon_program {
    position: absolute;
    top: 28px;
    left: 10px;
}

.testdrive_reservation
    .course_selection
    .course_wrap
    .program_list
    .program_choice
    ul
    li
    a
    .name {
    position: relative;
    display: inline-block;
    color: #05141f;
    font-size: 20px;
    font-weight: 700;
}

.testdrive_reservation
    .course_selection
    .course_wrap
    .program_list
    .program_choice
    ul
    li
    a
    .des {
    padding-top: 20px;
    display: block;
    font-size: 14px;
    line-height: 22px;
}

.testdrive_reservation
    .course_selection
    .course_wrap
    .program_list
    .program_choice
    ul
    li
    a.on {
    background: #f7f8f8;
}

.testdrive_reservation
    .course_selection
    .course_wrap
    .program_list
    .program_choice
    ul
    li
    a.on
    .icon_program {
    opacity: 1;
}

.testdrive_reservation
    .course_selection
    .course_wrap
    .program_list
    .program_choice
    ul
    li
    a.on
    .name::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #05141f;
}

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive_reservation
        .course_selection
        .course_wrap
        .program_list
        .program_choice {
        height: 282px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive_reservation .course_selection .notice {
        padding: 30px 100px 30px 0;
        margin-bottom: 20px;
    }
    .testdrive_reservation .course_selection .notice p {
        font-size: 14px;
        letter-spacing: -0.025em;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .program_list
        .program_choice {
        height: 350px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .program_list
        .program_choice
        ul
        li
        a {
        padding: 28px 20px 28px 63px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .program_list
        .program_choice
        ul
        li
        a
        .icon_program {
        top: 24px;
        left: 15px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .program_list
        .program_choice
        ul
        li
        a
        .name {
        font-size: 16px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .program_list
        .program_choice
        ul
        li
        a
        .des {
        padding-top: 5px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1280px) {
    .testdrive_reservation .course_selection .notice {
        padding: 20px 150px 20px 0;
        margin-bottom: 20px;
    }
    .testdrive_reservation .course_selection .notice p {
        font-size: 14px;
        text-align: right;
    }
    .testdrive_reservation .course_selection .notice .btn_flex {
        right: 47px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .program_list
        .program_choice
        ul
        li
        a {
        padding: 28px 20px 28px 63px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .program_list
        .program_choice
        ul
        li
        a
        .icon_program {
        top: 25px;
        left: 28px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .program_list
        .program_choice
        ul
        li
        a
        .name {
        font-size: 20px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .program_list
        .program_choice
        ul
        li
        a
        .des {
        padding-top: 15px;
        font-size: 16px;
        line-height: 24px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .course_list
        .course_choice {
        position: relative;
        z-index: 1;
        overflow-y: auto;
        height: 478px;
        padding: 0 20px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .course_list
        .course_choice
        ul
        li {
        padding: 30px 0;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .course_list
        .course_choice
        .car_img {
        max-width: 240px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .course_list
        .course_choice
        .infor_wrap
        .time {
        font-size: 32px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .course_list
        .course_choice
        .infor_wrap
        .btn {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 120px;
        height: 52px;
    }
    .testdrive_reservation
        .course_selection
        .course_wrap
        .course_list
        .course_choice
        .infor_wrap
        .btn
        em {
        padding: 18px 35px;
        font-size: 16px;
    }
}

/* 20240820 수정 */
.course_choice {
    position: relative;
    z-index: 1;
    overflow-y: auto;
    height: 100%;
    padding: 0 20px;
    /* border: 1px solid blue; */
}
/* 20240820 수정 끝 */

.course_choice ul li {
    overflow: hidden;
    border-bottom: 1px solid #cdd0d2;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.course_choice .car_img {
    float: left;
    max-width: 50.1333vw;
    padding-right: 6.4vw;
}

.course_choice .car_img img {
    width: 100%;
}

.course_choice .infor_wrap {
    position: relative;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 56.5333vw);
}

.course_choice .infor_wrap .time {
    display: block;
    color: #05141f;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
}

.course_choice .infor_wrap .companion {
    display: block;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 56px;
    color: #5a6064;
    line-height: 1.5;
}

.course_choice .infor_wrap .companion .form_chk {
    display: block;
    width: 90px;
}

.course_choice .infor_wrap .companion .form_chk label {
    display: block;
    line-height: 24px;
}

.course_choice .infor_wrap .btn {
    max-width: 136px;
    width: 100%;
}

@media (max-width: 767px) {
    .course_choice ul li {
    }
    .course_choice .car_img {
        width: 40vw;
    }
    .course_choice .infor_wrap {
        width: calc(100% - 40vw);
    }
    .course_choice .infor_wrap .btn {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .course_choice {
        height: 350px;
    }
    .course_choice .car_img {
        max-width: 188px;
        padding-right: 24px;
    }
    .course_choice .infor_wrap {
        width: calc(100% - 212px);
    }
    .course_choice .infor_wrap .time {
        font-size: 18px;
    }
    .course_choice .infor_wrap .companion {
        font-size: 14px;
    }
    .course_choice .infor_wrap .btn em {
        font-size: 14px;
    }
}

@media (min-width: 1280px) {
    .course_choice {
        position: relative;
        z-index: 1;
        overflow-y: auto;
        height: 478px;
        padding: 0 20px;
    }
    .course_choice ul li {
        padding: 30px 0;
    }
    .course_choice .car_img {
        max-width: 240px;
        padding-right: 37px;
    }
    .course_choice .infor_wrap {
        width: calc(100% - 277px);
    }
    .course_choice .infor_wrap .time {
        font-size: 32px;
    }
    .course_choice .infor_wrap .companion {
        display: block;
        padding: 20px 140px 0 0;
        color: #5a6064;
        font-size: 16px;
    }
    .course_choice .infor_wrap .companion .form_chk {
        display: inline-block;
    }
    .course_choice .infor_wrap .companion .form_chk + .form_chk {
        margin-left: 15px;
    }
    .course_choice .infor_wrap .companion .form_chk label {
        line-height: 24px;
    }
    .course_choice .infor_wrap .btn {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 120px;
        height: 52px;
    }
    .course_choice .infor_wrap .btn em {
        padding: 18px 35px;
        font-size: 16px;
    }
}

.testdrive_reservation .select_schedule .schedule .title {
    color: #05141f;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
}

.testdrive_reservation .select_schedule .schedule .calendar_area {
    padding: 30px 15px;
}

.testdrive_reservation .select_schedule .schedule .time_area .title:only-child {
    padding-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive_reservation .select_schedule .schedule .title {
        padding-bottom: 20px;
    }
    .testdrive_reservation .select_schedule .schedule .calendar_area {
        padding: 25px 14px 40px;
    }
    .testdrive_reservation .select_schedule .time_area .title {
        padding-bottom: 0;
    }
    .testdrive_reservation .select_schedule .time_area .time_wrap {
        padding-bottom: 0;
    }
}

@media (min-width: 1280px) {
    .testdrive_reservation .select_schedule .schedule .title {
        position: absolute;
        left: 75px;
        top: 30px;
        height: 30px;
        font-size: 20px;
    }
    .testdrive_reservation .select_schedule .schedule .calendar_area {
        position: relative;
        padding: 28px 75px 28px 290px;
    }
    .testdrive_reservation .select_schedule .time_area .time_wrap {
        min-height: 30px;
    }
}

.table_area table thead th {
    height: 30px;
    font-size: 14px;
}

.table_area table tbody td {
    border-collapse: separate;
    border: 2px solid #ffffff;
    width: calc(100% / 7);
    vertical-align: middle;
}

.table_area table tbody td .date_wrap {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 42px;
    background: #edeeef;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0;
    color: #05141f;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.table_area table tbody td .date_wrap .month {
    display: block;
    font-size: 13px;
}

.table_area table tbody td .date_wrap .day {
    display: block;
    padding-top: 5px;
    font-size: 13px;
    font-weight: 700;
}

.table_area table tbody td .date_wrap.today {
    background: #e5f3fd;
}

.table_area table tbody td .date_wrap.on {
    background: #05141f;
}

.table_area table tbody td .date_wrap.on .month,
.table_area table tbody td .date_wrap.on .day {
    color: #ffffff;
}

.table_area table tbody td .date_wrap.inactive {
    background: #edeeef;
}

.table_area table tbody td .date_wrap.inactive .month,
.table_area table tbody td .date_wrap.inactive .day {
    color: #bdbfc1 !important;
}

.table_area table thead tr th:nth-child(1),
.table_area table tbody tr td:nth-child(1) .date_wrap .day {
    color: #e50630;
}

.table_area table thead tr th:nth-child(7),
.table_area table tbody tr td:nth-child(7) .date_wrap .day {
    color: #0b82da;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .table_area table thead th {
        height: 30px;
        font-size: 16px;
    }
    .table_area table tbody td {
        border: 7px solid #ffffff;
    }
    .table_area table tbody td .date_wrap {
        min-height: 86px;
    }
    .table_area table tbody td .date_wrap .month {
        font-size: 16px;
    }
    .table_area table tbody td .date_wrap .day {
        font-size: 24px;
    }
}

@media (min-width: 1280px) {
    .table_area table thead th {
        font-size: 16px;
    }
    .table_area table tbody td {
        border: 10px solid #ffffff;
    }
    .table_area table tbody td .date_wrap {
        min-height: 86px;
    }
    .table_area table tbody td .date_wrap .month {
        font-size: 16px;
    }
    .table_area table tbody td .date_wrap .day {
        font-size: 28px;
    }
    .table_area table tbody td .date_wrap .day:lang(en) {
        font-size: 24px;
    }
}

.time_area {
    border-top: 1px solid #d2d5d6;
    padding: 15px 20px;
}

.time_area .time_wrap {
    overflow: hidden;
}

.time_area .time_wrap .time_btn {
    float: left;
    width: 68px;
    height: 30px;
    border-radius: 15px;
    background: #edeeef;
    color: #05141f;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    margin: 5px;
}

.time_area .time_wrap .time_btn.on {
    background: #05141f;
    color: #ffffff;
}

.time_area .time_wrap .time_btn.inactive {
    background: #edeeef;
    color: #c7c8ca;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .time_area {
        border-top: 1px solid #d2d5d6;
        padding: 15px 20px;
    }
    .time_area .time_wrap {
        overflow: hidden;
    }
    .time_area .time_wrap .time_btn {
        width: 81px;
        height: 36px;
        border-radius: 18px;
        font-size: 16px;
        line-height: 36px;
    }
    .time_area .time_wrap .time_btn + .time_btn {
        margin-left: 5px;
    }
}

@media (min-width: 1280px) {
    .time_area {
        position: relative;
        border-top: 1px solid #d2d5d6;
        padding: 28px 75px 28px 290px;
    }
    .time_area .time_wrap {
        overflow: hidden;
    }
    .time_area .time_wrap .time_btn {
        width: 93px;
        height: 38px;
        border-radius: 19px;
        font-size: 16px;
        line-height: 38px;
    }
    .time_area .time_wrap .time_btn + .time_btn {
        margin-left: 5px;
    }
}

.testdrive_reservation .completed .agree_completed .agree_txt {
    padding: 25px 15px;
}

.testdrive_reservation .completed .agree_completed .agree_txt .title {
    display: block;
    color: #05141f;
    font-size: 16px;
}

.testdrive_reservation .completed .agree_completed .agree_txt .txt {
    padding-top: 15px;
    color: #5a6064;
    font-size: 12px;
    line-height: 22px;
    font-weight: 100;
}

.testdrive_reservation .completed .agree_completed .agree_txt textarea {
    margin-top: 15px;
    min-height: 300px;
    width: 100%;
    border: none;
    color: #5a6064;
    font-size: 12px;
    line-height: 22px;
    font-weight: 100;
    white-space: pre-line;
    resize: none;
    outline: none;
}

.testdrive_reservation .completed .agree_completed .sns_check {
    position: relative;
    background: #f7f8f8;
    padding: 20px 15px;
}

.testdrive_reservation .completed .agree_completed .sns_check .form_chk {
    display: block;
    padding-bottom: 20px;
    color: #585d62;
    line-height: 18px;
}

.testdrive_reservation .completed .agree_completed .sns_check .form_chk input {
    position: absolute;
    top: 0;
    height: 13px;
    width: 13px;
    opacity: 1;
    cursor: pointer;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    vertical-align: top;
}

.testdrive_reservation .completed .agree_completed .sns_check .form_chk label {
    display: inline-block;
    cursor: pointer;
}

.testdrive_reservation
    .completed
    .agree_completed
    .sns_check
    .form_chk
    label::before {
    display: none;
}

.testdrive_reservation
    .completed
    .agree_completed
    .sns_check
    .form_chk
    input:checked
    ~ label::before {
    background: none;
}

/* 2023-05-10 시승자 페이지 클래스 추가
   2024-03-18 약관동의 변경관련 변경
     - nth-child(3) -> nth-child(5)
*/
.testdrive_reservation
    .completed
    .agree_completed
    .sns_check
    .form_chk:nth-child(5) {
    padding-bottom: 0;
}

.testdrive_reservation .membership {
    position: relative;
    background: #f7f8f8;
    padding: 35px 75px;
}
.testdrive_reservation .membership .radio-option {
    display: flex;
    align-items: center;
    line-height: 1.71;
}
.testdrive_reservation .membership .radio-option input {
    flex-shrink: 0;
}
.testdrive_reservation .membership .radio-option:first-child {
    margin-bottom: 28px;
}

.testdrive_reservation .membership .radio-option .mainText {
    margin-left: 8px;
    font-size: 18px;
    font-weight: bold;
    width: 60px;
    display: inline-block;
}
.testdrive_reservation .membership .radio-option .subText {
    margin-left: 25px;
    font-size: 18px;
    font-weight: normal;
    color: #585d62;
}
.testdrive_reservation .membership .radio-option a {
    margin-left: 10px;
    font-size: 18px;
    font-weight: bold;
}
.testdrive_reservation .membership .member_info .wrap {
    display: flex;
}
.testdrive_reservation .membership .member_info .wrap h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.71;
    height: 100%;
}
.testdrive_reservation .membership .member_info .wrap .name_area {
    margin-left: 80px;
    font-size: 18px;
    line-height: 1.71;
    color: #333;
}
.testdrive_reservation
    .membership
    .member_info
    .wrap
    .name_area
    div:first-child {
    margin-bottom: 10px;
    color: #585d62;
}
.testdrive_reservation
    .membership
    .member_info
    .wrap
    .name_area
    div:first-child::after {
    content: " *";
    color: #ff0000;
}
.testdrive_reservation .membership .member_info .wrap .number_area {
    margin-left: 120px;
    font-size: 18px;
    line-height: 1.71;
    color: #333;
}
.testdrive_reservation
    .membership
    .member_info
    .wrap
    .number_area
    div:first-child {
    margin-bottom: 10px;
    color: #585d62;
}
.testdrive_reservation
    .membership
    .member_info
    .wrap
    .number_area
    div:first-child::after {
    content: " *";
    color: #ff0000;
}
.testdrive_reservation .membership .member_info .guide_text {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.2;
    color: #828282;
    margin-left: 168px;
    padding-right: 75px;
}
.testdrive_reservation .membership .member_info .guide_text a {
    text-decoration: underline;
}
.testdrive_reservation .membership .btn {
    position: absolute;
    top: 50%;
    right: 75px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #cdd0d2;
    color: #fff;
}
.testdrive_reservation .membership .btn_area {
    margin-top: 0;
}
.testdrive_reservation .membership .btn.active {
    background-color: black;
    color: white;
}

#conditions .popup_cont {
    width: 560px;
    line-height: 1.2;
}
#conditions .popup_cont .bottom_line {
    height: 1px;
    width: calc(100% - 80px);
    background-color: #05141f;
    margin: auto;
}
#conditions .popup_cont .title {
    font-size: 24px;
    font-weight: bold;
}
#conditions .popup_cont .popup_content {
    margin-top: 40px;
}
#conditions .popup_cont .popup_content .title {
    font-size: 16px;
    color: #697278;
    opacity: 80%;
    font-weight: normal;
    margin-bottom: 15px;
}
#conditions .popup_cont .popup_content .temrs_wrap {
    background-color: #f6f6f6;
    padding: 20px;
    max-height: 180px;
    overflow: auto;
    margin-bottom: 20px;
}
#conditions .popup_cont .popup_content .temrs_wrap .terms_title {
    font-size: 14px;
    color: #0d141c;
    font-weight: bold;
    margin-bottom: 24px;
}
#conditions .popup_cont .popup_content .temrs_wrap .terms_content {
    font-size: 14px;
    color: #697278;
    margin-bottom: 32px;
    white-space: pre-wrap;
}
#conditions .popup_cont .popup_content .temrs_wrap .terms_content:last-child {
    margin-bottom: 0px;
}

#conditions .popup_cont .popup_content .cetification_area {
    border: 1px solid #cdd0d2;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
#conditions .popup_cont .popup_content .cetification_area .text {
    color: #697278;
    font-size: 14px;
}
#conditions .popup_cont .popup_content .cetification_area .cetification {
    padding: 11px 32px;
    background-color: #05141f;
    color: white;
    font-size: 14px;
}
#conditions .popup_cont .popup_content .cetification_area2 {
    border: 1px solid #cdd0d2;
    margin-bottom: 20px;
    text-align: center;
    display: none;
}
#conditions .popup_cont .popup_content .cetification_area2 .text {
    color: #697278;
    font-size: 14px;
    padding: 8px 0;
}
#conditions .popup_cont .popup_content .cetification_area2 .user_info {
    display: flex;
    background-color: #f6f6f6;
    padding: 10px 0;
    justify-content: space-around;
}
#conditions
    .popup_cont
    .popup_content
    .cetification_area2
    .user_info
    .text_info {
    font-size: 13px;
    color: #697278;
}
#conditions .popup_cont .popup_content .cetification_area2 .user_info .name {
    font-size: 13px;
    color: #333;
}
#conditions .popup_cont .popup_content .cetification_area2 .user_info .number {
    font-size: 13px;
    color: #333;
}
#conditions .popup_cont .popup_content .confrim_area {
    text-align: center;
}
#conditions .popup_cont .popup_content .confirm {
    padding: 16px 45px;
    background-color: #05141f;
    opacity: 30%;
    color: white;
    font-size: 14px;
    margin: auto;
}
#conditions .popup_cont .popup_content .confirm.active {
    opacity: 100%;
}
@media (max-width: 1279px) {
    .testdrive_reservation .membership .btn {
        right: 19px;
    }

    .testdrive_reservation .membership .radio-option .mainText {
        font-size: 16px;
    }
    .testdrive_reservation .membership .radio-option .mainText {
        font-size: 16px;
    }
    .testdrive_reservation .membership .radio-option a {
        font-size: 16px;
    }
    .testdrive_reservation .membership .radio-option .subText {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .testdrive_reservation .membership {
        position: relative;
        background: #f7f8f8;
        padding: 25px 15px;
    }
    .testdrive_reservation .membership .radio-option {
        align-items: flex-start;
    }
    .testdrive_reservation .membership .radio-option input {
        margin-top: 4px;
    }
    .testdrive_reservation .membership .btn {
        position: unset;
        top: 0;
        right: 0;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        margin-top: 25px;
    }
    .testdrive_reservation .membership .member_info .wrap {
        flex-direction: column;
    }
    .testdrive_reservation .membership .member_info .wrap h3 {
        margin-bottom: 25px;
    }
    .testdrive_reservation .membership .member_info .wrap .name_area {
        margin-left: 0;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .testdrive_reservation
        .membership
        .member_info
        .wrap
        .name_area
        div:first-child {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .testdrive_reservation .membership .member_info .wrap .number_area {
        margin-left: 0;
        font-size: 16px;
    }
    .testdrive_reservation
        .membership
        .member_info
        .wrap
        .number_area
        div:first-child {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .testdrive_reservation .membership .member_info .guide_text {
        margin-left: 0;
        padding-right: 0;
    }
    #conditions .popup_cont {
        width: 375px;
        padding-top: 60px;
    }
    #conditions .popup_cont .bottom_line {
        height: 0px;
    }
    #conditions .popup_cont .popup_head .title {
        font-size: 18px;
        text-align: center;
    }
    #conditions .popup_cont .popup_content {
        margin-top: 0px;
        padding: 0 15px;
    }
    #conditions .popup_cont .popup_content .title {
        font-size: 12px;
        color: #05141f;
        opacity: 100%;
        margin-bottom: 25px;
    }
    #conditions .popup_cont .popup_content .temrs_wrap {
        padding: 25px 15px;
        max-height: 15vh;
        border-top: 1px solid #05141f;
    }
    #conditions .popup_cont .popup_content .temrs_wrap .terms_title {
        font-size: 16px;
        margin-bottom: 17px;
    }
    #conditions .popup_cont .popup_content .temrs_wrap .terms_content {
        font-size: 12px;
    }

    #conditions .popup_cont .popup_content .cetification_area {
        padding: 10px 15px;
        margin-bottom: 20px;
    }
    #conditions .popup_cont .popup_content .cetification_area .text {
        color: #697278;
        font-size: 14px;
    }
    #conditions .popup_cont .popup_content .cetification_area .cetification {
        padding: 10px 25px;
    }
    #conditions .popup_cont .popup_content .cetification_area2 {
        border: 1px solid #cdd0d2;
        margin-bottom: 20px;
        text-align: center;
    }
    #conditions .popup_cont .popup_content .cetification_area2 .text {
        color: #697278;
        font-size: 14px;
        padding: 8px 0;
    }
    #conditions .popup_cont .popup_content .cetification_area2 .user_info {
        display: flex;
        background-color: #f6f6f6;
        padding: 10px 0;
        justify-content: space-around;
    }
    #conditions
        .popup_cont
        .popup_content
        .cetification_area2
        .user_info
        .text_info {
        font-size: 13px;
        color: #697278;
    }
    #conditions
        .popup_cont
        .popup_content
        .cetification_area2
        .user_info
        .name {
        font-size: 13px;
        color: #333;
    }
    #conditions
        .popup_cont
        .popup_content
        .cetification_area2
        .user_info
        .number {
        font-size: 13px;
        color: #333;
    }
    #conditions .popup_cont .popup_content .confrim_area {
        text-align: center;
    }
    #conditions .popup_cont .popup_content .confirm {
        padding: 13px 23px;
        background-color: #05141f;
        opacity: 30%;
        color: white;
        font-size: 14px;
        margin: auto;
    }
    #conditions .popup_cont .popup_content .confirm.active {
        opacity: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive_reservation .completed .agree_completed .agree_txt {
        padding: 30px 20px;
    }
    .testdrive_reservation .completed .agree_completed .agree_txt .txt {
        font-size: 14px;
    }
    .testdrive_reservation .completed .agree_completed .agree_txt textarea {
        font-size: 14px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check {
        padding: 30px 20px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check .form_chk {
        padding-bottom: 10px;
        font-size: 14px;
    }

    /* 2024-03-18 약관동의 변경관련 변경
       - nth-child(3) -> nth-child(5)
  */
    .testdrive_reservation
        .completed
        .agree_completed
        .sns_check
        .form_chk:nth-child(5) {
        padding-bottom: 0;
    }

    .testdrive_reservation
        .completed
        .agree_completed
        .sns_check
        .form_chk
        input {
        height: 16px;
        width: 16px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check .btn {
        position: absolute;
        top: 50%;
        right: 19px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media (min-width: 1280px) {
    .testdrive_reservation .completed .agree_completed .agree_txt {
        padding: 60px 75px;
    }
    .testdrive_reservation .completed .agree_completed .agree_txt .title {
        font-size: 18px;
    }
    .testdrive_reservation .completed .agree_completed .agree_txt .txt {
        font-size: 14px;
        line-height: 24px;
    }
    .testdrive_reservation .completed .agree_completed .agree_txt textarea {
        font-size: 14px;
        line-height: 24px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check {
        padding: 45px 75px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check .form_chk {
        padding-bottom: 8px;
        font-size: 16px;
    }
    .testdrive_reservation
        .completed
        .agree_completed
        .sns_check
        .form_chk
        input {
        height: 16px;
        width: 16px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check .btn {
        position: absolute;
        top: 50%;
        right: 75px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
/* 2023-05-10 시승자 페이지 클래스 추가 */

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive_reservation .completed .agree_completed .agree_txt {
        padding: 30px 20px;
    }
    .testdrive_reservation .completed .agree_completed .agree_txt .txt {
        font-size: 14px;
    }
    .testdrive_reservation .completed .agree_completed .agree_txt textarea {
        font-size: 14px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check {
        padding: 30px 20px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check .form_chk {
        padding-bottom: 0;
        font-size: 14px;
    }
    .testdrive_reservation
        .completed
        .agree_completed
        .sns_check
        .form_chk
        input {
        height: 16px;
        width: 16px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check .btn {
        position: absolute;
        top: 50%;
        right: 19px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (min-width: 1280px) {
    .testdrive_reservation .completed .agree_completed .agree_txt {
        padding: 60px 75px;
    }
    .testdrive_reservation .completed .agree_completed .agree_txt .title {
        font-size: 18px;
    }
    .testdrive_reservation .completed .agree_completed .agree_txt .txt {
        font-size: 14px;
        line-height: 24px;
    }
    .testdrive_reservation .completed .agree_completed .agree_txt textarea {
        font-size: 14px;
        line-height: 24px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check {
        padding: 45px 75px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check .form_chk {
        padding-bottom: 8px;
        font-size: 16px;
    }
    .testdrive_reservation
        .completed
        .agree_completed
        .sns_check
        .form_chk
        input {
        height: 16px;
        width: 16px;
    }
    .testdrive_reservation .completed .agree_completed .sns_check .btn {
        position: absolute;
        top: 50%;
        right: 75px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/*-------- 20220805 - 추가 :s ------------*/
.testdrive_reservation .completed .agree_completed .sns_check .form_chk.mt9 {
    margin-top: 9px;
}

.testdrive_reservation .consulting_selection .consulting .consulting_txt {
    padding: 25px 15px;
}

.testdrive_reservation
    .consulting_selection
    .consulting
    .consulting_txt
    .title {
    display: block;
    color: #05141f;
    font-size: 16px;
}

.testdrive_reservation .consulting_selection .consulting .consulting_txt .txt {
    margin-top: 15px;
    color: #5a6064;
    font-size: 12px;
    line-height: 22px;
    font-weight: 100;
    border: 1px solid #05141f;
    padding: 20px;
}

.testdrive_reservation
    .consulting_selection
    .consulting
    .consulting_txt
    textarea {
    min-height: 300px;
    width: 100%;
    border: none;
    color: #05141f;
    font-size: 18px;
    line-height: 22px;
    font-weight: 100;
    white-space: pre-line;
    resize: none;
    outline: none;
}

/** 20220907 수정 textarea count : s */
.testdrive_reservation
    .consulting_selection
    .consulting
    .consulting_txt
    .txt_count {
    text-align: right;
}

.testdrive_reservation .consulting_selection .consulting .consulting_func {
    position: relative;
    background: #f7f8f8;
    padding: 20px 15px;
}

.testdrive_reservation
    .consulting_selection
    .consulting
    .consulting_func
    .btn_area {
    text-align: right;
}
.testdrive_reservation .consulting_selection .consulting .consulting_func .btn {
    min-width: 124px;
}

.testdrive_reservation
    .consulting_selection
    .consulting
    .consulting_func
    .btn.mr20 {
    margin-right: 20px;
}

.testdrive_reservation
    .consulting_selection
    .consulting
    .consulting_func
    .btn.gray {
    background: #aeb4b7;
    color: #fff;
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive_reservation .consulting_selection .consulting .consulting_txt {
        padding: 30px 20px;
    }
    .testdrive_reservation
        .consulting_selection
        .consulting
        .consulting_txt
        .txt {
        font-size: 14px;
    }
    .testdrive_reservation
        .consulting_selection
        .consulting
        .consulting_txt
        textarea {
        font-size: 18px;
    }
    .testdrive_reservation .consulting_selection .consulting .consulting_func {
        padding: 30px 20px;
    }

    .testdrive_reservation
        .consulting_selection
        .consulting
        .consulting_func
        .btn {
        position: relative;
        min-width: 173px;
        top: 50%;
        right: 0px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (min-width: 1280px) {
    .testdrive_reservation .consulting_selection .consulting .consulting_txt {
        padding: 60px 75px;
    }
    .testdrive_reservation
        .consulting_selection
        .consulting
        .consulting_txt
        .title {
        font-size: 18px;
    }
    .testdrive_reservation
        .consulting_selection
        .consulting
        .consulting_txt
        .txt {
        font-size: 14px;
        line-height: 24px;
    }
    .testdrive_reservation
        .consulting_selection
        .consulting
        .consulting_txt
        textarea {
        font-size: 18px;
        line-height: 24px;
    }
    .testdrive_reservation .consulting_selection .consulting .consulting_func {
        padding: 45px 75px;
    }

    .testdrive_reservation
        .consulting_selection
        .consulting
        .consulting_func
        .btn {
        position: relative;
        min-width: 173px;
        top: 50%;
        right: 0px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.testdrive .consulting_complete .title {
    color: #05141f;
    font-size: 32px;
}

.testdrive .consulting_complete .reservation_infor {
    border-top: 2px solid #05141f;
    border-bottom: 2px solid #05141f;

    background-color: #f7f8f8;
    margin-top: 30px;
    /* padding: 30px 0; */

    display: table;
    width: 100%;
}

.testdrive .consulting_complete .reservation_infor .car_infor {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.testdrive
    .consulting_complete
    .reservation_infor
    .car_infor
    .car_detail_container {
    position: relative;
    height: 100%;
    display: inline-block;
}

.testdrive .consulting_complete .reservation_infor .car_infor .car_img {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 336px;
    padding: 0 40px;
    margin: auto;
}

.testdrive .consulting_complete .reservation_infor .car_infor .name {
    color: #05141f;
    font-size: 32px;
}

.testdrive .consulting_complete .reservation_infor .car_infor .status {
    position: relative;
    right: 0;
    top: 0;
    font-size: 16px;
}

.testdrive .consulting_complete .reservation_infor .car_infor .status dt {
    display: inline;
    color: #05141f;
}

.testdrive .consulting_complete .reservation_infor .car_infor .status dd {
    display: inline;
    padding-left: 5px;
    color: #5d7d2b;
    font-weight: 700;
}

.testdrive .consulting_complete .reservation_infor .consulting_detail {
    position: relative;
    padding: 30px 0;
    display: table-cell;
}

.testdrive
    .consulting_complete
    .reservation_infor
    .consulting_detail
    .consulting_detail_item {
    padding: 0 20px;
    margin-bottom: 20px;
}

.testdrive
    .consulting_complete
    .reservation_infor
    .consulting_detail
    .consulting_detail_item
    ul {
    position: relative;
    font-size: 18px;
    display: table;
    background: #ffffff;
    width: 100%;
}
.testdrive
    .consulting_complete
    .reservation_infor
    .consulting_detail
    .consulting_detail_item
    ul
    li {
    display: table-cell;
}

.testdrive
    .consulting_complete
    .reservation_infor
    .consulting_detail
    .consulting_detail_item
    ul
    li:first-child {
    width: 130px;
    padding: 20px;
    font-size: 18px;
    color: #05141f;
    font-weight: bold;
}
.testdrive
    .consulting_complete
    .reservation_infor
    .consulting_detail
    .consulting_detail_item
    ul
    li:nth-child(2) {
    width: 24px;
}
.testdrive
    .consulting_complete
    .reservation_infor
    .consulting_detail
    .consulting_detail_item
    ul
    li:last-child {
    padding: 20px;
    color: #05141f;
}

.testdrive .consulting_complete .cont_wrap {
    position: relative;
    padding: 30px 0;
}

.testdrive .consulting_complete .cont_wrap .consulting_location_container {
    position: relative;
    margin-top: 20px;
    width: 100%;

    border: 1px solid #f7f8f8;
    background: #000;
}

.testdrive
    .consulting_complete
    .cont_wrap
    .consulting_location_container
    .location_info_container {
    position: absolute;
    width: 395px;
    z-index: 9;
}

.location_info_container {
    position: absolute;
    width: 395px;
}
.testdrive
    .consulting_complete
    .cont_wrap
    .consulting_location_container
    .location_info {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 29px 20px 27px 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #5a6064;
    text-decoration: none;
}

.testdrive
    .consulting_complete
    .cont_wrap
    .consulting_location_container
    .location_info
    .icon_map {
    position: absolute;
    top: 28px;
    left: 30px;
    margin-right: 15px;
}

.testdrive
    .consulting_complete
    .cont_wrap
    .consulting_location_container
    .location_info
    .name {
    position: relative;
    display: inline-block;
    color: #05141f;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.testdrive
    .consulting_complete
    .cont_wrap
    .consulting_location_container
    .location_info
    .address {
    display: block;
    font-size: 16px;
    font-size: 14px;
    line-height: 20px;
}

.testdrive
    .consulting_complete
    .cont_wrap
    .consulting_location_container
    .location_info
    .tel {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.testdrive
    .consulting_complete
    .cont_wrap
    .consulting_location_container
    .location_info
    .icon_map {
    background-image: url("/itg/images/testdrive/icon_map.png");
    width: 24px;
    height: 24px;
    opacity: 1;
}

.testdrive
    .consulting_complete
    .cont_wrap
    .consulting_location_container
    .location_info
    .name::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: #05141f;
}

.testdrive .consulting_complete .cont_wrap .consulting_location_container .map {
    position: relative;
    width: 100%;
    min-height: 600px;
    height: 100%;
    margin: auto;
}

/* 2024-04-08 상당예약완료 - 버튼 CSS 변경 START */
/*
.testdrive .consulting_complete .cont_wrap .btnType {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 52px;
}
*/
.testdrive .consulting_complete .cont_wrap .btnType {
    margin-top: 15px;
}
@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive .consulting_complete .cont_wrap .btnType {
        position: absolute;
        right: 0;
        top: 0;
    }
}
@media (min-width: 1280px) {
    .testdrive .consulting_complete .cont_wrap .btnType {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 52px;
    }
}
/* 2024-04-08 상당예약완료 - 버튼 CSS 변경 END */

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive .consulting_complete {
        margin-top: 59px;
    }
    .testdrive .consulting_complete .title {
        font-size: 24px;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor {
        display: block;
    }
    .testdrive
        .consulting_complete
        .reservation_infor
        .car_infor
        .car_detail_container {
        padding-top: 30px;
    }
    .testdrive .consulting_complete .reservation_infor .consulting_detail {
        display: block;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .name {
        font-size: 32px;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .status {
        font-size: 16px;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .status dt {
        display: inline;
        color: #05141f;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .status dd {
        font-weight: 700;
    }
    .testdrive .consulting_complete .cont_wrap .consulting_location_container {
        min-height: 136px;
    }
    .testdrive
        .consulting_complete
        .cont_wrap
        .consulting_location_container
        .location_info_container {
        width: 100%;
    }
    .testdrive
        .consulting_complete
        .cont_wrap
        .consulting_location_container
        .location_info
        .icon_map {
        width: 19px;
        height: 19px;
        margin-bottom: -4px;
        margin-right: 7px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .testdrive
        .consulting_complete
        .reservation_infor
        .consulting_detail
        .consulting_detail_item
        ul
        li:first-child {
        width: 108px;
    }
    .testdrive
        .consulting_complete
        .cont_wrap
        .consulting_location_container
        .map {
        /*display:none;*/
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive .consulting_complete {
        margin-top: 80px;
    }
    .testdrive .consulting_complete .reservation_infor {
        /* padding: 30px 0; */
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .name {
        font-size: 52px;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .status {
        font-size: 20px;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .status dt {
        display: inline;
        color: #05141f;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .status dd {
        font-weight: 700;
    }
    .testdrive .consulting_complete .reservation_infor .car_detail dl {
        padding: 30px;
        font-size: 16px;
    }
    .testdrive .consulting_complete .reservation_infor .car_detail dl dt {
        width: 195px;
    }

    .testdrive .consulting_complete .reservation_infor .car_detail dl dd {
        padding-left: 105px;
        margin-bottom: 15px;
    }
    .testdrive .consulting_complete .cont_wrap {
        position: relative;
        padding: 30px 0;
    }
}

@media (min-width: 1280px) {
    .testdrive .consulting_complete {
        margin-top: 120px;
    }
    .testdrive .consulting_complete .reservation_infor {
        /* padding: 60px 0; */
    }
    .testdrive .consulting_complete .reservation_infor .car_infor {
        width: 470px;
        /* float: left; */
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .name {
        font-size: 60px;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .status {
        position: relative;
        margin-top: 15px;
        font-size: 18px;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .status dt {
        display: inline;
        color: #05141f;
    }
    .testdrive .consulting_complete .reservation_infor .car_infor .status dd {
        font-weight: 700;
    }
    .testdrive
        .consulting_complete
        .reservation_infor
        .consulting_detail
        .consulting_detail_item {
        padding: 0 30px;
    }
    .testdrive
        .consulting_complete
        .reservation_infor
        .consulting_detail
        .consulting_detail_item
        ul
        li:first-child {
        font-size: 18px;
        width: 160px;
    }
    .testdrive
        .consulting_complete
        .reservation_infor
        .consulting_detail
        .consulting_detail_item
        ul
        li:last-child {
    }

    .testdrive .consulting_complete .cont_wrap {
        position: relative;
        padding: 55px 0 0;
    }
    .testdrive
        .consulting_complete
        .cont_wrap
        .consulting_location_container
        .location_info {
        background: #ffffff;
        padding: 30px 20px 30px 64px;
    }
}

/*-------- textarea bb -  추가 :e ------------*/

.testdrive .application_complete .title {
    color: #05141f;
    font-size: 32px;
}

.testdrive .application_complete .reservation_infor {
    border-top: 2px solid #05141f;
    border-bottom: 2px solid #05141f;
    margin-top: 30px;
    padding: 30px 0;
    overflow: hidden;
}

.testdrive .application_complete .reservation_infor .car_infor {
    position: relative;
}

.testdrive .application_complete .reservation_infor .car_infor .car_img {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
}

.testdrive .application_complete .reservation_infor .car_infor .name {
    color: #05141f;
    font-size: 32px;
}

/* 0827 모바일 레이아웃 변경 위해 주석 */
.testdrive .application_complete .reservation_infor .car_infor .status {
    /* position: absolute; */
    /* right: 0;
  top: 0;
  font-size: 16px; */
    margin-top: 10px;
}
/* 0827 모바일 레이아웃 변경 위해 주석 끝 */

.testdrive .application_complete .reservation_infor .car_infor .status dt {
    display: inline;
    color: #05141f;
}

.testdrive .application_complete .reservation_infor .car_infor .status dd {
    display: inline;
    padding-left: 5px;
    color: #e50630;
    font-weight: 700;
}

.testdrive .application_complete .reservation_infor .car_detail dl {
    position: relative;
    background: #f7f8f8;
    padding: 20px;
    font-size: 14px;
}

.testdrive .application_complete .reservation_infor .car_detail dl + dl {
    margin-top: 7px;
}

.testdrive .application_complete .reservation_infor .car_detail dl dt {
    color: #05141f;
    position: absolute;
    width: 80px;
    font-weight: bold;
}

.testdrive .application_complete .reservation_infor .car_detail dl dd {
    color: #585d62;
    padding-left: 100px;
    margin-bottom: 12px;
}

.testdrive
    .application_complete
    .reservation_infor
    .car_detail
    dl
    dd:last-child {
    margin-bottom: 0;
}

.testdrive .application_complete .cont_wrap {
    position: relative;
    padding: 30px 0;
}

.testdrive .application_complete .cont_wrap .btnType {
    margin-top: 15px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .testdrive .application_complete {
        margin-top: 59px;
    }
    .testdrive .application_complete .title {
        font-size: 24px;
    }
    .testdrive .application_complete .reservation_infor .car_infor .name {
        font-size: 32px;
    }
    .testdrive .application_complete .reservation_infor .car_infor .status {
        font-size: 16px;
    }
    .testdrive .application_complete .reservation_infor .car_infor .status dt {
        display: inline;
        color: #05141f;
    }
    .testdrive .application_complete .reservation_infor .car_infor .status dd {
        font-weight: 700;
    }
    .testdrive .application_complete .cont_wrap {
        position: relative;
        padding: 30px 0;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .testdrive .application_complete {
        margin-top: 80px;
    }
    .testdrive .application_complete .reservation_infor {
        padding: 30px 0;
    }
    .testdrive .application_complete .reservation_infor .car_infor .name {
        font-size: 52px;
    }
    .testdrive .application_complete .reservation_infor .car_infor .status {
        font-size: 20px;
    }
    .testdrive .application_complete .reservation_infor .car_infor .status dt {
        display: inline;
        color: #05141f;
    }
    .testdrive .application_complete .reservation_infor .car_infor .status dd {
        font-weight: 700;
    }
    .testdrive .application_complete .reservation_infor .car_detail dl {
        padding: 30px;
        font-size: 16px;
    }
    .testdrive .application_complete .reservation_infor .car_detail dl dt {
        width: 195px;
    }
    .testdrive .application_complete .reservation_infor .car_detail dl dd {
        padding-left: 105px;
        margin-bottom: 15px;
    }
    .testdrive .application_complete .cont_wrap {
        position: relative;
        padding: 30px 0;
    }
    .testdrive .application_complete .cont_wrap .btnType {
        position: absolute;
        right: 0;
        top: 0;
    }
}

@media (min-width: 1280px) {
    .testdrive .application_complete {
        margin-top: 120px;
    }
    .testdrive .application_complete .reservation_infor {
        padding: 60px 0;
    }
    .testdrive .application_complete .reservation_infor .car_infor {
        width: 660px;
        float: left;
    }
    .testdrive .application_complete .reservation_infor .car_infor .name {
        font-size: 60px;
    }
    .testdrive .application_complete .reservation_infor .car_infor .status {
        position: relative;
        margin-top: 15px;
        font-size: 18px;
    }
    .testdrive .application_complete .reservation_infor .car_infor .status dt {
        display: inline;
        color: #05141f;
    }
    .testdrive .application_complete .reservation_infor .car_infor .status dd {
        font-weight: 700;
    }
    .testdrive .application_complete .reservation_infor .car_detail {
        width: 620px;
        float: left;
    }
    .testdrive .application_complete .reservation_infor .car_detail dl {
        padding: 30px;
        font-size: 18px;
    }
    .testdrive .application_complete .reservation_infor .car_detail dl dt {
        width: 150px;
    }
    .testdrive .application_complete .reservation_infor .car_detail dl dd {
        padding-left: 160px;
        margin-bottom: 23px;
    }
    .testdrive .application_complete .cont_wrap {
        position: relative;
        padding: 55px 0 0;
    }
    .testdrive .application_complete .cont_wrap .btnType {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 52px;
    }
}

.qr_sns {
    position: relative;
    background: #05141f;
}

.qr_sns .qr_view {
    padding: 30px 0 0;
    text-align: center;
}

.qr_sns .qr_view > h1 {
    background: url("/itg/images/common/logo.svg") 0 0 no-repeat;
    background-size: contain;
    width: 120px;
    height: 28px;
    margin: 0 auto 30px;
    font-size: 0;
    line-height: 0;
}

.qr_sns .qr_view > p {
    padding: 17px 0;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    opacity: 0.4;
}

.qr_sns .qr_view .wrap_area {
    padding: 50px 0;
    /* background-color: #fff; */
    background: url("/itg/images/qr/bg_white.jpg") repeat 0 0;
    border-radius: 18px 18px 0 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.qr_sns .qr_view .wrap_area .qr_img {
    max-width: 275px;
    margin: 0 auto;
}

.qr_sns .qr_view .wrap_area .qr_img img {
    width: 265px;
    border: 5px solid #f0f1f3;
}

.qr_sns .qr_view .wrap_area .qr_img .date {
    padding: 22px 0 35px;
    color: #05141f;
    font-size: 12px;
    opacity: 0.7;
}

.qr_sns .qr_view .wrap_area .bg_area {
    display: block;
    background: #f0f1f3;
    padding: 24px 10px;
    color: #05141f;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -1px;
}

.qr_sns .qr_view .wrap_area .logo {
    padding: 25px 0 0;
    display: block;
    margin: 0 auto;
    width: 59px;
}

.error-wrap {
    padding: 126px 15px 0;
    text-align: center;
}

.error-wrap::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 87px;
    height: 21px;
    background-image: url("/itg/images/common/error_logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
}

.error-wrap .title-txt {
    padding: 50px 0 30px;
    color: #05141f;
    font-size: 28px;
    line-height: 40px;
}

.error-wrap .txt {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
}

.error-wrap .btn_area {
    margin-top: 44px;
    /* 2023-10-30 클래스 속성 변경 시작 */
    display: flex;
    justify-content: center;
    gap: 20px;
    text-align: center;
    /* 2023-10-30 클래스 속성 변경 종료 */
}

@media (min-width: 320px) and (max-width: 767px) {
    .error-wrap .mo_br {
        display: block;
    }
    /* 2023-07-30 신규 에러 버튼 클래스 생성 시작 */
    .error-wrap .btn_area {
        flex-direction: column;
    }
    .error-wrap .btn_area em {
        max-width: unset;
    }
    /* 2023-07-30 신규 에러 버튼 클래스 생성 종료 */
}

@media (min-width: 768px) and (max-width: 1279px) {
    .error-wrap {
        padding: 245px 0 0;
    }
    .error-wrap .title-txt {
        padding: 60px 0 27px;
        font-size: 32px;
    }
    .error-wrap .txt {
        font-size: 16px;
        line-height: 32px;
    }
    .error-wrap .btn_area {
        margin-top: 50px;
    }
    .error-wrap .mo_br {
        display: none;
    }
}

@media (min-width: 1280px) {
    .error-wrap {
        padding: 296px 0 0;
    }
    .error-wrap .title-txt {
        padding: 60px 0 27px;
        font-size: 36px;
    }
    .error-wrap .txt {
        font-size: 16px;
        line-height: 32px;
    }
    .error-wrap .btn_area {
        margin-top: 70px;
    }
    .error-wrap .mo_br {
        display: none;
    }
}

/* 개발 CSS 추가 */
#notiPopup .popup_cont {
    width: 320px;
}

@media (min-width: 768px) and (max-width: 1279px) {
    #notiPopup .popup_cont {
        width: 440px;
    }
}

@media (min-width: 1280px) {
    #notiPopup .popup_cont {
        width: 720px;
    }
}

/* dark theme css  QR 페이지 다크모드시 흰색 배경 반전되는 이슈로 인한 추가 */
@media (prefers-color-scheme: dark) {
    .qr_sns .qr_view .wrap_area,
    .qr_sns .qr_view .wrap_area .cont_wrap,
    .qr_sns .qr_view .wrap_area .qr_img,
    .qr_sns .qr_view .wrap_area .qr_img img,
    .qr_sns .qr_view .wrap_area .logo,
    .qr_sns .qr_view .wrap_area .logo img {
        background-color: #fff !important;
    }
    .qr_sns .qr_view .wrap_area .qr_img img {
        border-color: #fff !important;
    }
    .qr_sns .qr_view .wrap_area .qr_img .date {
        background-color: #fff !important;
        color: #05141f !important;
    }
    .qr_sns .qr_view .wrap_area .bg_area {
        background-color: #f0f1f3 !important;
        color: #05141f !important;
    }
    .qr_check .popup_cont {
        background-color: #fff !important;
    }
    .qr_check .popup_cont .qr_wrap .qr_img img {
        background-color: #fff !important;
    }
}

/* 2023-07-13 방문예약 팝업추가 시작 */
.phone_step {
    display: flex;
    flex-direction: column;
    padding-bottom: 35px;
}
.step_title h3 {
    padding: 20px 0;
    font-size: 18px;
}
.input-wrapper {
    display: flex;
    align-items: center;
}

.second-wrapper {
    position: relative;
    flex-grow: 1;
}

.timer {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 0.8em;
    color: red;
    cursor: default;
}

.resend-btn {
    margin-left: 10px;
    border: 1px solid #cdd0d2;
    background-color: rgba(5, 20, 31, 0.3);
    padding: 4px 8px;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s;
    color: #fff;
    height: 47px;
    display: block;
    min-width: 72px;
}
.resend-btn.active {
    background-color: #05141f;
}
.phone_step input {
    border: 1px solid #cdd0d2;
    width: 100%;
    padding: 12px 20px;
    color: #697278;
    font-size: 16px;
    display: block;
    box-sizing: border-box;
}
.step_warning {
    font-size: 14px;
    line-height: 100%;
    margin-top: 16px;
}
.step_warning::before {
    content: "";
    position: relative;
    top: 2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/itg/images/common/info.png") no-repeat center;
    margin-right: 6px;
}
.phone_step .btnLarge {
    margin-top: 16px;
    height: 42px;
    line-height: 0;
    border-radius: 0;
    background-color: #05141f;
    font-size: 14px;
    color: #fff;
}
.phone_step .btnLarge:disabled {
    background-color: rgba(5, 20, 31, 0.3);
    color: #fff;
}
.popup_cont .btn_area .btn.disabled {
    pointer-events: none;
    background-color: rgba(5, 20, 31, 0.3);
    color: #fff;
}
.popup_cont .btn_area .btn.disabled em {
    background-color: rgba(5, 20, 31, 0.3);
    color: #fff;
}
.schedule_place select::-ms-expand {
    display: none;
}
.schedule_place select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cdd0d2;
    width: 100%;
    padding: 12px 20px;
    color: #697278;
    font-size: 16px;
    display: block;
    box-sizing: border-box;
    background: url("/itg/images/common/arrow.svg") calc(100% - 20px) center
        no-repeat;
    background-size: 30px;
    outline: 0 none;
    line-height: normal;
}
@media (min-width: 320px) and (max-width: 767px) {
    .phone_step input {
        font-size: 10px;
    }
    .resend-btn {
        height: 39px;
    }
}
/* 2023-07-13 방문예약 팝업추가 종료 */

/* 2023-10-30 에러 페이지 버튼 최소 사이즈 유틸리티 클래스 추가 시작 */
.min-width-190 {
    min-width: 190px;
}
/* 2023-10-30 에러 페이지 버튼 최소 사이즈 유틸리티 클래스 추가 종료 */

/* bb 추가 2024-07-25 */
* {
    /* box-sizing: border-box; */ /* 2024-07-22 2406_IMP_05 시승코스에서 사이즈 작아짐 */
    line-height: 1.2em;
}
.btn_c {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tab {
    display: none;
}
.tab.on {
    display: block;
}
.m_show {
    display: none;
}
.m_hide {
    display: block;
}
/*
반응형
 */
@media screen and (max-width: 768px) {
    /* 반응형 대응 class (pc_는 보임, mo_는 숨김) */
    .m_show {
        display: block;
    }
    .m_hide {
        display: none;
    }
}
#header {
    position: relative;
}

#header .logo {
    position: absolute;
    top: 38px;
    left: 50%;
    z-index: 1;
}

#header .logo a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 59px;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: -webkit-transform 0.5s easy-in-out;
    -o-transition: transform 0.5s easy-in-out;
    transition: transform 0.5s easy-in-out;
}

#header .logo img {
    position: relative;
    display: inline-flex;
    margin: 0 auto;
}

#header .logo .img_logo {
    display: inline-flex;
}

/* 20240820 수정  이미지 경로 수정 필요 */
#header .logo .img_logo::before {
    content: "";
    display: inline-flex;
    width: 73px;
    height: 17px;
    /* background: url("../img/logo_color.svg") no-repeat center center; */
    background: url("/itg/images/common/logo_color.svg") no-repeat center center;
    background-size: contain;
}
/* 20240820 수정 끝  이미지 경로 수정 필요 */

#header .logo .logo_txt {
    display: inline-flex;
    margin-left: 5px;
    color: #05141f;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -1px;
}

.header_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    background: #05141f;
    text-align: right;
}

.header_wrap .gnb_area {
    position: relative;
    background: #05141f;
    z-index: 1;
}

.header_wrap .gnb_area .member {
    display: inline-block;
    overflow: hidden;
}

.header_wrap .gnb_area .member li {
    float: left;
    position: relative;
}

.header_wrap .gnb_area .member li a {
    display: block;
    padding: 13px 15px 12px 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 100;
    color: #acaeaf;
}

.header_wrap .gnb_area .member li::after {
    position: absolute;
    right: 0;
    top: 15px;
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #37434c;
    content: "";
}

.header_wrap .gnb_area .member li:last-child::after {
    display: none;
}

/* GNB 스크롤 메뉴 이동 */
.header_wrap .scroll_menu {
    position: absolute;
    top: 38px;
    width: 100%;
    min-height: 59px;
    background: #fff;
}
header.bg_transparent .header_wrap .scroll_menu {
    background: transparent !important;
}
#header.bg_transparent .logo .img_logo::before {
    content: "";
    display: inline-flex;
    width: 122px;
    height: 28px;
    /* background: url("../img/logo.svg") no-repeat center center; */
    background: url("/itg/images/common/logo.svg") 0 0 no-repeat;
    background-size: contain;
}
header.bg_transparent .header_wrap .scroll_menu {
    border-bottom: none !important;
}
header.bg_transparent .link_menu button {
    color: #fff;
}
header.show .header_wrap .scroll_menu {
    background-color: #fff;
    border-bottom: 1px solid #cdd0d2;
}
header.bg_transparent .link_menu button .arrow {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

header.bg_transparent.open .link_menu button .arrow {
    margin-top: 4px;
    transform: rotate(-45deg);
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.header_wrap .scroll_menu .btn_open {
    position: absolute;
    left: 0;
    top: 0;
    width: 49px;
    height: 59px;
    z-index: 1;
}
/* 20240820 수정  이미지 경로 수정 필요 */
.header_wrap .scroll_menu .btn_open::before {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    /* background: url("../img/icn/btn_scroll_menu.png") no-repeat center center; */
    background: url("/itg/images/common/btn_scroll_menu.png") no-repeat center
        center;
    background-size: 20px 14px;
    z-index: 1;
}
/* 20240820 수정 끝 이미지 경로 수정 필요 */

.header_wrap .scroll_menu .btn_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 49px;
    height: 59px;
}

/* 20240820 수정  이미지 경로 수정 필요 */
.header_wrap .scroll_menu .btn_close::before {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    /* background: url("../img/icn/btn_close.svg") no-repeat center center; */
    background: url("/itg/images/common/btn_close.svg") no-repeat center center;
    background-size: 20px 20px;
    z-index: 1;
}
/* 20240820 수정 끝  이미지 경로 수정 필요 */

.header_wrap .scroll_menu .menu_cont {
    display: none;
    padding-top: 59px;
}

.header_wrap .scroll_menu.active .menu_cont {
    display: block;
}

.header_wrap .scroll_menu .menu_cont ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.header_wrap .scroll_menu .menu_cont ul li {
    width: 100%;
}

.header_wrap .scroll_menu .menu_cont ul li ~ li {
    border-top: 1px solid #cdd0d2;
}

.header_wrap .scroll_menu .menu_cont ul li a {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 30px;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

/* scroll */
#header .logo {
    transition: 0.3s;
    transform: translateY(-100%);
}

#header.show .logo {
    transform: translateY(0);
}
#header.show .logo a {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#header.show .header_wrap.active .logo {
    left: 30px;
}

#header.show .header_wrap.active .logo a {
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#header .header_wrap .scroll_menu {
    transition: 0.3s;
    transform: translateY(-100%);
}

#header.show .header_wrap .scroll_menu {
    transform: translateY(0);
}

#header.show .header_wrap .scroll_menu ul li a {
    color: #05141f;
}

/* GNB 스크롤 메뉴 이동 */
body {
    position: relative;
    font-size: 14px;
    color: #05141f;
    box-sizing: border-box;
    line-height: inherit;
    word-break: keep-all;
    font-weight: 400;
}
/* 20240820 수정 */
header .sub_menu {
    padding: 40px 30px;
    width: 100%;
    background: rgba(5, 20, 31, 0.95);
    backdrop-filter: blur(10px);
    position: absolute;
    height: auto;
    top: 96px;
    z-index: 1111;
    display: none;
    text-align: left;
    transition: 0.3s;
    box-sizing: border-box;
}
/* 20240820 수정 끝 */
header.open .sub_menu {
    display: block;
}
header .sub_menu .list {
    display: flex;
    max-width: 980px;
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 40px;
}
header .sub_menu .list li {
    width: calc(33% - 30px);
}
header .sub_menu .list li p {
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #fff;
}
header .sub_menu .list li .sub_depth a {
    font-size: 14px;
    display: block;
    color: #fff;
    opacity: 0.4;
    margin-top: 16px;
}
header .sub_menu .list li .sub_depth a:hover {
    opacity: 1;
}

header .logo_area {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 88px;
    position: relative;
}
header .logo_area .logo_img {
    width: 120px;
}
header .link_menu {
    position: absolute;
    right: 100px;
    top: 50%;
    transform: translateY(-50%);
}

header .link_menu button {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 100px;
    font-family: "kia", sans-serif;
}

header .link_menu button .arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(135deg);
    transform-origin: center;
    margin-right: 8px;
    transition: transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1);
    position: absolute;
    right: 16px;
    top: 6px;
}

header.open .link_menu button .arrow {
    margin-top: 4px;
    transform: rotate(-45deg);
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}
header.bg_transparent .link_menu button .arrow {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
header .link_menu.bk button {
    color: #000;
}
header .link_menu.bk button .arrow {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}
header.open .link_menu.bk button .arrow {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

@media (min-width: 320px) and (max-width: 767px) {
    #header .gnb_area {
        padding-right: 15px;
    }
    header .link_menu {
        right: 15px;
        top: 58%;
    }
    header .link_menu button {
        font-size: 16px;
        width: 80px;
    }
    header .link_menu button .arrow {
        margin-right: 0;
        top: 3px;
    }
    header .sub_menu {
        top: 45px;
    }

    header.show .sub_menu {
        top: 96px;
    }
    header .sub_menu .list {
        display: flex;
        max-width: 980px;
        margin: 0 auto;
        flex-direction: column;
        gap: 20px;
    }
    header .sub_menu .list li {
        width: 100%;
        position: relative;
    }
    header .sub_menu .list li p {
        padding: 10px 0;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        border-bottom: 1px solid #fff;
    }

    header .sub_menu .list li p .arrow {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(135deg);
        transform-origin: center;
        margin-right: 8px;
        transition: transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1);
        position: absolute;
        right: 0px;
        top: 16px;
    }

    header .sub_menu .list li.open p .arrow {
        margin-top: 4px;
        transform: rotate(-45deg);
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    header .sub_menu .list li .sub_depth a {
        font-size: 14px;
        display: block;
        color: #fff;
        opacity: 0.4;
        margin-top: 16px;
    }
    header .sub_depth {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    #header .gnb_area {
        padding-right: 50px;
    }
    header .link_menu {
        right: 50px;
    }
}

@media (min-width: 1025px) {
    #header .logo {
        top: 30px;
    }
    #header .logo a {
        height: 90px;
    }
    #header .logo .img_logo::before {
        width: 122px;
        height: 28px;
    }
    #header .logo .logo_txt {
        font-size: 32px;
    }
    #header.show .header_wrap.active .logo {
        left: 50%;
    }

    #header.show .header_wrap.active .logo a {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .header_wrap .gnb_area .member {
        height: 30px;
    }
    .header_wrap .gnb_area .member li a {
        padding: 10px 15px 10px 17px;
    }
    .header_wrap .scroll_menu {
        top: 30px;
        height: 90px;
    }
    .header_wrap .scroll_menu .btn_open,
    .header_wrap .scroll_menu .btn_close {
        display: none !important;
    }
    .header_wrap .scroll_menu .menu_cont {
        display: block;
        padding: 0 20px;
    }
    .header_wrap .scroll_menu .menu_cont ul {
        flex-direction: row;
        align-items: center;
        margin: 0 auto;
        max-width: 1280px;
        height: 90px;
    }
    .header_wrap .scroll_menu .menu_cont ul li {
        width: auto;
    }
    .header_wrap .scroll_menu .menu_cont ul li ~ li {
        margin-left: 40px;
        border-top: none;
    }
    .header_wrap .scroll_menu .menu_cont ul li.menu_right {
        margin-left: auto;
    }
    .header_wrap .scroll_menu .menu_cont ul li a {
        height: auto;
        padding-left: 0;
    }
    .header_wrap .scroll_menu .menu_cont ul li a:hover::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        width: 100%;
        height: 1px;
        background: #05141f;
    }
    header .sub_menu {
        top: 30px;
    }
    header.show .sub_menu {
        top: 120px;
    }
}

@media (min-width: 1280px) {
    #header .gnb_area {
        padding-right: 86px;
    }
    #header .gnb_area .member li::after {
        top: 10px;
    }
    #header .gnb_area .member li a {
        padding: 9px 15px 8px 17px;
    }
}
/* 20240809 수정 시작 */
.kv {
    position: relative;
}
.kv .bg_swiper {
    height: 100vh;
    width: 100%;
}
.kv .paging_wrap {
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    z-index: 3;
}
.kv .paging_wrap > button {
    color: #fff;
}
.kv .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;

    position: static;
}

.kv .swiper-pagination-bullet {
    min-width: 14px;
    min-height: 14px;
    background-color: transparent;
    border: 2px solid white;
    opacity: 1;
    transition: all 0.3s ease;
    transform: scale(1);
}

.kv .swiper-pagination-bullet-active {
    background-color: white;
    min-width: 14px;
    min-height: 14px;
}
.kv .swiper-slide .bg {
    background-position: center;
    background-size: cover;
    background-color: #05141f;
    width: 100%;
    height: 100%;
}
.kv .txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
    width: 100%;
}
/* 20240820 수정 */
.kv .txt_box h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 24px;
}
.kv .txt_box p {
    font-size: 24px;
    line-height: 34px;
    color: #fff;
}
.kv .txt_box a {
    background-color: #fff;
    color: #05141f;
    width: 200px;
    height: 52px;
    margin-top: 40px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px;
}
/* 20240820 수정 끝 */
/* 페이징 */

/* 20240809 수정 끝 */

.store {
    padding: 96px 0 128px 0;
    text-align: center;
}
.store .title {
    font-size: 30px;
    font-weight: 700;
}
.store .swiper_txt {
    margin: 60px 0 40px 0;
}
.store .swiper_txt .swiper-navigation {
    display: flex;
    width: 640px;
    height: 50px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
}

.store .swiper_txt .swiper-navigation h4 {
    font-size: 24px;
    font-weight: 700;
}

.store .swiper-button-next,
.store .swiper-button-prev {
    position: static;
    width: 49px;
    height: 50px;
    /* background-image: url(../img/icn/swiper_arrow_next.png); */
    background-image: url("/itg/images/icn/swiper_arrow_next.png");
    background-size: 49px 50px;
    background-position: center;
    margin-top: 6px;
}
.store .swiper-button-prev {
    /* background-image: url(../img/icn/swiper_arrow_prev.png); */
    background-image: url("/itg/images/icn/swiper_arrow_prev.png");
}
.store .swiper-button-next::after,
.store .swiper-button-prev::after {
    display: none;
}
.store_swiper {
    min-height: 895px;
    padding-top: 20px;
}

.store_swiper .swiper-slide {
    width: 640px;
}
/* 20240813 수정 시작 */
.store_swiper .box {
    width: 100%;
    min-height: 694px;
    max-height: 694px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 5px 6px 22px 0px rgba(0, 0, 0, 0.12);
    opacity: 0.6;
    padding: 0px 64px 0 64px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: auto;
    box-sizing: border-box;
}
/* 20240813 수정 끝 */
.store_swiper .swiper-slide-active .box {
    opacity: 1;
}
.store_swiper .swiper-slide-active .store-item::after {
    content: "";
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    /* background-image: url(../img/icn/arrow_right.png); */
    background-image: url("/itg/images/common/arrow_right.png");
    position: absolute;
    right: 0px;
    top: 40px;
}
.store_swiper .box .store-item {
    text-align: left;
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: block;
    min-height: 128px;
    padding: 40px 0;
    position: relative;
}
.store_swiper .box .store-item {
    /* padding-top: 40px; */
}
.store_swiper .box .store-item:last-child {
    border: none;
}
.store_swiper .box .store-item h3 {
    position: relative;
    padding-left: 50px;
    font-size: 20px;
    margin-bottom: 10px;
}
.store_swiper .box .store-item p {
    font-size: 16px;
    color: #05141f;
    opacity: 0.6;
    line-height: 24px;
    font-weight: 400;
    padding-left: 50px;
}
.store_swiper .box .store-item h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 31px;
    height: 31px;
    /* background-image: url(../img/icn/pin.png); */
    background-image: url("/itg/images/common/pin.png");
    background-size: 31px 31px;
    background-position: center;
}

@media screen and (max-width: 768px) {
    /* 20240809 수정 시작 */
    .kv .bg_swiper {
        height: 100vh;
        width: 100%;
        min-height: 350px;
    }
    .kv .paging_wrap {
        width: 50%;
        justify-content: center;
        left: 50%;
        transform: translateX(-50%);
    }
    .kv .swiper-pagination {
        bottom: 30px;
        text-align: center;
        width: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .kv .swiper-slide .bg {
        background-position: center;
        background-size: cover;
        background-color: #05141f;
        width: 100%;
        height: 100%;
    }
    .kv .txt_box {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .kv .txt_box h2 {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .kv .txt_box p {
        font-size: 16px;
        line-height: 22px;
    }
    .kv .store {
        padding: 60px 0 88px 0;
        /* margin: 0px 16px; */
    }
    .kv .store .title {
        font-size: 24px;
    }
    .kv .store .swiper_txt {
        margin: 40px 0 30px 0;
    }
    .kv .store .swiper_txt .swiper-navigation {
        width: 100%;
        height: 50px;
    }

    .kv .store .swiper_txt .swiper-navigation h4 {
        font-size: 16px;
    }
    /* 20240809 수정 끝 */

    .store {
        padding: 60px 0 88px 0;
        /* margin: 0px 16px; */
    }
    .store .title {
        font-size: 24px;
    }
    .store .swiper_txt {
        margin: 40px 0 30px 0;
    }
    .store .swiper_txt .swiper-navigation {
        width: 100%;
        height: 50px;
    }

    .store .swiper_txt .swiper-navigation h4 {
        font-size: 16px;
    }

    .store_swiper {
        min-height: auto;
        padding: 20px 16px 50px 16px;
    }
    .store_swiper .swiper-slide {
        width: 100%;
    }
    .store_swiper .box {
        /* min-height: auto; */
        padding: 0px 23px 0 23px;
    }
    .store_swiper .swiper-slide-active .box {
        opacity: 1;
        display: flex;
        flex-direction: column;
        position: relative;
        min-height: 594px;
        max-height: 594px;
    }
    .store_swiper .swiper-slide-active .store-item::after {
        content: "";
        width: 36px;
        height: 36px;
        background-size: 36px 36px;
        /* background-image: url(../img/icn/arrow_right.png); */
        background-image: url("/itg/images/icn/arrow_right.png");
        position: absolute;
        right: 0px;
        top: 20px;
    }
    .store_swiper .box .store-item {
        text-align: left;
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        height: auto;
        min-height: 119px;
        /* flex: 1; */
    }
    .store_swiper .box .store-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .store_swiper .box .store-item h3 {
        position: relative;
        padding-left: 50px;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .store_swiper .box .store-item p {
        font-size: 16px;
        color: #05141f;
        opacity: 0.6;
        line-height: 24px;
        font-weight: 400;
        padding-left: 50px;
    }
    .store_swiper .box .store-item h3::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 31px;
        height: 31px;
        /* background-image: url(../img/icn/pin.png); */
        background-image: url("/itg/images/icn/pin.png");
        background-size: 31px 31px;
        background-position: center;
    }
}

.quick_menu {
    position: fixed;
    top: 340px;
    right: 80px;
    z-index: 10;
}

.quick_menu .wrap_btn a {
    text-align: center;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background: rgba(5, 20, 31, 0.6);
    text-decoration: none;
}

.quick_menu .wrap_btn a + a {
    margin-top: 40px;
}

.quick_menu .wrap_btn a i {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 100%;
}

.quick_menu .wrap_btn a i.icon_testdrive {
    /* background-image: url("../img/icn/icon_testdrive_reservation.png"); */
    background-image: url("/itg/images/common/icon_testdrive_reservation.png");
}

.quick_menu .wrap_btn a i.icon_reservation {
    /* background-image: url("../img/icn/icon_reservation.png"); */
    background-image: url("/itg/images/common/icon_reservation.png");
}

.quick_menu .wrap_btn a i.icon_setting {
    /* background-image: url("../img/icn/icon_setting.png"); */
    background-image: url("/itg/images/icn/icon_setting.png");
}
.quick_menu .wrap_btn a i.icon_sch {
    /* background-image: url("../img/icn/icon_sch.png"); */
    background-image: url("/itg/images/icn/icon_sch.png");
}

.quick_menu .wrap_btn a i img {
    width: 20px;
}

.quick_menu .wrap_btn a span {
    display: block;
    padding-top: 5px;
    color: #fff;
    font-size: 12px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .quick_menu {
        right: 12px;
        top: auto;
        bottom: 50px;
    }
    .quick_menu .wrap_btn a i {
        width: calc(39px / 2);
        height: calc(39px / 2);
    }
    .quick_menu .wrap_btn a {
        width: 60px;
        height: 60px;
    }
    .quick_menu .wrap_btn a + a {
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .quick_menu {
        right: 44px;
        top: 118px;
    }
    .quick_menu .wrap_btn a {
        width: 100px;
        height: 100px;
    }
    .quick_menu .wrap_btn a + a {
        margin-top: 10px;
    }
    .quick_menu .wrap_btn a span {
        padding-top: 10px;
        font-size: 16px;
    }
}

@media (min-width: 1280px) {
    .quick_menu {
        right: 126px;
        top: 300px;
    }
    .quick_menu .wrap_btn a {
        width: 100px;
        height: 100px;
    }
    .quick_menu .wrap_btn a + a {
        margin-top: 20px;
    }
    .quick_menu .wrap_btn a span {
        padding-top: 10px;
        font-size: 16px;
    }
}
.exhibition_area .tab_btn {
    display: flex;
    /* gap: 40px; */
    justify-content: center;
}
/* 0821_18:34 아이폰7 이슈 수정 */
.exhibition_area .tab_btn button {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.exhibition_area .tab_btn button + button {
    margin-left: 40px;
}
/* 0821_18:34 아이폰7 이슈 수정 끝 */
/* 20240809 수정 끝 */
.exhibition_area .tab_btn button.on {
    border-bottom: 2px solid #000;
}
.exhibition_area .tab {
    display: none;
}
.exhibition_area .tab.on {
    display: block;
}

/* 20240822 qr발급 페이지 상단 gnb 여백 조정 */
.sub.qr .header_wrap .scroll_menu {
    top: 0;
}
.sub.qr #header .logo {
    top: 0;
}
.sub.qr #container {
    padding-top: 60px;
}
.sub.flagshipstore #container {
    padding-top: 0 !important;
}
.sub.flagshipstore .heading_title {
    top: 50% !important;
}

/* 20240822 설문조사 페이지 padding값 조절 */
.container.sms_page {
    padding-top: 38px !important;
}
@media (min-width: 1280px) {
    .sub.qr #container {
        padding-top: 30px;
    }
}

/* 20241015 이용약관 팝업 체크박스 수정 */
.bb_radio_wrap {
    margin-top: 20px;
}
.bb_radio_wrap .radio_title {
    font-size: 13px;
    font-weight: 700;
    display: block;
}
.bb_radio_wrap .flex {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}
.bb_radio_wrap .flex .form_chk {
    height: 18px;
}
.bb_radio_wrap .flex .form_chk label {
    font-size: 11px;
}

/* 토스트 팝업 추가 */
.bb_toast_pop {
    position: fixed;
    z-index: 100;
    padding: 18px 48px;
    border-radius: 90px;
    background: rgba(0, 0, 0, 0.7);
    left: 50%;
    transform: translateX(-50%);
    bottom: 70px;
    min-width: 445px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.bb_close_pop {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
.bb_toast_pop p {
    color: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 140%;
}
.bb_close_pop div {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transition: transform 0.3s ease;
}

.bb_close_pop div:first-child {
    transform: rotate(45deg);
}

.bb_close_pop div:last-child {
    transform: rotate(-45deg);
}

@media (min-width: 320px) and (max-width: 767px) {
    .bb_toast_pop {
        bottom: 60px;
        min-width: auto;
        width: calc(100% - 32px);
    }
}

.popup_wrap .bb_sub_title {
    font-size: 16px;
    color: #05141f;
    margin-bottom: 20px;
    font-weight: 700;
}

/* 20241104 css 수정 시작 */
.popup_wrap .bb_sub_title.mt20 {
    margin-top: 40px;
}
/* 20241104 css 수정 끝 */
/* 20241021 css 추가 */
.mb20 {
    margin-bottom: 20px;
}
.bb_table_a {
    width: 100%;
    border: 1px solid #cfcfcf;
}

.bb_table_a > tbody > tr > th,
.bb_table_a > tbody > tr > td {
    padding: 10px;
    text-align: left;
    word-break: keep-all;
    font-weight: 400;
    font-size: 11px;
}

.bb_table_a > tbody > tr > th {
    color: #05141f;
    background: #f7f8f8;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    font-weight: 700;
}

.bb_table_a > tbody > tr > td {
    color: #000000;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    line-height: 140%;
    vertical-align: top;
}
.bb_table_a > tbody > tr > td:last-child {
    border-right: none;
}
.bb_table_a > tbody > tr > td p + p {
    margin-top: 10px;
}

/* 20241106 수정 시작 */
.resrv_agree .popup_cont .popup_content {
    margin-top: 20px;
    overflow: auto;
    height: 400px;
}
/* 20241106 수정 끝 */
.resrv_agree .popup_cont .popup_content .temrs_wrap {
    padding: 0;
    max-height: none;
}

/* 20241104 css 수정 시작 */
@media (min-width: 320px) and (max-width: 767px) {
    .popup_wrap .bb_sub_title {
        font-size: 14px;
    }
    .popup_wrap .bb_sub_title {
        margin-bottom: 10px;
    }
}

/* 시승코스 팝업과 같이 약관 동의내용 팝업 높이 설정 변경 */
/* 20241107 수정 시작 */
@media (min-width: 320px) and (max-width: 767px) {
    .resrv_agree .popup_cont {
        position: fixed;
        top: 38px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 11;
        height: calc(100% - 38px);
        background: #fff;
        padding: 0;
        transform: translate(0);
        width: 100%;
        max-height: none;
    }
    .resrv_agree .popup_cont .popup_content .temrs_wrap {
        max-height: none;
    }
    .popup_wrap .popup_head {
        padding-top: 20px;
    }
    /* 2025.09.11 수정 */
    #map .popup_wrap .popup_head {
        padding: 0;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .resrv_agree .popup_cont .popup_content {
        margin-top: 20px;
        overflow: auto;
        max-height: calc(100% - 110px);
        height: auto;
    }
}
/* 20241104 css 수정 끝 */

.resrv_agree .popup_cont .popup_content .bb_scroll {
    max-height: 400px;
    overflow: auto;
}

.resrv_agree .popup_cont .popup_content {
    height: auto;
}

#resrv_agree_adInfo .popup_content {
    height: 480px;
}

@media screen and (max-width: 768px) {
    .resrv_agree .popup_cont .popup_content .bb_scroll {
        max-height: calc(100% - 130px);
        overflow: auto;
    }

    .resrv_agree .popup_cont .popup_content {
        height: 100%;
    }

    #resrv_agree_adInfo .popup_content {
        height: 100%;
        margin-bottom: 20px;
    }
    #resrv_agree_adInfo .popup_content .bb_radio_wrap:last-child {
        margin-bottom: 40px;
    }
}
/* 20241107 수정 끝 */

/* 오픈소스바로가기 추가 */
/* 250224 푸터 오폰스소 위치 수정 */
#footer a {
    padding-right: 20px;
    width: auto;
    position: relative;
    display: inline-flex;
}
/* #footer a::after {content: ''; width:1px; height: 100%; background-color: #fff; position: absolute; top:0; right: 0;}
#footer a:last-child::after {display:none;} */
#footer a + a {
    padding-left: 0px;
}
#footer .flex_column {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
}
@media screen and (max-width: 768px) {
    #footer a {
        font-size: 14px !important;
    }
}
/* 250224 푸터 오폰스소 위치 수정 */

/* 배너 팝업 크기 수정 */
/* 250224 팝업 버튼 디자인 수정 */
.banner_pop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 720px;
    background-color: #fff;
    z-index: 100;
    height: 600px;
}
.banner_pop .img_box img {
    width: 100%;
}
.banner_pop .util_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banner_pop .util_wrap button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 52px;
}
.banner_pop .util_wrap .close_today {
    color: #fff;
    font-size: 20px;
    opacity: 0.3;
    background: #05141f;
}
.banner_pop .util_wrap .close_btn {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background-color: #05141f;
}
.banner_pop .img_box {
    height: 548px;
    overflow: hidden;
    position: relative;
}
/* .banner_pop .img_box img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%;} */
.banner_pop .img_box img {
    width: 100%;
    height: 100%;
}
/* 250224 팝업 버튼 디자인 수정 */

.dimm {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 12;
}
@media screen and (max-width: 768px) {
    .banner_pop {
        width: 300px;
        height: 380px;
    }
    .banner_pop .util_wrap button {
        font-size: 14px !important;
        height: 44px !important;
    }
    .banner_pop .img_box {
        height: 336px;
    }
    /* .banner_pop .img_box img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; height:100%;} */
}
/* 250224 팝업 버튼 수정 */
.popup_wrap .open_src {
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    overflow: auto !important;
    box-sizing: border-box;
}
/* 전달받은 오픈소스 팝업 css 추가 */
.notice_body table.gridtable {
    border: 1px solid #666666;
    width: 100%;
    color: #333333;
    border-collapse: separate;
    border-spacing: 0;
}
.notice_body table.gridtable th {
    border-bottom: 1px solid #666666;
    padding: 8px;
    height: 25px;
    font-size: 12px;
    background-color: #dedede;
}
.notice_body table.gridtable td {
    padding: 8px;
    font-size: 12px;
    background-color: #ffffff;
}
.notice_body table.gridtable td p,
.notice_body table.gridtable td b {
    padding: 0;
    font-size: 12px;
}
.notice_body table.texttable {
    color: #333333;
    border-width: 0px;
}
.notice_body table.texttable td {
    border-width: 0px;
    padding: 8px;
}

/* 250224 오픈소스 충돌 css */
.notice_body,
.notice_body * {
    margin: 0;
    font-family: arial, sans-serif;
    font-size: 12px;
    color: #333 !important;
}
/*body * {white-space: nowrap;}*/
.notice_body b {
    font-size: 1.25em;
    color: #000;
}
.notice_body p {
    margin: 0;
    padding: 10px;
}
.notice_body h2.notice_title {
    position: relative;
    margin: 0;
    padding: 1.25em 1em 1em;
    overflow: hidden;
    font-size: 1.25em;
    color: #fff;
    background: #000000;
}
.notice_body h2.notice_title *,
.notice_body h2.notice_title sup {
    font-size: 17px;
    color: #ffffff !important;
}
.notice_body .left {
    float: left;
}
.notice_body .right {
    float: right;
}
.notice_body .bdTop {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #888;
}
.notice_body caption {
    display: none;
}
.notice_body th:not(:last-child),
td:not(:last-child) {
    border-right: 1px solid #666666;
}
.notice_body tr:not(:last-child) td {
    border-bottom: 1px solid #666666;
}
/*.bdTop b {font-style: italic;}*/
/* 250224 오픈소스 충돌 css */
#open_src_info .popup_cont .bottom_line {
    background-color: transparent;
}

/* 2025 0408 수정 */
@media screen and (max-width: 768px) {
    .popup_wrap .popup_close {
        position: absolute;
        right: 8px;
        top: 4px;
        width: 46px;
        height: 46px;
    }
    .popup_wrap .popup_head {
        padding: 0px 20px 15px;
    }
    .resrv_agree .popup_head {
        padding: 20px 20px 15px;
    }
    .resrv_agree .popup_cont .title {
        padding: 0px 20px;
    }
    #open_src_info .popup_cont {
        padding-top: 60px;
    }
    #open_src_info .popup_close {
        top: 46px;
    }
}
/* 2025 0408 수정 */

/* 20250618 이용약관 페이지 추가-시작 */

/* 20250624 상위스타일 제거 */
.reset-child-style * {
    all: revert;
}
/* 20250624 #tcCn 상위스타일 제거 */
#tcCn.reset {
    /* font-family: initial; */
    font-weight: initial;
    line-height: initial;
    font-size: initial;
    color: initial;
}
/* 20250618 이용약관 페이지 추가-종료 */

.kv .bg_swiper {
    height: 100vh;
    width: 100%;
}

.kv .paging_wrap {
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    z-index: 3;
}

.kv .paging_wrap > button {
    color: #fff;
}

.kv .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    position: static;
}

.kv .swiper-pagination-bullet {
    min-width: 14px;
    min-height: 14px;
    background-color: transparent;
    border: 2px solid white;
    opacity: 1;
    transition: all 0.3s ease;
    transform: scale(1);
}

.kv .swiper-pagination-bullet-active {
    background-color: white;
    min-width: 14px;
    min-height: 14px;
}

.kv .swiper-slide .bg {
    background-position: center;
    background-size: cover;
    background-color: #05141f;
    width: 100%;
    height: 100%;
}

.kv .txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
    width: 100%;
}

/* 20240821 수정 */
.kv .txt_box h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 24px;
}

.kv .txt_box p {
    font-size: 24px;
    line-height: 34px;
    color: #fff;
}
/* 20240821 수정 끝 */

.kv .txt_box a {
    background-color: #fff;
    color: #05141f;
    width: 200px;
    height: 52px;
    margin-top: 40px;
}

.store {
    padding: 96px 0 128px 0;
    text-align: center;
}
.store .title {
    font-size: 30px;
    font-weight: 700;
}
.store .swiper_txt {
    margin: 60px 0 40px 0;
}
.store .swiper_txt .swiper-navigation {
    display: flex;
    width: 640px;
    height: 50px;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
}

.store .swiper_txt .swiper-navigation h4 {
    font-size: 24px;
    font-weight: 700;
}

.store .swiper-button-next,
.store .swiper-button-prev {
    position: static;
    width: 49px;
    height: 50px;
    background-image: url(/itg/images/icn/swiper_arrow_next.png);
    background-size: 49px 50px;
    background-position: center;
    margin-top: 6px;
}
.store .swiper-button-prev {
    background-image: url(/itg/images/icn/swiper_arrow_prev.png);
}
.store .swiper-button-next::after,
.store .swiper-button-prev::after {
    display: none;
}
.store_swiper {
    min-height: 895px;
    padding-top: 20px;
}
/* .store_swiper::before {
  content: '';
  width:30px;
  height: 100%;
  position: absolute;
  z-index: 3;
  background-color: red;
  left: 0;
} */
.store_swiper .swiper-slide {
    width: 640px;
}
/* 20240814 수정시작 */
.store_swiper .box {
    width: 100%;
    min-height: 694px;
    max-height: 694px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 5px 6px 22px 0px rgba(0, 0, 0, 0.12);
    opacity: 0.6;
    padding: 0px 64px 0 64px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: auto;
    box-sizing: border-box;
}
.store_swiper .swiper-slide-active .box {
    opacity: 1;
}
.store_swiper .swiper-slide-active .store-item::after {
    content: "";
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    /* background-image: url(../img/icn/arrow_right.png); */
    background-image: url(/itg/images/icn/arrow_right.png);
    position: absolute;
    right: 0px;
    top: 40px;
}
/* 20240820 수정 */
.store_swiper .box .store-item {
    text-align: left;
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: block;
    min-height: 188px !important;
    padding: 40px 0;
    position: relative;
    box-sizing: border-box;
}
/* 20240820 수정 끝 */
.store_swiper .box .store-item {
    /* padding-top: 40px; */
}
.store_swiper .box .store-item:last-child {
    border: none;
}
.store_swiper .box .store-item h3 {
    position: relative;
    padding-left: 50px;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}
.store_swiper .box .store-item p {
    font-size: 16px;
    color: #05141f;
    opacity: 0.6;
    line-height: 24px;
    font-weight: 400;
    padding-left: 50px;
}
.store_swiper .box .store-item h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 31px;
    height: 31px;
    /* background-image: url(../img/icn/pin.png); */
    background-image: url(/itg/images/icn/pin.png);
    background-size: 31px 31px;
    background-position: center;
}
.store-item .icn_tel {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding-left: 50px;
    display: block;
    margin-top: 12px;
    position: relative;
}

/* .store-item .icn_tel::before {
  content: "";
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  background-image: url(../img/icn/icon_call.png);
  position: absolute;
  left: 0px;
  top: -3px;
} */
/* 20240814 수정 끝 */

@media screen and (max-width: 768px) {
    .kv .bg_swiper {
        height: 100vh;
        width: 100%;
        min-height: 350px;
    }

    .kv .paging_wrap {
        width: 50%;
        justify-content: center;
        left: 50%;
        transform: translateX(-50%);
    }

    .kv .swiper-pagination {
        bottom: 30px;
        text-align: center;
        width:auto;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .kv .swiper-slide .bg {
        background-position: center;
        background-size: cover;
        background-color: #05141f;
        width: 100%;
        height: 100%;
    }

    .kv .txt_box {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .kv .txt_box h2 {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .kv .txt_box p {
        font-size: 16px;
        line-height: 22px;
    }

    .store {
        padding: 60px 0 88px 0;
        /* margin: 0px 16px; */
    }
    .store .title {
        font-size: 24px;
    }
    .store .swiper_txt {
        margin: 40px 0 30px 0;
    }
    .store .swiper_txt .swiper-navigation {
        width: 100%;
        height: 50px;
    }

    .store .swiper_txt .swiper-navigation h4 {
        font-size: 16px;
    }

    .store_swiper {
        min-height: auto;
        padding: 20px 16px 50px 16px;
    }
    .store_swiper .swiper-slide {
        width: 100%;
    }
    .store_swiper .box {
        /* min-height: auto; */
        padding: 0px 23px 0 23px;
    }
    /* 20240814 수정 시작 */
    .store_swiper .swiper-slide-active .box {
        opacity: 1;
        display: flex;
        flex-direction: column;
        position: relative;
        min-height: 594px;
        max-height: 594px;
    }
    .store_swiper .swiper-slide-active .store-item::after {
        content: "";
        width: 36px;
        height: 36px;
        background-size: 36px 36px;
        background-image: url(/itg/images/icn/arrow_right.png);
        position: absolute;
        right: 0px;
        top: 30px;
    }
    /* 20240820 수정 */
    .store_swiper .box .store-item {
        text-align: left;
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        height: auto;
        min-height: 148px !important;
        /* flex: 1; */
    }
    /* 20240820 수정 끝 */
    .store_swiper .box .store-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .store_swiper .box .store-item h3 {
        position: relative;
        padding-left: 40px;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .store_swiper .box .store-item p {
        font-size: 16px;
        color: #05141f;
        opacity: 0.6;
        line-height: 24px;
        font-weight: 400;
        padding-left: 40px;
    }
    .store .swiper_txt .swiper-navigation {
        width: 100%;
    }
    .store_swiper .box .store-item h3::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 24px;
        height: 24px;
        background-image: url(/itg/images/icn/pin.png);
        background-size: 24px 24px;
        background-position: center;
    }
    .store-item .icn_tel {
        font-size: 16px;
        padding-left: 40px;
        margin-top: 12px;
    }

    .store-item .icn_tel::before {
        content: "";
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }
}
.notice_wrap {
    line-height: normal !important;
}

/* 2025 0422 */
/* checkbox */
.bb_input_wrap .input_wrap + .input_wrap {
    margin-top: 10px;
}
.bb_check {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.bb_check input {
    margin-top: 3px;
}
.bb_check label {
    font-size: 14px;
}
.layer_dimm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 13;
    background-color: rgba(0, 0, 0, 0.8);
}
.bb_layerpop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 320px;
    width: calc(100vw - 30px);
    padding: 30px 15px;
    background-color: #fff;
    display: none;
    max-width: 400px;
    z-index: 100;
}
.bb_layerpop .layer_scroll {
    background-color: #f9f9f9;
    margin-bottom: 24px;
}
.bb_layerpop .txt_box {
    padding: 30px 15px;
    text-align: center;
}
.bb_layerpop .txt_box p {
    font-size: 14px;
    line-height: 22px;
}
.bb_layerpop .txt_box p + p {
    margin-top: 24px;
}
.bb_layerpop .layerpop_title {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 24px;
}
.bb_layerpop .pop_btn_wrap {
    gap: 15px;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.bb_layerpop .pop_btn_wrap button {
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    flex: 1;
}
.bb_layerpop .pop_btn_wrap button.btn_cancel {
    border: 1px solid #05141f;
}
.bb_layerpop .pop_btn_wrap button.btn_okay {
    background: #05141f;
    color: #fff;
}

.custompopup .dropdown_btn {
    width: 168px
}

.dropdown_wrap {
    position: relative;
    display: inline-block;
}
.dropdown_wrap .dropdown_btn {
    width:235px;
}

.dropdown_wrap .dropdown_list {
    display: none;
    position: absolute;
    z-index: 11;
    background-color: #fff;
    width: 100%;
    border:1px solid #000000;
    max-height: 380px;
    overflow: auto;
    box-sizing: border-box;
}
.dropdown_wrap .dropdown_btn {
    font-size: 14px;
    font-weight: 700;
    padding-right: 20px;
    position: relative;
    border-bottom: 1px solid #05141f;
}
.dropdown_wrap .dropdown_btn::after {
    content: "";
    width: 18px;
    height: 18px;
    background-image: url("/itg/images/icn/dropdown_icn.png");
    background-size: 18px 18px;
    position: absolute;
    top: -2px;
    right: 0;
    background-repeat: no-repeat;
}
.dropdown_wrap.open .dropdown_btn::after {
    transform: rotate(180deg);
}
.dropdown_wrap .dropdown_list button {
    padding: 10px 20px;
    background-color: #f7f8f8;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
    color: #05141f;
    width: 100%;
}
.dropdown_wrap .dropdown_list button:last-child {
    border-bottom: none;
}
.dropdown_wrap .dropdown_list button.on,
.dropdown_wrap.sm .dropdown_list button.on {
    background-color: #05141f;
    color: #fff;
}
.dropdown_wrap.sm .dropdown_list {
    max-height: 100px;
    overflow: auto;
}
.dropdown_wrap.sm .dropdown_list button {
    padding: 10px 10px;
    font-size: 12px;
    background-color: #fff;
}
.bb_layerpop.bb_alert .popup_close {
    width: 16px;
    height: 16px;
    background-image: url("/itg/images/icn/btn_close.svg");
    background-size: 16px 16px;
    position: absolute;
    right: 24px;
    top: 36px;
}
.bb_layerpop.bb_alert .title_box .title {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}
.bb_layerpop.bb_alert .con_box {
    margin: 24px 0;
    text-align: center;
}
.bb_layerpop.bb_alert .con_box p.desc {
    font-size: 14px;
    line-height: 24px;
}
.bb_layerpop.bb_alert .con_box p.desc em {
    font-weight: 700;
}
.bb_qr .user_guide .title_flex_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bb_qr .user_guide .title_flex_wrap .left_box p {
    font-size: 16px;
    letter-spacing: -1.12px;
}
.bb_qr .user_guide .title_flex_wrap .left_box .title_txt {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap:10px;
}
.bb_qr .user_guide .title_flex_wrap .left_box .title_txt span {
    font-size: 24px;
}
.bb_qr .user_guide .title_flex_wrap .left_box .title_txt .dropdown_btn {
    font-size: 24px;
}
.bb_qr .user_guide .title_flex_wrap .left_box .title_txt .dropdown_btn::after {
    top: 48%;
    transform: translateY(-50%);
}
.bb_qr .user_guide .title_flex_wrap .left_box .title_txt .dropdown_list button {
    font-size: 16px;
    line-height: 120%;
}
/* 2025.09.11 수정 */
.bb_qr .user_guide .title_flex_wrap .right_box .btnLarge {
    height: 52px;
    line-height: 40px;
    padding: 3px 20px;
}
.bb_qr .user_guide .title_flex_wrap .right_box .btnLarge .arrow_r:after {
    margin: 0;
}
.bb_qr .user_guide .title_flex_wrap .right_box .btnLarge span {
    display: inline-flex;
    align-items: center;
    height: 100%;
}
.bb_qr .user_guide .cont_wrap {
    display: flex;
    gap: 80px;
}

@media (min-width: 1280px) {
    .bb_qr .user_guide .cont_wrap .dot_list {
        margin-left: 0px;
    }
}
@media (max-width: 1279px) {
    .bb_qr .user_guide {
        margin-top: 80px;
    }
    .bb_qr .user_guide .cont_wrap {
        padding: 30px 30px 25px;
    }
    .bb_qr .user_guide .cont_wrap .title {
        font-size: 32px;
        max-width: unset;
    }
    .bb_qr .user_guide .cont_wrap .dot_list {
        margin-top: 30px;
    }

    .bb_qr .user_guide .title_flex_wrap {
        flex-wrap: wrap;
        gap: 20px;
    }
    .bb_qr .user_guide .title_flex_wrap .left_box p {
        font-size: 14px;
    }
    .bb_qr .user_guide .title_flex_wrap .left_box .title_txt span {
        font-size: 18px;
    }
    .bb_qr .dropdown_wrap .dropdown_btn {
        width:182px;
    }
    .bb_qr .user_guide .title_flex_wrap .left_box .title_txt .dropdown_list button {
        font-size: 14px;
    }
    .bb_qr .user_guide .title_flex_wrap .left_box .title_txt .dropdown_btn {
        font-size: 18px;
    }
    .bb_qr
        .user_guide
        .title_flex_wrap
        .left_box
        .title_txt
        .dropdown_btn::after {
        top: 50%;
        transform: translateY(-50%);
    }
    /* .bb_qr .user_guide .title_flex_wrap .right_box .btnLarge {
    height:auto;
    line-height:52px;
  } */
    .bb_qr .user_guide .title_flex_wrap .right_box .btnLarge span {
        display: inline-flex;
        align-items: center;
    }
    .bb_qr .user_guide .cont_wrap {
        gap: 0px;
        flex-direction: column;
    }
    .bb_qr .user_guide .cont_wrap h3.title {
        max-width: none;
        min-width: 300px;
        width: 100%;
        float: none;
    }
}

/* 20250618 이용약관 페이지 추가-시작 */
.layout_notimg {
    margin-top: 60px;
    padding: 80px 0;
}

#terms_wrap .version_select {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: 40px;
}

#terms_wrap .version_select select {
    width: 172px;
    height: 34px;
    padding: 0 10px;
    font-size: 14px;
    color: #05141f;
    border: 1px solid rgba(5, 20, 31, 0.3);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("/itg/images/icn/dropdown_icn.png") no-repeat right 10px
        center;
    background-size: 20px;
}

#terms_wrap .terms_con {
    max-width: 800px;
    margin: 0 auto;
}
#terms_wrap .terms_con .notice_title strong {
    font-size: 24px;
    font-weight: 700;
}

#terms_wrap .terms_con .editor_wrap {
    font-size: 14px;
    color: #697278;
    margin-bottom: 32px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
    /* max-height: 500px; */
    height: auto;
}

#terms_wrap .terms_con .editor_wrap p + p {
    margin-top: 20px;
    font-size: 14px;
    color: #697278;
    margin-bottom: 32px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
    /* max-height: 500px; */
    height: auto;
}

@media screen and (max-width: 768px) {
    .layout_notimg {
        margin-top: -10px;
        padding: 60px 24px;
    }
    /* 2025.09.11 수정 */
    .custom_btn {
        margin-top: 20px;
    }
    #bb_layerpop.bb_layerpop {
        background-color: #f9f9f9;
        margin-bottom: 24px;
        max-width: 320px !important;
    }
    #bb_layerpop.bb_layerpop .layer_scroll {
        max-height: 290px;
        overflow-y: auto;
    }
}

.notice_wrap > * {
  line-height: 18px !important;
}
.bb_layerpop .alert_desc {
    margin-bottom: 24px;
    font-size: 12px;
    color:#60666C;
}
.bb_layerpop .alert_landing {
    font-size: 14px;
    display: inline-block;
    margin-top: 24px;
    font-weight: 700;
}
.bb_layerpop .alert_landing img {
    width:16px;
}

@media screen and (max-width:768px) {
    .btnLarge {
        padding:0px 20px;
    }
    .bb_qr .user_guide .title_flex_wrap .right_box .btnLarge {
        height:44px;
        line-height:1;
        padding:0 20px;
    }

}

/* 커스텀모달 */
.custom_dialog {
    position: fixed;
    width:480px;
    height: auto;
    background-color: #fff;
    z-index: 100;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
    max-height: calc(100dvh - 60px);
    overflow: auto;
}
.custom_dialog .dialog_head {
    position: relative;
    background: #fff;
    padding: 20px 0 20px 0;
}
.custom_dialog .dialog_head .popup_head {
    display: flex;
    margin:0 40px;
    align-items: center;
    justify-content: center;
}

.custom_dialog .dialog_head .popup_head .title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}

.custom_dialog .dialog_head .popup_head .title strong {
    color: #e50630;
}

.custom_dialog .dialog_content .title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
}
.custom_dialog .popup_content .btn_area .form_chk label {
    padding-left: 28px;
    font-size: 14px;
    color:#697279;
}
.custom_dialog .popup_content .btn_area .form_chk input {
    height: 18px;
    width: 18px;
}
/* 팝업 padding 수정 250224 */
.custom_dialog .popup_close {
    width: 24px;
    height: 24px;
    position: relative;
}

.custom_dialog .popup_close::before,
.custom_dialog .popup_close::after {
    position: absolute;
    left: 50%;
    top: calc(50% - 6px);
    content: " ";
    height: 17px;
    width: 1px;
    background-color: #000;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.custom_dialog .popup_close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom_dialog .popup_close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.custom_dialog .popup_close span {
    display: none;
}
.custom_dialog .popup_content {
    padding: 10px 20px 10px;
}
.custom_dialog .popup_content .btn_area {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
}

.custom_dialog .popup_content .btn_area .form_chk {
    float: left;
}

.custom_dialog .popup_content .btn_area .form_chk input {
    position: absolute;
    top: 4px;
    height: 13px;
    width: 13px;
    opacity: 1;
    cursor: pointer;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    vertical-align: top;
}

.custom_dialog .popup_content .btn_area .form_chk label {
    display: inline-block;
    padding-left: 20px;
    cursor: pointer;
}

.custom_dialog .popup_content .btn_area .form_chk label::before {
    display: none;
}

.custom_dialog .popup_content .btn_area .form_chk input:checked ~ label::before {
    background: none;
}

.custom_dialog .popup_content .btn_area .form_chk + .btn {
    float: right;
}

.custom_dialog .dialog_content .slide_scroll {
    height: calc(100dvh - 493px);
    max-height: 520px;
    overflow: auto;
    position: relative;
    margin:0px 20px;
    padding-bottom:20px;
    box-sizing: border-box;
    min-height: 300px;
}
.custom_dialog .dialog_content .slide_scroll h2.title {
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #fff;
    position: sticky;
    top:0;
}
.custom_dialog .dialog_content .swiper-slide.img_dialog .slide_scroll {
    margin:0;
    padding:0;
}
.custom_dialog .dialog_content .slide_scroll::-webkit-scrollbar { display: none; }
.custom_scrollbar {
    position: absolute;
    right: 0px;
    top: 0;
    width: 6px;
    height: calc(100dvh - 493px);
	max-height: 520px;
	min-height: 300px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    z-index: 11;
}

.custom_thumb {
    position: absolute;
    top: 0;
    width: 6px;
    height: 50px;
    background: #888;
    border-radius: 3px;
    cursor: pointer;
}
.custom_dialog .dialog_content .scrollbar .swiper-slide {
    text-align: center;
}
.custom_dialog .paging {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:6px;
    height: auto;
    margin-top: 20px;
}
.custom_dialog .paging span {
    width:8px;
    height: 8px;
    background-color: #7f7f7f;
}
.custom_dialog .paging .swiper-pagination-bullet-active {
    background-color: #000;
}
.custom_dialog .swiper-slide img {
    width:100%;
    /* height: 100%; */
    /* object-fit: cover; */
}
.custom_dialog .swiper-slide .img_box {
    height: 100%;
    width:100%;
    position: relative;
}

.custom_dialog .dialog_content .swiper-slide.img_dialog {
    padding:0px;
}

@media screen and (max-width:768px) {
    /* 커스텀모달 */
    .custom_dialog {
        width:300px;
        top:auto;
        bottom:30px;
        transform: translate(-50%, 0);
    }
    .custom_dialog .dialog_head {
        position: relative;
        background: #fff;
        padding: 20px 0;
    }
    .custom_dialog .dialog_head .popup_head {
        padding: 0 15px 20px 15px;
    }

    .custom_dialog .dialog_head .popup_head .title {
        font-size: 18px;
        line-height: 22px;
    }
    .custom_dialog .dialog_head .popup_head {
        margin:0px 15px;
        padding: 0;
    }

    .custom_dialog .dialog_content .title {
        font-size: 18px;
    }
    .custom_dialog .popup_content .btn_area .form_chk label {
        padding-left: 28px;
        /* font-size: 16px; */
        color:#697279;
    }
    .custom_dialog .popup_content .btn_area .form_chk input {
        height: 18px;
        width: 18px;
    }
    .custom_dialog .popup_content {
        padding: 20px 15px 20px;
    }
    .custom_dialog .popup_content .btn_area {
        overflow: hidden;
        padding: 0;
        border:none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .custom_dialog .popup_content .btn_area .form_chk {
        float: left;
    }

    .custom_dialog .popup_content .btn_area .form_chk input {
        position: absolute;
        top: 4px;
        height: 13px;
        width: 13px;
        opacity: 1;
        cursor: pointer;
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
        vertical-align: top;
    }

    .custom_dialog .popup_content .btn_area .form_chk label {
        display: inline-block;
        padding-left: 20px;
        cursor: pointer;
    }

    .custom_dialog .popup_content .btn_area .form_chk label::before {
        display: none;
    }

    .custom_dialog .popup_content .btn_area .form_chk input:checked ~ label::before {
        background: none;
    }

    .custom_dialog .popup_content .btn_area .form_chk + .btn {
        float: right;
    }

    .custom_dialog .btn_area {
        padding: 20px 15px 0;
        border-top: 1px solid #cdd0d2;
        text-align: center;
    }
    /* .custom_dialog .dialog_content {
        padding:0px 15px 0px;
    } */

    .custom_dialog.img_dialog .dialog_content {
        padding:0;
    }
    .custom_dialog .dialog_content .slide_scroll {
        height: 338px;
        margin:0px 10px;
    }
    .custom_dialog .dialog_content .swiper-slide.img_dialog .slide_scroll {
        margin:0;
    }
    .custom_scrollbar {
        height: 338px;
        height: 100%;
    }
    .custom_dialog .swiper-slide img {
        /* height: 100%; */
        /* object-fit: cover; */
    }
    .custom_dialog .paging span {
        width:8px;
        height: 8px;
    }
}


#container .auth_success {
    border-top: 2px solid #091621;
    max-width: 1280px;
    margin:120px auto 0;
}
#container .auth_success .top_wrap {
    padding:28px 16px;
    text-align: center;
}
#container .auth_success .top_wrap img {
    width:48px;
}
#container .auth_success .top_wrap .success_txt {
    margin-top: 14px;
    font-size: 23px;
    font-weight: 600;
    color:#05141f;
}
#container .auth_success .btn_wrap {
    width:100%;
    margin-top: 10px;
}
#container .auth_success .btn_wrap .btn {
    width:100%;
    text-align: center;
}
#container .auth_success .btn_wrap .btn em {
    max-width: none;
}
.qr .user_guide .auth_success .cont_wrap {
    margin-top: 0px;
    min-height: 0px;
}

#container .auth_success .dot_list {
    margin-top: 0px;
    margin-left: 0px;
}

#container .auth_success .dot_list li {
    font-size: 22px;
    font-weight: 600;
}
#container .auth_success .dot_list li::before {
    top: 10px;
}
@media screen and (max-width:768px) {
    #container .auth_success {
        margin-top: 59px;
    }
    #container .auth_success .dot_list li {
        font-size: 19px;
    }
    #container .auth_success .dot_list li::before {
        top: 7px;
    }
}
.custom_dialog .dialog_content .swiper-slide.img_dialog img {
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: auto;
}
.swiper-container {
    overflow: hidden;
}