@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    font-family: 'Noto Sans KR', sans-serif;
}

@font-face {
    font-family: 'MICEGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-01@1.0/MICEGothic.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

*,
:after,
:before {
    box-sizing: border-box;
    flex-shrink: 0;
}

:root {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    cursor: default;
    line-height: 1.5;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    tab-size: 4
}

html,
body {
    height: 100%;
    position: relative;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

canvas {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


button {
    background: none;
    border: 0;
    cursor: pointer;
}

a {
    text-decoration: none
}

i {
    font-style: normal
}

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

table {
    border-spacing: 0px;
    border-collapse: separate;
}


/*common*/

input::placeholder {
    color: #BDBDBD;
}

select,
input {
    outline: 0;
}

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

body.bg-body {
    background-color: #F2F2F2;
    height: auto;
}

.sub-bg {
    background-image: url(../images/common/sub-bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
}

.page-bg {
    top: 0;
    position: absolute;
    left: 0;
    z-index: 0;
}

.page-bg.lease img {
    width: 80%;
    padding-top: 73px;
    opacity: .5
}

.wrap {
    width: 100%;
    height: 100vh;
    position: relative;
}


/*로딩중*/

.loging-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background-color: rgba(39, 46, 62, 0.42);
    display: flex;
    align-items: center;
    justify-content: center;
}

.loging {
    width: 175px;
    height: 85px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.loging .font {
    color: #002887;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 36%;
}

.loging div {
    background: #002887;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    opacity: 1;
    animation-name: loding;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.loging #load1 {
    left: 0px;
}

.loging #load2 {
    left: 35px;
    animation-delay: 0.2s;
}

.loging #load3 {
    left: 75px;
    animation-delay: 0.4s;
}

.loging #load4 {
    left: 115px;
    animation-delay: 0.6s;
}

.loging #load5 {
    left: 155px;
    animation-delay: 0.8s;
}

@keyframes loding {
    0% {
        top: 0;
    }

    50% {
        top: 30px;
        opacity: .5;
        background: rgb(248, 56, 56);
    }

    100% {
        opacity: .5;
        top: 0;
        opacity: 1;
    }
}


/*header*/

header {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #002887;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
}

.head-wrap {
    position: relative;
}

.head-logo {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 230px;
    z-index: 100;
}

.head-logo h1 {
    width: 100%;
}

.head-logo a {
    display: block;
    width: 100%;
    cursor: pointer;
}

.head-logo a img {
    width: 100%;
}

.head-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1840px;
    padding: 0 20px;
    margin: 0 auto;
    height: 80px;
}

.head-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 35px;
}

.head-menu > ul {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 900px;
    height: 100%;
}

.depth1 {
    flex-grow: 1;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
}

.m-badge-n {
    background-color: #ff7200;
    font-size: 14px;
    border-radius: 100px;
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    margin-left: 4px;
    top: 3px;

}

.m-dep1.open span i.m-badge-n {
    transform: none;
}

.m-dep1.open .m-badge-n b {
    top: 0;
    left: 4.5px;
    color: #fff;
}

.m-menu .m-badge-n b {
    top: 0;
    left: 4.5px;
}

.m-badge-n b {
    position: absolute;
    top: -1.6px;
    left: 3.2px;

}

.head-menu li {
    padding: 0 30px;
}

.head-menu li:hover {
    background-color: #1443B3;
    cursor: pointer;
}

.head-menu .depth1:hover:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 80%;
    height: 3px;
    border-radius: 0.5px;
    background: linear-gradient(90deg, #3D6EDF, #A66FF5);
    z-index: 2001;
}

.head-menu .depth1:hover .mainmenu-sub {
    display: block;
}

.head-menu li a {
    color: #fff;
    font-size: 16px;
    display: flex;
    font-weight: 600;
}

.head-menu li a span {
    font-family: 'MICEGothic';
}

.head-login i {
    margin-right: 8px;
}

.mainmenu-sub {
    position: absolute;
    background-color: #1443B3;
    padding: 10px;
    top: 80px;
    border-radius: 0 0 12px 12px;
    width: 100%;
    display: none;
}

.head-menu .mainmenu-sub li {
    padding: 0;
}

.mainmenu-sub li a {
    font-size: 14px;
    display: block;
    word-break: keep-all;
    padding: 12px 0;
    justify-content: center;
    font-weight: 400;
}

.mainmenu-sub li a:hover {
    color: #3EF3FF
}


/*footer*/

footer {
    width: 100%;
    background-color: #061333;
    color: #fff;
    position: relative;
    bottom: 0;
}

footer .tx-hover:hover {
    cursor: pointer;
    color: #cfdfea;
}

.footer-nav {
    max-width: 1840px;
    padding: 50px 20px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.copyright {
    border-top: .5px solid rgba(145, 151, 161, 0.46);
    font-size: 14px;
    font-weight: 500;
    color: #9197a1;
    padding-top: 20px;
    margin-top: 20px;
}

.f-logo img {
    width: 136px;
    opacity: .8
}

address {
    font-size: 15px;
    margin-top: 25px;
}

address .signup-info.community {
    min-height: auto;
}

.address-info {
    color: #9197a1;
    font-weight: 500;
    margin: 6px 0;
}

.address-info label {
    color: #fff;
    margin-right: 12px;
}

address > ul {
    display: flex;
    margin-top: 6px;
}

address ul li label {
    margin-right: 12px;
    color: #fff;
    width: 75px;
    display: inline-block;
}

address ul li {
    margin-right: 36px;
    color: #9197a1;
    font-weight: 500;
}


/*footer 다른 스타일*/

.footer-style .footer-nav {
    padding: 20px 50px;
}


/*404 에러페이지*/

.error {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error img {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.error-nav {
    width: 700px;
    text-align: center;
}

.error-nav h3 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 16px;
}

.error-text {
    font-size: 18px;
    font-weight: 500;
    color: #6f6f6f
}

.error-btn {
    margin-top: 40px;
}

.error-btn button {
    font-size: 16px;
    font-weight: 500;
    background-color: #1443B3;
    color: #fff;
    height: 60px;
    border-radius: 12px;
    width: 300px;
}


/*계정*/

.head-account {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.head-account > ul {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.head-account ul li {
    padding: 0 10px;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
}

.head-account ul li a {
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}

.head-account li a span {
    font-family: 'MICEGothic';
    font-weight: 400;
}

.account-dep1 {
    position: relative;
}

.head-account .account-dep1:hover .account-dep2 {
    display: block;
}

.head-account ul.account-dep2 {
    display: none;
    position: absolute;
    background-color: #1443B3;
    padding: 10px;
    top: 80px;
    border-radius: 0 0 12px 12px;
    width: 120px;
    left: -12px;
    flex-direction: column;
}

.account-dep2 li span {
    display: block;
    padding: 8px 0;
}

.account-dep2 .ch-paw {
    margin-bottom: 10px;
}

.account-dep2 li:last-of-type span {
    margin-top: 10px;
}

.account-dep2 li:last-of-type span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 12px;
    width: 80%;
    height: 3px;
    border-radius: 0.5px;
    background: linear-gradient(90deg, #3D6EDF, #A66FF5)
}

.account-dep2 li a:hover {
    color: #3EF3FF
}


/*모바일 아이콘*/

.m-i-accout {
    display: none;
    cursor: pointer;
    height: 100%;
    width: 117.5px;
    text-align: center;
}

.m-i-accout img {
    display: inline-block;
    width: 20px;
    height: 100%;
}

.m-i-ham {
    display: none;
}

.m-i-ham img {
    width: 20px
}


/*모바일 계정*/

.m-account {
    display: none;
}

.m-account ul li {
    padding: 8px 16px;
}

.m-account ul li a {
    font-size: 13px;
    color: #fff;
}

.m-account ul li a:hover {
    color: #3EF3FF
}

.m-account ul {
    flex-direction: column;
    position: fixed;
    right: 20px;
    top: 80px;
    background-color: #1443B3;
    border-radius: 0 0 12px 12px;
    padding: 12px 0;
}

.m-account ul li a span {
    display: block;
    position: relative;
}

.m-account .mypage {
    margin-top: 10px;
    padding-top: 20px;
}

.m-account .mypage:after {
    content: '';
    position: absolute;
    top: 0;
    left: 12px;
    width: 80%;
    height: 3px;
    border-radius: 0.5px;
    background: linear-gradient(90deg, #3D6EDF, #A66FF5)
}


/*모바일 메뉴*/

.m-menu {
    display: none;
}

.m-menu-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(130deg, #3D6EDF, #A66FF5);
    justify-content: center;
    text-align: center;
    color: #fff;
    overflow-y: scroll;
    z-index: 100;
}

.m-menu-head {
    width: 100%;
    height: 80px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.m-menu-head h1 {
    width: 160px;
}

.m-menu-head .ico-close {
    display: block;
    cursor: pointer;
}

.m-menu-head .ico-close img {
    width: 20px;
}

.m-menu {
    display: flex;
    margin-top: 20px;
    position: relative;
    top: 90px;
    justify-content: center;
}

.m-menu .m-dep1 span i {
    font-size: 12px;
    margin-left: 8px;
}

.m-menu .m-dep1 span {
    font-family: 'MICEGothic';
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding: 20px;
    position: relative;
}

.m-dep1.open span {
    color: #3EF3FF;
}

.m-dep1.open span i {
    transform: rotate(180deg)
}

.m-menu .m-dep2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 12px;
    width: 80%;
    height: 3px;
    border-radius: 0.5px;
    background: linear-gradient(90deg, #1443B3, #A66FF5);
    z-index: 2001;
}

.m-menu .m-dep2 {
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.m-menu .m-dep2 span {
    font-family: 'MICEGothic';
    font-size: 14px;
    font-weight: 500;
    display: block;
    padding: 6px;
}


/*--------------------------------------------------------------------------------------
메인
----------------------------------------------------------------------------------------*/

section.main {
    top: 60px
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-wrapper {
    height: 100%;
}

.swiper-slide.swiper-slide-active .slide-nav1 {
    width: 100%;
    height: 100%;
}

.swiper-slide.swiper-slide-active .slide-nav1 img {
    object-fit: cover;
    width: 100%;
    transition: .1s;
}

.swiper-slide.swiper-slide-active .slide-nav1 img.mobile-banner {
    display: none;
    object-fit: cover;
    width: 100%;
    transition: .1s;
}

.swiper-slide.swiper-slide-active:nth-of-type(2) {
    background-color: #fff;
    height: 100%;
}

.swiper-slide.swiper-slide-active:nth-of-type(3) {
    background-color: #fff;
    height: 100%;
}

.swiper-button-prev {
    color: #002887 !important;
}

.swiper-button-next {
    color: #002887 !important;
}

.slide-nav1 {
    width: 1080px;
    font-family: 'MICEGothic';
    text-align: left;
}

.swiper-slide h2 {
    font-size: 40px;
    font-weight: 600;
    color: #000;
}

.swiper-slide p {
    color: #272727;
    font-size: 18px;
    margin-bottom: 20px;
}

.swiper-slide button {
    height: 50px;
    background-color: #1443B3;
    color: #fff;
    border-radius: 100px;
    padding: 0 40px;
}

.main-wrap {
    width: 100%;
}

.main-visual {
    height: 360px;
    background-color: #dddddd;
}

.main-list {
    width: 100%;
    background-image: url(../images/common/main-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    background-color: #F3F6FA;
}

.company-info {
    width: 100%;
}

.main-list .info-contents {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    position: relative;
    top: -30px;
    z-index: 19;
}

.main-list .info-contents .nav {
    margin-right: 1%;
    flex: 1;
    border-radius: 12px;
    padding: 14px 24px;
    box-sizing: border-box;
    box-shadow: 0 2px 10px 0px rgba(193, 208, 235, 0.88);
    display: flex;
}

.main-list .info-contents .nav .img {
    margin-left: 0;
    width: 50px;
    vertical-align: middle;
}

.main-list .info-contents .nav .img img {
    display: inline-block;
    height: 43px;
}

.nav.bg-r {
    background-color: #FEF5F5;
}

.nav.bg-y {
    background-color: #FFFAF2;
}

.nav.bg-p {
    background-color: #F5F2FF;
}

.nav.bg-b {
    background-color: #F2F7FF;
}

.main-list .info-contents .nav:last-of-type {
    margin-right: 0;
}

.main-list .info-contents .nav .title {
    width: calc(100% - 50px);
    color: #333;
    font-weight: 600;
    font-size: 18px;
    font-family: 'MICEGothic';
    margin-bottom: 6px;
}

.main-list .info-contents .nav .title p {
    color: #676464;
    font-size: 12px;
}

.inventorylist {
    width: 100%;
    padding-bottom: 50px;
}

.ribbon-container {
    background: transparent !important;
    position: relative;
    z-index: 1;
    box-shadow: none;
    width: 1080px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.ribbon {
    background: rgba(173, 202, 255, 0.35);
    border-radius: 100px;
    font-size: 15px;
    line-height: 1.0;
    text-align: center;
    margin: 0 auto;
    padding: 4px;
    position: relative;
    width: 100%;
    color: #1443B3;
    font-weight: bold;
}

.ribbon-content {
    display: block;
    padding: 8px;
}

.inventorylist .list-contents {
    width: 1080px;
    margin: 0 auto;
    padding: 50px 0;
    padding-top: 0px;
    position: relative;
    top: -10px;
    padding-bottom: 0;
    position: relative;
}

.inventorylist .list-contents.dealer-list {
    margin-top: 24px;
}

.main-subtitle {
    margin-bottom: 20px;
}

.main-subtitle p {
    font-weight: 600;
    font-size: 14px;
    color: #002887
}

.main-subtitle p span {
    width: 61px;
    height: 2px;
    margin-left: 10px;
    display: inline-block;
    background-color: #002887;
}

.main-subtitle h2 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

.inventorylist-box {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    max-height: 140px;
}

.inventorylist-box .box {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 12px;
    width: 15.6%;
    margin: .5%;
    height: 61px;
}

.auto {
    max-height: 100%;
    transition: 1s;
}

.btn-auto {
    height: 50px !important;
    position: static !important;
}

.gr-hide {
    display: none;
}

.inventorylist-box .box .car-logo {
    width: 100%;
    display: flex;
    align-items: center;
}

.inventorylist-box .box .car-logo .main-count {
    margin-left: auto;
    font-weight: 500;
}

.inventorylist-box .box .car-logo img {
    display: inline-block;
    height: 41px;
}

.dealer-list .box .car-logo img:hover {
    cursor: pointer;
}

.inventorylist-box::-webkit-scrollbar-track {
    background-color: #F3F6FA;
}

.inventorylist-box::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.inventorylist-box::-webkit-scrollbar-thumb {
    background-color: #CBCED7;
    border-radius: 100px;
}

.inventorylist-box .car-count {
    width: 100%;
    text-align: right;
}


/*추가23.02.09*/

.list-contents .more-btn {
    width: 132px;
    text-align: center;
    position: absolute;
    bottom: 0;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-left: 50%;
    padding-right: 132px;
}

.btn-gr {
    width: 100%;
    background: linear-gradient(to bottom, rgba(243, 246, 250, 0) 10%, #F3F6FA 80%);
    position: absolute;
    height: 60px;
    z-index: 7;
    bottom: 0;
    left: 0;
}

.list-contents .more-btn .more {
    font-size: 16px;
    font-weight: 500;
    background-color: #1443B3;
    color: #fff;
    width: 132px;
    height: 32px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: 1s;
}

.list-contents .more-btn .more input {
    background-color: transparent;
    border: 0;
    margin-right: 10px;
    cursor: pointer;
}

.list-contents .more-btn button i {
    margin-left: 6px;
}


/*로딩중*/

.list-loading {
    width: 100%;
    position: absolute;
    z-index: 9;
    top: -15px;
    left: 0;
    height: 100%;
}

.list-loading .img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;

}

.list-loading .img img {
    width: 150px;
    margin-top: 20px;
}

.loader {
    margin: 50px auto;
    font-size: 12px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #2470c2, 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2), 2.5em 0em 0 0em rgba(36, 112, 194, 0.2), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.2), 0em 2.5em 0 0em rgba(36, 112, 194, 0.2), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.2), -2.6em 0em 0 0em rgba(36, 112, 194, 0.5), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.7), 1.8em -1.8em 0 0em #2470c2, 2.5em 0em 0 0em rgba(36, 112, 194, 0.2), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.2), 0em 2.5em 0 0em rgba(36, 112, 194, 0.2), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.2), -2.6em 0em 0 0em rgba(36, 112, 194, 0.2), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.5), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.7), 2.5em 0em 0 0em #2470c2, 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.2), 0em 2.5em 0 0em rgba(36, 112, 194, 0.2), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.2), -2.6em 0em 0 0em rgba(36, 112, 194, 0.2), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.2), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.5), 2.5em 0em 0 0em rgba(36, 112, 194, 0.7), 1.75em 1.75em 0 0em #2470c2, 0em 2.5em 0 0em rgba(36, 112, 194, 0.2), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.2), -2.6em 0em 0 0em rgba(36, 112, 194, 0.2), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.2), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2), 2.5em 0em 0 0em rgba(36, 112, 194, 0.5), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.7), 0em 2.5em 0 0em #2470c2, -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.2), -2.6em 0em 0 0em rgba(36, 112, 194, 0.2), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.2), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2), 2.5em 0em 0 0em rgba(36, 112, 194, 0.2), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.5), 0em 2.5em 0 0em rgba(36, 112, 194, 0.7), -1.8em 1.8em 0 0em #2470c2, -2.6em 0em 0 0em rgba(36, 112, 194, 0.2), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.2), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2), 2.5em 0em 0 0em rgba(36, 112, 194, 0.2), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.2), 0em 2.5em 0 0em rgba(36, 112, 194, 0.5), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.7), -2.6em 0em 0 0em #2470c2, -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.2), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2), 2.5em 0em 0 0em rgba(36, 112, 194, 0.2), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.2), 0em 2.5em 0 0em rgba(36, 112, 194, 0.2), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.5), -2.6em 0em 0 0em rgba(36, 112, 194, 0.7), -1.8em -1.8em 0 0em #2470c2;
    }
}

@keyframes load5 {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #2470c2, 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2), 2.5em 0em 0 0em rgba(36, 112, 194, 0.2), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.2), 0em 2.5em 0 0em rgba(36, 112, 194, 0.2), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.2), -2.6em 0em 0 0em rgba(36, 112, 194, 0.5), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.7), 1.8em -1.8em 0 0em #2470c2, 2.5em 0em 0 0em rgba(36, 112, 194, 0.2), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.2), 0em 2.5em 0 0em rgba(36, 112, 194, 0.2), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.2), -2.6em 0em 0 0em rgba(36, 112, 194, 0.2), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.5), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.7), 2.5em 0em 0 0em #2470c2, 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.2), 0em 2.5em 0 0em rgba(36, 112, 194, 0.2), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.2), -2.6em 0em 0 0em rgba(36, 112, 194, 0.2), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.2), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.5), 2.5em 0em 0 0em rgba(36, 112, 194, 0.7), 1.75em 1.75em 0 0em #2470c2, 0em 2.5em 0 0em rgba(36, 112, 194, 0.2), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.2), -2.6em 0em 0 0em rgba(36, 112, 194, 0.2), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.2), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2), 2.5em 0em 0 0em rgba(36, 112, 194, 0.5), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.7), 0em 2.5em 0 0em #2470c2, -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.2), -2.6em 0em 0 0em rgba(36, 112, 194, 0.2), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.2), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2), 2.5em 0em 0 0em rgba(36, 112, 194, 0.2), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.5), 0em 2.5em 0 0em rgba(36, 112, 194, 0.7), -1.8em 1.8em 0 0em #2470c2, -2.6em 0em 0 0em rgba(36, 112, 194, 0.2), -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.2), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2), 2.5em 0em 0 0em rgba(36, 112, 194, 0.2), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.2), 0em 2.5em 0 0em rgba(36, 112, 194, 0.5), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.7), -2.6em 0em 0 0em #2470c2, -1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(36, 112, 194, 0.2), 1.8em -1.8em 0 0em rgba(36, 112, 194, 0.2), 2.5em 0em 0 0em rgba(36, 112, 194, 0.2), 1.75em 1.75em 0 0em rgba(36, 112, 194, 0.2), 0em 2.5em 0 0em rgba(36, 112, 194, 0.2), -1.8em 1.8em 0 0em rgba(36, 112, 194, 0.5), -2.6em 0em 0 0em rgba(36, 112, 194, 0.7), -1.8em -1.8em 0 0em #2470c2;
    }
}

.car-model {
    font-size: 14px;
    font-weight: 600;
    margin: 2px 0;
    color: #333;
}

.car-count {
    color: #606060;
    font-size: 14px;
    font-weight: 500;
}

.car-count strong span {
    font-size: 20px;
    font-weight: 600;
    color: #1443B3;
    display: inline-block;
    margin-right: 2px
}

.car-count .badge-count {
    background-color: #E6F0FF;
    color: #3780EA;
    border-radius: 100px;
    font-size: 10px;
    padding: 2px 8px;
    display: inline-block;
    font-weight: 500;
}

.main-notice {
    width: 100%;
    margin-top: 36px;
}

.notice-nav {
    width: 1080px;
    margin: 0 auto;
}

.notice-nav .head-subtitle {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #E1E2E8;
    padding-bottom: 12px;
}

.notice-nav .head-subtitle .head-line {
    display: inline-block;
    width: 5px;
    height: 17px;
    background-color: #1EA0D3;
    margin-right: 12px;
}

.notice-nav .head-subtitle .head-icon {
    margin-left: auto;
    cursor: pointer;
}

.main-notice .notice-nav {
    display: flex;
    gap: 30px 5%;
    flex-wrap: wrap;
}

.main-notice .notice-nav .nav {
    width: 47.5%;
}

.main-notice .notice-nav .nav:last-of-type {
    margin-right: 0;
}

.main-notice .notice-nav .notice-list {
    margin-top: 30px;
}

.main-notice .notice-nav .notice-list .notice {
    border-radius: 10px;
    display: flex;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 14px;
    overflow: hidden;
    cursor: pointer;
    color: #646367;
}

.main-notice .notice-nav .notice-list .notice .title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 120px);
}

.main-notice .notice-nav .notice-list .notice .date {
    margin-left: auto;
    display: block;
}

.notice-nav .head-subtitle h2 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

.notice-nav .head-subtitle p {
    font-size: 14px;
    color: #002887;
    font-weight: 600;
}

.notice-nav .head-subtitle p span {
    width: 40px;
    height: 2px;
    display: inline-block;
    margin-left: 4px;
    background-color: #002887;
}

/*로그인 모달*/
.pop-wrap.s-pop {
    height: auto;
    padding: 30px 20px;

}

.pop-wrap.s-pop .pop-footer {
    position: inherit;
}

.pop-head.txt-head {
    margin-bottom: 10px;
}

.pop-head.txt-head h3 {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-left: -20px;
    justify-content: center;
}

.pop-head.txt-head h3 img {
    width: 30px;
    margin-right: 10px;
}

.pop-body .login {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pop-option {
    border: 1px solid #dadada;
    padding: 12px;
    font-size: 15px;
    margin-bottom: 8px;
    border-radius: 10px;
    margin-top: 10px;
}

.pop-body .option-form label {
    font-size: 14px;
    font-weight: 600;
}

.pop-body .option-form input {
    border: 1px solid #dadada;
    padding: 12px;
    font-size: 15px;
    margin-bottom: 20px;
    border-radius: 10px;
    margin-top: 10px;
    width: 100%;
}

.pop-body .login input {
    width: 100%;
    padding: 10px 17px 13px;
    box-sizing: border-box;
    border: 1px solid #dadada;
    margin-bottom: 8px;
    border-radius: 6px;
}

.pop-wrap.s-pop .pop-footer .footer-btn.btn-group button {
    width: 100%;
    border-radius: 6px;
    padding: 0;
    height: 45px;
    flex: 1 1 auto;
    font-weight: 400;
    font-size: 15px;
}

.pop-footer .footer-btn.btn-group button.login_btn {
    background-color: #002887;
    color: #fff;
    border-radius: 6px;
    padding: 0;
    height: 45px;
    flex: 1 1 auto
}

.pop-footer .footer-btn.btn-group button.close_btn {
    background-color: #e8e8e8;

}

.pop-footer .footer-btn.btn-group {
    display: flex;
    gap: 2%;
}

.pop-body .option-form .option-group {
    display: flex;
    margin-bottom: 20px;
}

.pop-body .option-form .option-group .nav {
    width: calc(100% - 80px);
    display: flex;
    gap: 1%;
}

.pop-body .option-form .pop-option {
    display: flex;
    flex-wrap: wrap;
}

.pop-body .option-form .pop-option p {
    background-color: #eff1f6;
    padding: 10px;
    border-radius: 6px;
    display: inline-block;
    margin-right: 4px;
    font-size: 13px;
}

.pop-body .option-form .pop-option p i {
    cursor: pointer;
    color: #777777;
    margin-left: 4px;
}

.pop-body .option-form .option-group .nav input {
    width: 49%;
    margin: 0;
    padding: 10px 8px;
    font-size: 14px;
}

.pop-body .option-form .option-group button {
    width: 80px;
    padding: 0;
    height: auto;
    background-color: #e3e6ef;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #dadada
}

/*--------------------------------------------------------------------------------------
modla-모달
----------------------------------------------------------------------------------------*/

.modal {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.44);
    z-index: 999;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-wrap {
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
}

.mo-s-md {
    width: 500px;
}

.modal-head {
    padding: 24px;
}

.modal-head h4 {
    font-size: 20px;
    font-weight: 600;
}

.mo-guide {
    font-size: 13px;
    color: #5f5f5f;
}

.modal-nav {
    padding: 0px 24px;
}

.agree-nav {
    word-break: keep-all;
}

.agree-nav {
    height: 400px;
    overflow-y: scroll;
    padding: 24px;
    font-size: 13px;
    word-break: keep-all;
    background-color: #f2f3f8;
    border-radius: 6px;
}

.modal-footer {
    padding: 24px;
    text-align: center;
}

.footer-btn button {
    background-color: #1443B3;
    color: #fff;
    padding: 10px 24px;
    border-radius: 6px;
    width: 120px;
    font-size: 14px;
}

.footer-btn button.can-btn {
    background-color: #a2a2a2;
}

.preparing {
    padding-top: 30px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'MICEGothic';
    text-align: center;
}

.preparing i {
    font-size: 30px;
    color: #1443B3;
}

.preparing strong {
    color: #1443B3;
}

.preparing.del-text i {
    color: #f4515e;
    margin-bottom: 8px;
}

.preparing.del-text strong {
    color: #f4515e;
}


/*차량추가 모달*/

.mo-m-md {
    width: 1200px;
}

.mo-m-md .api-write {
    width: 100%;
}

.modal .api-write::after {
    width: 0;
    height: 0;
}

.modal .api-write select {
    height: 43px;
    border: 1px solid #D7D9E1;
    width: calc(100% - 100px);
    line-height: 38px;
    padding: 0 10px;
    border-radius: 6px;
    color: #333;
    font-size: 13px;
}

.modal .api-write input {
    height: 43px;
    border: 1px solid #D7D9E1;
    width: calc(100% - 100px);
    line-height: 38px;
    padding: 0 10px;
    border-radius: 6px;
    color: #333;
    font-size: 13px;
}

.modal .api-write textarea {
    border: 1px solid #D7D9E1;
}

.modal .api-write .api-nav .box-form .sale-input > span {
    border-radius: 3px;
}

.modal .close-btn {
    background-color: #D7D9E1;
    color: #333;
    font-weight: 500;
}

.modal-footer.contens-footer {
    border-top: 1px solid #D7D9E1;
}

.modal-head {
    background-color: #1443B3;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 20px;
}

/*견적 횟수 모달*/
.pop-body .input_form {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.pop-body .form_guide {
    background-color: #ffefef;
    font-size: 13px;
    margin: 10px 0;
    color: #ed2f2f;
    padding: 6px;
    border-radius: 3px;
    font-weight: 500;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
}

.pop-body .form_guide span {
    width: calc(100% - 20px);
    word-break: keep-all;
}

.pop-body .form_guide i {
    margin-right: 4px;
    width: 13px;
    position: relative;
    top: 3px;
}

.pop-body .input_form .input_group {
    border: 1px solid #D7D9E1;
    border-radius: 3px;
    display: flex;
    align-items: center;
    width: calc(100% - 100px);
}

.pop-body .input_form .label {
    width: 100px;
    font-size: 15px;
}

.pop-body .input_form input {
    border: 0;
    padding: 8px 4px;
    width: calc(100% - 20px);
    text-align: right;
}

.pop-body .input_form .unit {
    width: 20px;
    font-size: 14px;
    text-align: center;
}

/*--------------------------------------------------------------------------------------
카카오상담 버튼
----------------------------------------------------------------------------------------*/

.kakao-chat {
    position: fixed;
    right: -113px;
    bottom: 100px;
    width: 180px;
    height: 62px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    background-color: #fae300;
    border-radius: 30px 0px 0px 30px;
    cursor: pointer;
    z-index: 100;
    transition: .5s;
    box-shadow: 10px 10px 10px rgba(34, 34, 34, 0.1)
}

.kakao-chat .chat-btn {
    display: flex;
    height: 62px;
    align-items: center;
}

.kakao-chat .chat-btn .kakao-ico img {
    width: 30px;
    margin-right: 10px;
    display: inline-block;
    padding-top: 4px;
}

.kakao-chat .chat-btn .text {
    font-size: 14px;
    font-weight: 600;
    color: transparent;
    transition: .5s;
}

.kakao-chat:hover {
    right: 0;
    transition: right .5s;
}

.kakao-chat:hover .chat-btn .text {
    color: #391b1b;
}

.mobile-kakao {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: none;
    z-index: 10;
}

.mobile-kakao .m-kakaoico img {
    width: 24px;
}

.mobile-kakao .m-kakaoico {
    background-color: #fae300;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    box-shadow: 10px 10px 10px rgba(34, 34, 34, 0.1);
}

/*--------------------------------------------------------------------------------------
btn-bottom-wrap
----------------------------------------------------------------------------------------*/
.i-down {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 100px;
    background-color: #1443B3;
    background-size: 36px;
    background-position: center;
    background-repeat: no-repeat;
    animation: bounce2 .5s infinite alternate;
    transform-origin: 50% 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    margin-top: 8px;

}

.i-down i {
    font-size: 20px;
    display: flex;
}

.i-down img {
    width: 24px;
}

.i-down span {
    color: #fff;
    font-size: 15px;
    font-weight: 800;
}

@keyframes up-down {
    0% {
        transform: translate(1px, 20px);
    }

    24% {
        transform: translate(1px, 30px);
    }

    50% {
        transform: translate(1px, 12px);
    }

    74% {
        transform: translate(1px, 22px);
    }

    100% {
        transform: translate(1px, 22px);
    }
}

@-webkit-keyframes bounce2 {
    from {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounce2 {
    from {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

/*--------------------------------------------------------------------------------------
subpage common
----------------------------------------------------------------------------------------*/

section {
    position: relative;
    width: 100%;
    top: 80px;
    padding-bottom: 200px;
}


/*페이지타이틀*/

.page-tit h3 {
    display: flex;
    flex-direction: column;
    font-family: 'MICEGothic';
    position: relative;
}

.page-tit strong button {
    position: relative;
    top: -3px;
}

.com-list .page-tit strong button {
    top: 1px;
}

.page-tit h3 strong {
    font-size: 28px;
    font-weight: bold;
    font-family: 'MICEGothic';
}

.page-tit h3 span {
    font-family: 'MICEGothic';
    font-size: 13px;
}


/*네비게이션*/

.normal-wrap .page-tit {
    padding: 15px 0
}

.page-tit {
    width: 100%;
    color: #4E4E4E;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.navigation {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.navigation ul {
    display: flex;
    align-items: center;
}

.navigation ul li a {
    cursor: pointer;
}

.navigation .home img {
    width: 13px;
    margin-top: -2px;
}

.page-tit .navgatione-menu::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 12px;
    background-image: url(../images/icon/ico-nav.png);
    background-size: 5px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
    margin-left: 8px;
}

.navgatione-menu.on {
    color: #000000;
    font-weight: 500;
}


/*서브페이지 공통 레이아웃*/

.normal-wrap {
    width: 1280px;
    margin: 0 auto;
}

.contents-box {
    position: relative;
    width: 100%;
    border: 3px solid transparent;
    border-radius: 12px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(140deg, #1444B3 0%, #A66FF5 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 170px;
    z-index: 9;
}

.contents-box select {
    padding: 10px 8px;
    border-radius: 5px;
    border: 1px solid #D7D9E1;
    font-size: 14px;
}

.contents-box input {
    padding: 10px 8px;
    border-radius: 5px;
    border: 1px solid #D7D9E1;
    font-size: 15px;
}

.contents-box textarea {
    padding: 10px 8px;
    border-radius: 10px;
    border: 1px solid #D7D9E1;
    font-size: 15px;
    resize: none;
    height: 150px;
}

.contents-box textarea:focus {
    outline: 0;
}


/*목록 검색창*/

.list-head {
    width: 95%;
    margin: 0 auto;
    display: flex;
    margin-bottom: 20px;
}

.list-head .head-btn {
    width: 100%;
    text-align: right;
}

.list-head .head-btn button {
    height: 46px;
    background-color: #1443B3;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    padding: 0 20px;
    cursor: pointer;
    margin: 0 2px;
}

.signup-info.community .list-btn {
    justify-content: flex-end;
}

.list-btn {
    width: 100%;
    text-align: right;
    margin-top: 10px;
    display: flex;
}

.community-info .list-btn .cha-btn {
    margin-left: auto;
}

.list-btn button {
    height: 46px;
    background-color: #1443B3;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    padding: 0 20px;
    cursor: pointer;
    margin: 0 2px;
}

.search-bar {
    display: flex;
    margin-left: auto;
}

.search-bar .sel {
    margin-right: 4px;
}

.search-bar select {
    padding: 10px 12px;
    border-radius: 3px;
    border: 1px solid #D7D9E1;
    font-size: 14px;
    height: 50px;
    width: 90px;
}

.search-bar input {
    padding: 10px 8px;
    border-radius: 3px;
    border: 1px solid #D7D9E1;
    font-size: 14px;
    height: 50px;
    width: 400px;
}

.search-bar .input-search button {
    height: 50px;
    background-color: #002887;
    border-radius: 3px;
    border: 1px solid #002887;
    color: #fff;
    font-size: 15px;
    padding: 0 20px;
    cursor: pointer;
}

.toggle-btn {
    width: 100%;
    display: flex;
}

.toggle-btn .checkbox_group {
    width: 200px;
}

.toggle-btn p {
    width: auto !important;
    padding: 0 !important;
}

.toggle-btn .checkbox_group input[type="checkbox"] + label {
    padding: 6px 4px;
    background-color: transparent;
    border: 1px solid #b4b4b4;
    border-radius: 6px;
}

.toggle-btn .checkbox_group input[type="checkbox"]:checked + label {
    border: 1px solid #1443B3;
}

/*페이징*/

.page_wrap {
    text-align: center;
    font-size: 0;
    margin-top: 24px;
}

.page_nation {
    display: inline-block;
}

.page_nation .none {
    display: none;
}

.page_nation a {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 28px;
    text-align: center;
    background-color: #fff;
    font-size: 13px;
    color: #888888;
    text-decoration: none;
}

.page_nation a.active {
    background-color: #fff;
    color: #0B45CD;
    border-bottom: 1.5px solid #0B45CD;
    font-weight: 500;
}

select {
    appearance: none;
    background: url('../images/icon/ico-select.svg') no-repeat right 20px center;
    background-color: #fff;
}


/*--------------------------------------------------------------------------------------
로그인
----------------------------------------------------------------------------------------*/

.normal-wrap.login-wrap {
    width: 624px;
}

.login-wrap .contents-box {
    width: 100%;
    height: 450px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: none;
    background-color: #fff;
    box-shadow: 0 1px 15px 1px rgba(188, 193, 212, 0.08);
    border: 1px solid #e0e4ea;
}

.login-logo {
    margin-bottom: 37px;
}

.login-logo img {
    height: 135px
}

.login-btn {
    margin-bottom: 18px;
}

.login-btn a {
    cursor: pointer;
}

.login-wrap .manual a {
    cursor: pointer;
    font-size: 15px;
    color: #002887;
    text-decoration: underline;
}

.signup-info.community.company-info {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    margin-top: 4px;
}

.signup-info.community.faq.company-info p.title {
    background-color: transparent;
    font-size: 14px;
    color: #b7b7b7;
    border: 0;
    padding: 5px 0;
    font-weight: 400;
    width: 100%;
    padding-top: 0;
}

.signup-info.community.faq.company-info p.title i {
    margin-left: 0 !important;
    margin-left: 10px !important;
}

.signup-info.community.faq.company-info .con {
    background-color: transparent;
    padding: 0;
    font-size: 13px;
    display: none;
    flex-wrap: wrap;
    border: 0;
    font-weight: 400;
}

.signup-info.community.faq.company-info .con p {
    display: inline-block;
    padding: 5px 0;
    margin-right: 8px;
    word-break: keep-all;
}

.signup-info.community.faq.company-info .con p strong {
    color: #b7b7b7;
    font-weight: 400;
}

.signup-info.community.faq.company-info .con p span {
    color: #838383;
    font-weight: 400;
    word-break: keep-all;
}

.footer-btn button.logout-btn {
    background-color: #838383;
}

/*--------------------------------------------------------------------------------------
회원가입
----------------------------------------------------------------------------------------*/

.signup-info {
    display: flex;
    flex-wrap: wrap;
    width: 838px;
    margin: 0 auto;
    padding: 20px 10px
}

.sign-form {
    width: 50%;
    padding: 8px;
    display: flex;
    flex-direction: column;
    position: relative;
}


/*12.12회원가입 추가*/

.signup-info.form-3 {
    width: 1200px;
}

.signup-info.form-3 .sign-form {
    width: 33.333333%;
}

.signup-info.form-3 .mpage-guide {
    width: 100%;
}

.signup-info.form-3 .sign-form.file-up {
    width: 100%;
}

.sign-form.blind-name .guide {
    position: absolute;
    top: 40px;
    background-color: #fff;
    border-radius: 3px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    left: 90px;
    background: #484848;
    color: white;
    border-radius: 5px;
    padding: 12px 12.8px;
    width: 200px;
    z-index: 80;
}

.sign-form.blind-name.dealer .guide {
    left: 32px;
}

.sign-form.blind-name.showroom .guide {
    left: 32px;
}

.sign-form.file-up .dropzone {
    border: 1px solid #D7D9E1;
    border-radius: 10px;
}

.sign-form.file-up .dropzone .dz-message .dz-button {
    font-size: 14px;
    color: #a2a2a2;
    font-weight: 400;
}

.sign-form.file-up .dropzone .dz-message .dz-button::after {
    content: " - 파일첨부"
}

.sign-form.blind-name .guide:after {
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #484848;
    content: "";
    position: absolute;
    top: -10px;
    left: 28px;
}

.sign-form .fa-question-circle {
    color: #B3B3B3;
    margin-left: 3px;
    cursor: pointer;
}

.sign-form label {
    font-size: 15px;
    font-weight: 500;
    color: #111111;
    margin-bottom: 6px;
}

.sign-form label strong {
    color: #FC5858;
}

.sign-form.file-up {
    width: 100%;
}

.sign-form .sign-guide {}

.contents-btn {
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    padding-bottom: 50px;
}

.chk_box {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
}

.sign-form.check-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.agree-btn {
    border: 1px solid #babbc2;
    border-radius: 100px;
    font-size: 12px;
    padding: 4px 10px;
    margin-left: 8px;
    cursor: pointer;
    font-weight: 400;
}

.mform_input.input_radio {
    display: flex;
    align-items: center;
}

.sign-guide {
    font-size: 13px;
    flex-wrap: wrap;
    width: 230px;
    color: #4d4d4d;
    background-color: #f4f5fb;
    padding: 6px;
    border-radius: 3px;

}

.sign-guide i {
    color: #1443B3;
    margin-right: 4px;
}

/* 기본 체크박스 숨기기 */

.chk_box input[type="checkbox"] {
    display: none;
}


/* 선택되지 않은 체크박스 스타일 꾸미기 */

.chk_box .on {
    width: 20px;
    height: 20px;
    background: #ebebeb;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}


/* 선택된 체크박스 스타일 꾸미기 */

.chk_box input[type="checkbox"]:checked + .on {
    background: #1443B3;
}

.on:after {
    content: "";
    position: absolute;
    display: none;
}

.chk_box input[type="checkbox"]:checked + .on:after {
    display: block;
}

.on:after {
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 7px;
    top: 3.2px;
}

.main-btn {
    background-color: #1443B3;
    border: 1px solid #1443B3;
    color: #fff;
    font-weight: 500;
    padding: 13px 150px;
    border-radius: 10px;
    font-size: 16px;
}

.option-btn {
    border: 1.5px solid #1443B3;
    padding: 4px 14px;
    font-size: 13px;
    border-radius: 6px;
    background-color: transparent;
    color: #1443B3;
    font-weight: 500;
}

/*명함 확대 추가*/

.file-img {
    margin-bottom: 8px;
}

.file-img img {
    cursor: zoom-in;
    transition: all 0.2s linear;
}

.file-img img:hover {
    transform: scale(1.3);
}


/*마이페이지 추가*/

.mpage-guide {
    width: 100%;
}

.tx-guide {
    word-break: keep-all;
    font-size: 13px;
    background-color: #f4f5fb;
    width: 100%;
    padding: 20px 14px;
    color: #4d4d4d;
    display: flex;
    flex-direction: row;
    border-radius: 5px;
}

.mpage-guide p {
    width: calc(100% - 13px);
    flex-wrap: wrap;
}

.mpage-guide i {
    margin-right: 6px;
    padding-top: 2px;
    font-size: 15px;
    color: #f55f5f;
}

.sign-radio {
    width: 100%;
    display: flex;
}

.container {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -oz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 12px;
    line-height: 22px;
    margin-top: 8px;
}

.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}

.container:hover input ~ .checkmark {
    background-color: #ccc;
}

.container input:checked ~ .checkmark {
    background-color: #1EA0D3;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmark:after {
    display: block;
}

.container .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


/*--------------------------------------------------------------------------------------
회원가입 2차 - 23.01.10
----------------------------------------------------------------------------------------*/

.signup-info .api-title {
    width: 100%;
    margin-bottom: 8px;
    margin-top: 20px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    font-size: 16px;
}

.signup-info h3.api-title .ico-subtit {
    width: 24px;
    height: 24px;
}


/*회원가입 완료*/

.signup-info.s-done {
    margin: 0 auto;
    justify-content: center;
}

.sign-img {
    width: 100%;
    text-align: center;
}

.sign-img img {
    display: inline-block;
    width: 309px;
}

.signup-info.s-done h7 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: -46px;
}

.signup-info.s-done h7 strong {
    color: #1443B3;
}

.signup-info.s-done span {
    color: #676767;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}


/*--------------------------------------------------------------------------------------
비밀번호변경
----------------------------------------------------------------------------------------*/

.signup-info.pw {
    flex-direction: column;
}

.pw-form {
    display: flex;
    flex-direction: column;
    padding: 8px;
    width: 500px;
    margin: 0 auto;
}

.pw-form label {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #111111;
    margin-bottom: 6px;
}

.contents-btn.pw {
    width: 500px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.contents-btn.pw button {
    width: 49%;
    padding: 13px 0;
}

.main-home {
    background-color: #9A9CA0;
    border: 1px solid #9A9CA0;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
}

.now-pw {
    position: relative;
    margin-bottom: 8px;
    padding-bottom: 20px;
}

.now-pw:before {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 484px;
    height: 2px;
    border-radius: 0.5px;
    background: linear-gradient(90deg, #1443B3, #A66FF5);
}


/*--------------------------------------------------------------------------------------
section - 즉시출고
----------------------------------------------------------------------------------------*/

.page-tit.list {
    position: fixed;
    left: 400px;
    top: 80px;
    width: calc(100% - 400px);
    padding: 1% 0;
    padding-top: 30px;
    background-color: #F2F2F2;
    z-index: 10;
    padding-bottom: 12px;
}

.page-tit.list strong {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}

.page-tit.list strong button {
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    margin-top: -3px;
    margin-left: 8px;
    border-radius: 6px;
    padding: 4px 12px;
    border: 1px solid #959595;
    color: #535353;
}

.page-tit.list strong button i {
    margin-right: 6px;
}

.page-tit.list > div {
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
}

.list-wrap {
    position: relative;
    width: 100%;
}

.list-search {
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 80px;
    height: 100vh;
    overflow-y: scroll;
    width: 400px;
    padding-bottom: 170px;
}

.search-nav {
    border-bottom: 1px solid #EBEBEB;
}

.search-nav .check-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: calc(100% - 70px);
}

/*전체페이지*/
.list-total {
    font-weight: 500;
    font-family: 'MICEGothic';
    width: 95%;
    margin: 0 auto;
    color: #333;
    font-size: 14px;
    display: flex;
    justify-items: center;
}

.list-total ul {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.list-total ul li {
    margin-right: 24px;
    cursor: pointer;
    position: relative;
    transition: .5s;
    margin-bottom: 5px
}

.list-total ul li.down {
    color: #1443B3;
}

.list-total ul li.on {
    color: #1443B3;
}

.list-total ul li.down i {
    color: #1443B3;
    transform: rotate(180deg);

}

.list-total ul li i {
    margin-left: 4px;
    color: #7c7c7c;
}

.list-total ul li::before {
    content: '';
    position: absolute;
    top: 5px;
    right: -8px;
    width: 1px;
    height: 12px;
    border-radius: .5px;
    background-color: #b4b4b4;
}

.list-total ul li.total {
    color: #818181;
}

.list-total ul li.total strong {
    font-size: 17px;
    margin-right: 2px;
    color: #1443B3;
    font-weight: 700;
}

.list-total ul li:last-of-type::before {
    width: 0;
}

.list-total ul li:last-of-type {
    cursor: default;
}

.list-total i {
    margin-right: 6px;
}

.list-total p {
    padding: 10px 1%;
    width: 100%;
}

.list-total p span {
    padding: 0px 8px;
    display: inline-block;
}

.list-total p span:first-of-type {
    border-right: 1px solid #d1d1d1;
    padding-left: 0;
}

.list-total p span:last-of-type {
    color: #818181;
}

.list-total p span:last-of-type strong {
    font-size: 17px;
    display: inline-block;
    margin-right: 2px;
    color: #1443B3;
    font-weight: 700;
}


/*금융사재고 검색*/
.manual-btn i {
    font-size: 16px;
    margin-right: 6px;
}

.manual-btn {
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    margin-top: -3px;
    margin-left: 8px;
    border-radius: 6px;
    padding: 4px 12px;
    border: 1px solid #959595;
    color: #535353;
}

.list-total.total-search {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
    flex-wrap: wrap
}

.list-total.total-search .total p {
    display: flex;
    align-items: center;
    padding: 0;
}

.list-total.total-search .search-tit {
    display: inline-block;
    height: 50px;
    padding: 0 10px;
    vertical-align: top;
    line-height: 48px;
    border-right: 0;
    width: 61px;
    border-radius: 3px 0px 0px 3px;
}

.list-total.total-search input {
    width: 150px;
}

/*금융사 재고 출고일자 추가*/
.list-badge-g {
    width: 100%;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
}

.list-badge-g > span:first-of-type {
    margin-right: 4px;
}

.list-badge-g .date-info {
    background-color: #3eadff;
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    flex-wrap: wrap;
    word-break: keep-all;
}

/*스크롤*/

.list-search::-webkit-scrollbar-track {
    background-color: #dfe0e5;
}

.list-search::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.list-search::-webkit-scrollbar-thumb {
    background-color: #c9c9c9;
}

.search-nav h4 {
    width: 100%;
    padding: 16px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.search-nav .fa-chevron-down {
    color: #5b6165;
    font-size: 13px;
}

.search-nav h4 span {
    font-weight: 600;
    font-family: 'MICEGothic';
    font-size: 16px;
    color: #191919;
    display: flex;
    align-items: center;
}

.search-nav h4 i {
    display: inline-block;
    margin-right: 8px;
}

.search-sel {
    background-color: #F9F9F9;
    padding: 16px 30px;
    border-top: 1px solid #EBEBEB;
    display: none;
}

.search-sel select {
    border: 1px solid #EBEBEB;
    border-radius: 12px;
    width: calc(100% - 70px);
    padding: 12px;
    font-size: 14px;
}

.search-sel input {
    border: 1px solid #EBEBEB;
    border-radius: 12px;
    width: calc(100% - 70px);
    padding: 15px;
    font-size: 14px;
}

.search-sel li {
    padding: 6px 0;
    display: flex;
    align-items: center;
}

.search-sel .sel-tit {
    display: block;
    font-size: 14px;
    font-weight: 600;
    font-family: 'MICEGothic';
    margin-bottom: 6px;
    color: #2B2B2B;
    width: 70px;
}

.search-sel .box-form {
    width: 100%;
    display: flex;
    align-items: center;
}

.search-sel .box-form label {
    width: 70px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    font-family: 'MICEGothic';
    margin-bottom: 6px;
    color: #2B2B2B;
    width: 70px;
}

.search-sel .box-form .select {
    border: 1px solid #EBEBEB;
    border-radius: 12px;
    width: calc(100% - 70px);
    font-size: 14px;
}

.search-sel .box-form .select .selected .arrow {
    background-size: auto;
    background-position: center;
    padding-right: 35px;

}

.search-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 394px;
    padding: 20px;
    background-color: #fff;
    border-top: 1px solid #EBEBEB;
}

.search-sel .box-form .select .selected .selected-value {
    overflow: hidden;
    width: calc(100% - 40px);
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.search-btn button {
    background-color: #1443B3;
    width: 100%;
    padding: 16px;
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
    font-family: 'MICEGothic';
    font-size: 15px;
}

.search-sel .op-100 {
    display: block;
}

.search-sel .op-100 .sel-multiple {
    width: 100%;
}

.search-sel .op-100 select {
    width: 100%;
}

.option-sel {
    width: 100%;
}

.option-sel > div {
    width: 49%;
}

.option-sel > div:first-of-type {
    margin-right: 1%
}

.option-sel .sel-multiple {
    width: 100%;
}


/*select2*/

.sel-multiple {
    width: calc(100% - 70px);
    border: 1px solid #EBEBEB;
    background-color: #fff;
    border-radius: 12px;
    height: 100%;
}

.sel-multiple select {
    width: 100%;
}

.sel-option {
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    max-height: 124px;
    overflow-y: scroll;
}

.sel-option::-webkit-scrollbar-track {
    background-color: #dfe0e5;
}

.sel-option::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.sel-option::-webkit-scrollbar-thumb {
    background-color: #c9c9c9;
}

.sel-option dd {
    font-size: 12px;
    font-size: 12px;
    padding: 5px;
    margin: 4px;
    background-color: #eaf1fb;
    border-radius: 2px;
    cursor: pointer;
}

.sel-option dd i {
    font-size: 12px;
    color: #7b7b7b;
    margin-left: 4px;
}

.sel-multiple select {
    background-color: transparent;
    border: 0;
    border-top: 1px solid #EBEBEB;
}


/*즉시출고-금융사재고 검색결과*/

.list-nav {
    position: absolute;
    left: 400px;
    width: calc(100% - 400px);
    padding: 1% 0;
    top: 68px;
    padding-bottom: 0;
}

.list-nav .nav {
    display: flex;
    flex-wrap: wrap;
    width: 96.5%;
    margin: 0 auto;
    margin-bottom: 150px;
    align-content: center;
    height: 100%;
}

.list-nav .nav .api-result {
    width: 100%;
    border: 0;
    padding-top: 0;
}

.list-nav .nav .api-result .contactus {
    width: 100%;
    display: flex;
    padding-top: 10px;
    position: relative;
}

.list-nav .nav .api-result .contactus .share-tooltip {
    top: -100px;
    left: 12px;
    display: flex;
    font-size: 13px;
    background: #FFFFFF;
    border-radius: 10px;
    border: #e6e6e6 solid 1px;
    position: absolute;
    box-shadow: 5px 4px 10px rgba(136, 136, 136, 0.2);
}

.api-result .result-nav .contactus .share-tooltip p .share-icon {
    width: 40px;
    height: 40px;
}

.api-result .result-nav .contactus .share-tooltip span {
    width: auto;
    font-weight: 600;
    font-family: 'MICEGothic';
}

.list-nav .nav .api-result .contactus .share-tooltip:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 11px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 88px;
    left: 13px;
}

.list-nav .nav .api-result .contactus .share-tooltip:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 11px 0;
    border-color: #e6e6e6 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: 89px;
    left: 13px;
}

.list-nav .nav .api-result .contactus .nav-btnshare {
    font-size: 13px;
    border: 1px solid #bdbdbd;
    padding: 4px 10px;
    border-radius: 6px;
    color: #535353;
    font-weight: 500;
    margin-right: 4px;
    position: relative;
}

.list-nav .nav .api-result .contactus .nav-btnshare i {
    font-size: 13px;
    font-weight: 500;
}

.list-nav .nav .api-result .contactus button {
    font-size: 15px;
    font-weight: 600;
    color: #1751D8;
}

.list-nav .nav .api-result .contactus .btn-copy {
    font-size: 13px;
    border: 1px solid #bdbdbd;
    padding: 4px 10px;
    border-radius: 6px;
    color: #535353;
    font-weight: 500;
}

.list-nav .nav .api-result .contactus .btn-copy i {
    font-weight: 500;
}

.list-nav .nav .api-result .contactus .btn-next {
    margin-left: auto;
}

.list-nav .nav .api-result .contactus button i {
    font-size: 15px;
    font-weight: 700;
    margin-left: 4px;
}

.list-box {
    background-color: #fff;
    width: 32.333333%;
    margin: .5%;
    position: relative;
    border: 12px solid transparent;
    border-radius: 20px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #1443B3, #A66FF5);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.list-box .box-tit {
    color: #fff;
    display: flex;
    margin-bottom: 0;
    height: auto;
    background: linear-gradient(90deg, #1443B3, #A66FF5);
    padding: 20px 0;
}

.list-box .box-tit h5 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: 8px;
    font-size: 15px;
    font-weight: 500;
    width: calc(100% - 69px);
}

.list-box .box-tit h5 .date {
    font-size: 13px;
    font-weight: 400;
    flex-wrap: wrap;
    word-break: keep-all;
    display: flex;
    width: 100%;
    margin-top: 3px;
}

.list-box .box-tit h5 .date .id {
    margin-left: auto;
}

.list-box .box-tit .coppy-btn {
    padding: 4px 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    margin-left: 4px;
    font-weight: 400;
    font-size: 11px;
}

.list-box .box-tit .coppy-btn.list {
    width: 57.25px;
}

.list-box .box-tit .coppy-btn i {
    margin-right: 4px;
}

.contract-num {
    width: 100%;
    text-align: right;
    font-size: 13px;
    margin-top: 5px;
    font-weight: 400;
}

.contract-num strong {
    margin-right: 4px;
}

.list-box .box-tit .lease {
    display: inline-block;
    background-color: #2DCCC2;
    font-size: 12px;
    border-radius: 100px;
    padding: 6px 4px;
    font-weight: 600;
    min-width: 58px;
    word-break: keep-all;
    text-align: center;
}

.list-box .box-tit .rent {
    display: inline-block;
    background-color: #F947A7;
    font-size: 12px;
    border-radius: 100px;
    padding: 6px 4px;
    font-weight: 600;
    width: 58px;
    text-align: center
}

.list-box .box-tit .lease-rent {
    display: inline-block;
    background-color: #ff9c27;
    font-size: 12px;
    border-radius: 100px;
    padding: 6px 4px;
    font-weight: 600;
    width: 71px;
    text-align: center
}

.box-info {
    height: auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 30px;
    /* padding-bottom: 97px;*/
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.info-tit {
    border-bottom: 1px solid #CED6E0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.tit-car {
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
    flex-grow: 0;
}

.tit-car strong {
    color: #191919;
    font-size: 16px;
    font-weight: 600;
}

.tit-car .state {
    font-size: 13px;
    color: #686868;
    font-weight: 500;
}

.tit-car .car-num {
    color: #357FBE;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-left: 4px;
}

.tit-price {
    color: #191919;
    font-weight: 600;
    font-size: 18px;
    flex-basis: 50%;
    flex-grow: 0;
    text-align: right;
    flex-basis: 50%;
    flex-grow: 0;
}

.tit-price .ico-krw {
    display: inline-block;
    width: 15px;
    height: 10px;
    background-image: url(../images/icon/ico-krw.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 3px;
}

.info-option {
    font-size: 15px;
    padding: 10px 0;
}

.info-option .option {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    color: #191919;
    font-weight: 500;
}

.info-option .option label {
    color: #767676;
    font-size: 15px;
}

.info-option .option span {
    flex-basis: 80%;
    flex-grow: 0;
    text-align: right;
}

.info-guide {
    background-color: #F5F5F5;
    border-radius: 6px;
    font-size: 13px;
    padding: 10px;
    width: 100%;
    margin-bottom: 8px;
    font-weight: 400;
}

.info-btn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #CED6E0;
    padding-top: 10px;
}

.box-info .share-tooltip {
    top: auto;
    bottom: 62px;
    left: 15px;
    font-size: 13px;
    color: #4e4e4e;
}

.box-info .share-tooltip::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 11px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 88px;
    left: 13px;
}

.box-info .share-tooltip::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 11px 0;
    border-color: #e6e6e6 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: 89px;
    left: 13px;
}

.info-btn .fa-angle-right {
    color: #1751D8;
    font-size: 18px;
    font-weight: 600;
    margin-left: 8px;
}

.info-btn .btn-next {
    font-size: 15px;
    font-weight: 600;
    color: #1751D8;
    margin-left: auto;
}

.btn-car {
    width: 100%;
    text-align: right;
}

.btn-copy {
    font-size: 13px;
    border: 1px solid #bdbdbd;
    padding: 4px 10px;
    border-radius: 6px;
    color: #535353;
}

.nav-btnshare {
    font-size: 13px;
    border: 1px solid #bdbdbd;
    padding: 4px 10px;
    border-radius: 6px;
    color: #535353;
    margin-right: 4px;
}

.nav-btnshare i {
    margin-right: 4px;
}

.btn-copy i {
    margin-right: 4px;
    font-size: 12px;
}


/*검색결과없음 추가*/

.list-ndata {
    text-align: center;
    width: 100%;
    margin: 50px 10px;
    font-size: 18px;
    font-weight: 600;
    color: #757575;
    font-family: 'MICEGothic';
    margin-bottom: 100px;
}

.list-ndata img {
    width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
}


/*공유-툴팁*/
.share-tooltip {
    position: absolute;
    width: 140px;
    height: 90px;
    padding: 0px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #e6e6e6 solid 1px;
    display: flex;
    padding: 10px;
    right: 46px;
    top: 55px;
    box-shadow: 10px 10px 10px rgba(66, 68, 74, 0.16);
    z-index: 20;
}

.share-tooltip:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 11px 15px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    left: 26px;
    z-index: 20;
}

.share-tooltip:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 11px 15px;
    border-color: #e6e6e6 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -16px;
    left: 26px;
    z-index: 20;
}

.share-tooltip > p {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8px;
    font-weight: bold;
    font-family: 'MICEGothic';
}

.share-tooltip p .share-icon {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 4px;
}

.share-tooltip p.link .share-icon {
    background-color: #e6e6e6;
    display: flex;
    align-items: center;
}

.share-tooltip p.link .share-icon i {
    font-size: 20px;
}

.share-tooltip p.kakao .share-icon {
    background-color: #fae300;
}

.share-tooltip p .ico-kako {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
    background-image: url(../images/icon/kakao-ico.svg);
}

/*--------------------------------------------------------------------------------------
금융사 재고 - 자동차 이미지 구조 변경
----------------------------------------------------------------------------------------*/

.nav.c-img-list .c-title {
    width: 100%;
    display: flex;
}

.nav.c-img-list .list-box .box-tit {
    padding-bottom: 14px;
}

.nav.c-img-list .c-title .c-img {
    width: 150px;
    display: flex;
    align-items: center;
}

.nav.c-img-list .c-title .c-nav {
    width: calc(100% - 150px);
    word-break: keep-all;
}

.nav.c-img-list .c-title .c-nav h5 p {
    margin-bottom: 3px;
    width: 100%;
}

.nav.c-img-list .c-title .c-nav h5 {
    width: 100%;
    margin-left: 0;
}

.nav.c-img-list .c-title .c-nav h5 span.car-info {
    width: 100%;
}

.nav.c-img-list .c-title .c-nav h5 p span.car-name {
    width: 100%;
}

.nav.c-img-list .c-title .c-nav .date {
    font-size: 13px;
    font-weight: 400;
    flex-wrap: wrap;
    word-break: keep-all;
    display: flex;
    width: 100%;
    margin-top: 3px;
}

.nav.c-img-list .box-tit {
    flex-direction: column;
}

.nav.c-img-list .list-box .box-tit .lease {
    padding: 4px 6px;
}

.nav.c-img-list .list-box .box-tit .rent {
    padding: 4px;
}

.nav.c-img-list .contract-num {
    text-align: left;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.59);
    padding-top: 10px;
}

.nav.c-img-list .date-group {
    font-size: 13px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 400;
    width: auto;
    margin-top: 4px;
}

.nav.c-img-list .box-tit .coppy-btn {
    padding: 2px 10px;
}

/*--------------------------------------------------------------------------------------
section - 금융자료실
----------------------------------------------------------------------------------------*/

.com-list .list-search {
    padding-bottom: 0;
    width: 300px;
}

.com-list .community-info .community-nav .info-sub h6 {
    font-size: 16px;
}

.com-list .community-info .community-nav .info-title h4 {
    font-size: 14px;
}

.list-search .company h6 {
    border-bottom: 1px solid #EBEBEB;
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
}

.list-search .company ul {
    padding: 0 20px;
    padding-bottom: 100px;
}

.list-search .company ul li {
    padding: 17px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

.list-search .company ul li.on {
    background: linear-gradient(90deg, #1443B3, #A66FF5);
    position: static;
    width: auto;
    height: auto;
    color: #fff;
    border-radius: 10px;
}

.com-list .list-nav {
    left: 300px;
    width: calc(100% - 300px);
}

.com-list .page-tit.list {
    left: 300px;
    width: calc(100% - 300px);
}

.com-list .signup-info {
    width: 90%;
}

.com-list .table-row .table-cell:first-of-type {
    width: 4%;
}

.com-list .table-row .table-cell:nth-of-type(2) {
    width: 18%;
}

.com-list .table-row .table-cell:nth-of-type(3) {
    width: 10%;
}

.com-list .table-row .table-cell:nth-of-type(4) {
    width: 43%;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.com-list .table-row .table-cell:nth-of-type(5) {
    width: 15%;
}

.com-list .table-row .table-cell:nth-of-type(6) {
    width: 10%;
}

.m-list-search {
    display: block;
}


/*22.12.15-추가*/

.s-badge {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100px;
    margin-right: 4px;
    vertical-align: middle;
}

.badge-pe {
    background-color: #A66FF5;
}

.badge-ye {
    background-color: #ffa700;
}

.badge-bl {
    background-color: #446df7;
}

.badge-gr {
    background-color: #28b3b3;
}

.badge-pi {
    background-color: #f76ac6;
}

.badge-re {
    background-color: #ff6161;
}

/*tab추가*/

.contents-tab {
    margin: 0 auto;
    width: 90%;
}

.contents-tab ul {
    display: flex;
}

.contents-tab ul li {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 10px 40px;
    font-weight: 500;
    text-align: center;
    color: #959595;
    border: 1.5px solid #cecece;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    border-radius: 6px 6px 0px 0px;
    font-size: 15px;
}

.contents-tab ul li:hover {
    color: #1444B3;
}

.contents-tab ul li:first-of-type {
    margin-right: 6px;
}

.contents-tab ul li.on {
    background-color: #1444B3;
    border: 1.5px solid #1444B3;
    color: #fff;
    border-bottom: 1px solid transparent;

}


/*--------------------------------------------------------------------------------------
section - 견적비교
----------------------------------------------------------------------------------------*/

.compare-search {
    display: flex;
    flex-direction: column;
}

.m-tit-search h4 {
    padding: 16px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    font-family: 'MICEGothic';
    font-size: 16px;
    color: #191919;
    border-bottom: 1px solid #EBEBEB;
}

.m-tit-search:last-of-type h4 {
    border-bottom: 0;
}

.m-tit-search h4 span {
    display: flex;
    align-items: center;
}

.m-tit-search h4 span i {
    margin-right: 8px;
}

.m-tit-search .m-search-nav {
    background-color: #F9F9F9;
    padding: 16px 30px;
    border-top: 1px solid #EBEBEB;
}

.compare-search .m-tit-search .m-search-nav > div {
    padding: 4px 0;
    display: flex;
    flex-direction: column;
}

.compare-search > div select {
    border: 1px solid #EBEBEB;
    border-radius: 12px;
    width: 100%;
    padding: 12px;
    font-size: 14px;
}

.compare-search > div label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    font-family: 'MICEGothic';
    margin-bottom: 6px;
    color: #2B2B2B;
}

.compare-list .compare-search {
    padding-bottom: 190px;
}

.compare-list .search-btn {
    width: 294px;
}


/*테이블*/

.compare-table {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0px;
}

.compare-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    word-break: keep-all;
}

.compare-table table th {
    padding: 10px;
    border: 1px solid #E3E5EA;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    border-right: 0;
}

.compare-table table tbody .table-ndata td {
    display: table-cell !important;
    width: 100%;
}

.compare-table table tbody td:first-of-type p {
    display: flex;
    justify-content: space-between;
}

.compare-table table tr:first-of-type th:first-of-type {
    border-left: 0;
}

.compare-table table thead tr:last-of-type {
    border-bottom: 3px solid #1444B3;
}

.compare-table table td {
    padding: 10px;
    border: 1px solid #E3E5EA;
    font-size: 13px;
    border-right: 0;
}

.compare-table table td:first-of-type {
    border-left: 0;
}

.compare-table table th.th-month {
    color: #80858F;
}


/*모바일 테이블*/

.m-body-table {
    border-bottom: 1px solid #E3E5EA;
    padding: 10px 0
}

.m-body-table:last-of-type {
    border-bottom: 0;
}

.m-compare-table {
    display: none;
    font-size: 15px;
    padding: 17px 0;
    width: 90%;
    margin: 0 auto;
    word-break: keep-all;
}

.tr-head {
    color: #414141;
    font-weight: 500;
    font-size: 14px;
}

.m-compare-table .m-tr {
    margin: 4px 0
}

.m-compare-table .m-tr .badge {
    display: inline-block;
    background-color: #1EA0D3;
    color: #fff;
    font-weight: 500;
    border-radius: 100px;
    padding: 4px 10px;
    font-size: 12px;
}

.n-percent {
    display: flex;
    color: #414141;
    font-weight: 500;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
}

.n-percent label {
    font-size: 14px;
    color: #555555;
    margin-right: 4px;
    font-weight: 400;
    border: 1px solid #D7D9E1;
    padding: 4px 8px;
    border-radius: 3px;
}

.tr-num span {
    display: inline-block;
    position: relative;
}

.tr-num .num-span:last-of-type {
    padding-left: 8px;
    margin-left: 4px;
}

.tr-num .num-span:last-of-type::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0px;
    width: 1.4px;
    height: 12px;
    border-radius: 0.5px;
    background-color: #555555;
}

.tr-company {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 4px;
}

.m-tr .badge-more {
    vertical-align: middle;
    margin-top: -2px;
}

.badge-more {
    display: inline-block;
    background-color: #1444B3;
    width: 17px;
    height: 17px;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    margin-left: 4px;
    background-image: url(../images/icon/ico-more.svg);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
}

.font-g {
    color: #11A039 !important;
    font-weight: 500;
}

.font-r {
    color: #FC5858 !important;
}

.font-r label,
.font-r input {
    color: #FC5858 !important;
}

.result-box .price.font-b {
    color: #001dff !important;
    font-weight: 700;
    border-radius: 3px;
    padding-left: 2px;
    position: relative;
    z-index: 1
}

.result-box .price.font-b strong {
    color: #001dff !important;
    font-weight: 700;
}

.result-box.on .price.font-b {
    color: #001dff !important;
    font-weight: 700;
    border-radius: 3px;
    padding-left: 2px;
    position: relative;
    z-index: 1
}

.result-box.on .price.font-b strong {
    color: #001dff !important;
    font-weight: 700;
}

.esit-result .result-box .price-info ul li.font-b {
    border-radius: 3px;
    padding-left: 2px;
    position: relative;
    z-index: 1;
}

.esit-result .result-box .price-info ul .font-b strong,
.esit-result .result-box .price-info ul .font-b span {
    color: #001dff !important;
    opacity: 1;
    font-weight: 700;
}

.result-box .price.font-b::after {
    content: '';
    position: absolute;
    left: -0.4em;
    top: .1em;
    width: calc(100% + 0.5em);
    height: 0;
    z-index: -1;
    border-left: 0.1em solid rgba(243, 235, 255, 0.74);
    border-top: 1.5em solid rgba(243, 235, 255, 0.74);
    transform: skew(5.5deg) rotate(-1deg);
}

.result-box.on .price.font-b::after {
    content: '';
    position: absolute;
    left: -0.4em;
    top: .1em;
    width: calc(100% + 0.5em);
    height: 0;
    z-index: -1;
    border-left: 0.1em solid rgba(243, 235, 255, 0.74);
    border-top: 1.5em solid rgba(243, 235, 255, 0.74);
    transform: skew(5.5deg) rotate(-1deg);
}

.esit-result .result-box .price-info ul li.font-b::after {
    content: '';
    position: absolute;
    left: -0.4em;
    top: -.1em;
    width: calc(100% + 0.5em);
    height: 0;
    z-index: -1;
    border-left: 0.1em solid rgba(243, 235, 255, 0.74);
    border-top: 1.5em solid rgba(243, 235, 255, 0.74);
    transform: skew(5.5deg) rotate(-1deg);
}

/*--------------------------------------------------------------------------------------
section - 커뮤니티
----------------------------------------------------------------------------------------*/

.signup-info.community {
    width: 90%;
    min-height: 400px;
}

.see-btn {
    background-color: #009ccb !important;
}

.del-btn {
    background-color: #f4515e !important;
}

.dis-btn {
    background-color: #989898 !important;
}

.cha-btn {
    background-color: #28b3b3 !important;
}

.list-btn button:last-of-type {
    margin-right: 0;
}

.community-table {
    width: 100%;
}

.normal-wrap .list-head {
    width: 100%;
}

.div-table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

.div-table .table-cell,
.div-table .table-head {
    padding: 12px 4px;
}

.div-table .t-body .table-cell {
    font-size: 16px;
    border-bottom: 1px solid #E3E5EA;
    cursor: pointer;
    color: #333;
    font-weight: 400;
}

.t-head {
    position: relative;
    width: 100%;
}

.t-head:before {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2px;
    left: 0;
    border-radius: 0.5px;
    background: linear-gradient(90deg, #1443B3, #A66FF5);
}

.div-table .table-head {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}


/* DivTable.com */

.div-table {
    display: table;
}

.table-row {
    display: table-row;
}

.t-head {
    display: table-header-group;
}

.table-cell,
.table-head {
    display: table-cell;
    vertical-align: middle;
}

.t-head {
    display: table-header-group;
}

.t-body {
    display: table-row-group;
}

.t-sim .table-row .table-cell {
    vertical-align: top;
    padding-bottom: 13px;
}

.t-sim .table-row .table-cell:first-of-type {
    width: 10%;
    text-align: center;
}

.t-sim .table-row .table-cell .ag {
    border-radius: 100px;
    color: #002887;
    font-weight: 600;
    display: inline-block;
}

.t-sim .table-row .table-cell:first-of-type img {
    height: 25px;
    display: inline-block;
}

.t-sim .table-row .table-cell:nth-of-type(2) {
    width: 50%;
    text-align: left;
}

.t-sim .table-row .table-cell:nth-of-type(3) i {
    display: none;
}

.t-sim .table-row .table-cell:nth-of-type(3) {
    width: 10%;
}

.t-sim .table-row .table-cell:nth-of-type(4) {
    width: 10%;
    align-items: center;
}

.t-sim .table-row .table-cell:nth-of-type(5) {
    width: 10%;
}

.views-num {
    font-size: 13px;
    font-weight: 500;
    display: none;
    position: relative;
    padding-right: 8px;
    margin-right: 8px;
    color: #434343;
}

.views-num::before {
    content: '';
    position: absolute;
    top: 5px;
    right: 0px;
    width: 1.5px;
    height: 12px;
    border-radius: 0.5px;
    background-color: #b0b0b0;
}

.t-ndata {
    width: 100%;
    text-align: center;
    padding: 20px 10px;
    font-size: 15px;
    color: #8b8b8b;
    border-bottom: 1px solid #E3E5EA;
}


/*커뮤니티 상세*/

.community-nav {
    width: 90%;
    margin: 50px auto;
}

.community-info .community-nav .info-title h4 {
    font-size: 18px;
    font-weight: 500;
    padding: 18px 12px;
    position: relative;
    padding-top: 0px;
    margin-top: 4px;
    display: flex;
    align-items: center;
}

.community-info .community-nav .info-title.share-title {
    position: relative;
}

.community-info .community-nav .info-title.share-title h4 {
    width: 100%;
    position: relative;
}

.community-info .community-nav .info-title.share-title h4 span {
    width: calc(100% - 70px);
}

.community-info .community-nav .info-title.share-title h4 button {
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    margin-top: -3px;
    margin-left: 8px;
    border-radius: 6px;
    padding: 4px 12px;
    border: 1px solid #bdbdbd;
    color: #535353;
    margin-left: auto;
}

.community-info .community-nav .info-title.share-title h4 button i {
    margin-right: 4px;
}

.community-info .community-nav .info-title.share-title .share-tooltip {
    z-index: 10;
    top: auto;
    bottom: -85px;
    right: 0px;
}

.community-info .community-nav .info-title.share-title .share-tooltip p {
    font-size: 13px;
    color: #4e4e4e;
    font-weight: bold;
}

.community-info .community-nav .info-title.share-title .share-tooltip:after {
    left: auto;
    right: 30px;
}

.community-info .community-nav .info-title.share-title .share-tooltip:before {
    left: auto;
    right: 30px;
}

.community-info .community-nav .info-title h4 .capital {
    display: inline-block;
    padding: 4px 12px;
    border: 1.5px solid #eef0f9;
    color: #5a69c4;
    background-color: #eef0f9;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    max-width: 90%;
}

.community-info .community-nav .info-title h4 .title-div {
    margin-left: 8px;
    color: #555555;
}

.community-info .community-nav .info-title .title-area {
    font-size: 13px;
    padding: 4px 12px;
    color: #616161;
    font-weight: 500;
    width: 100%;
    position: relative;
}

.community-info .community-nav .info-title .title-area span {
    display: inline-block;
}

.community-info .community-nav .info-title .title-area span:first-of-type {
    position: relative;
    padding-right: 8px;
    margin-right: 8px;
}

.community-info.qna .community-nav .info-title .title-area strong {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    color: #000;
    font-weight: 600;
}

.community-info.qna .community-nav .info-title .title-area strong::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 30px;
    width: 1.3px;
    height: 12px;
    border-radius: 0.5px;
    background-color: #737373;
}

.community-info .community-nav .info-title h4::before {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2px;
    left: 0;
    border-radius: 0.5px;
    background: linear-gradient(90deg, #1443B3, #A66FF5);
}

.community-info .community-nav .info-sub {
    display: flex;
    padding: 18px 12px;
    border-bottom: 1px solid #dfe1e5;
    align-items: center;
}

.community-info .community-nav .info-text {
    padding: 40px 12px;
    border-bottom: 1px solid #dfe1e5;
    min-height: 400px;
    font-size: 17px;
}

.community-info .community-nav .info-text textarea {
    border: 0;
    width: 100%;
    min-height: 400px;
    padding-top: 0;
}

.community-info .community-nav .info-text textarea::-webkit-scrollbar-track {
    background-color: #dfe0e5;
}

.community-info .community-nav .info-text textarea::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.community-info .community-nav .info-text textarea::-webkit-scrollbar-thumb {
    background-color: #c9c9c9;
}

.community-info .community-nav .info-sub h6 {
    font-size: 15px;
    font-weight: 500;
    word-break: break-all;
    max-width: 60%;
}

.community-info .community-nav .info-sub p {
    margin-left: auto;
    font-size: 13px;
    color: #656565
}

.community-info .community-nav .info-sub p span {
    display: inline-block;
    position: relative;
}

.community-info .community-nav .info-sub p span:first-of-type {
    padding-right: 10px;
    margin-right: 10px;
}

.community-info .community-nav .info-sub p span:first-of-type::before {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 12px;
    border-radius: 0.5px;
    background-color: #656565;
}

.community-info .community-nav .info-sub p label {
    font-weight: 600;
    color: #191919;
    margin-right: 3px;
}

.community-info .info-file {
    padding: 12px;
    font-size: 14px;
    border-bottom: 1px solid #dfe1e5;
    background-color: #f5f7fc;
}

.community-info .info-file .file {
    display: flex;
    flex-direction: column;
    color: #4a4a4a;
}

.community-info .info-file .file span {
    cursor: pointer;
    padding: 4px 0;
}

.community-info .info-file .file span:hover {
    color: #0895d3;
}

.community-info .list-btn button {
    width: 80px;
}

.community-info .info-file .pdf-btn {
    width: 100%;
}

.community-info .info-file .pdf-btn label {
    display: block;
    width: 100%;
    font-weight: 600;
    margin: 8px 0;
    padding-top: 8px;
    border-top: 1px solid #dfe1e5;
}

.community-info .info-file .pdf-btn span {
    color: #4a4a4a;
    font-size: 14px;
}

.community-info .info-file .pdf-btn span:hover {
    color: #0895d3;
    cursor: pointer;
}


/*커뮤니티 - 추가12.14*/

.contents-box .community-wr textarea {
    height: 320px;
}

.contents-box .community-wr .sign-form label {
    margin-bottom: 10px;
}

.contents-box .community-wr input {
    padding: 13px 8px;
}

.contents-box.mypage .signup-info .api-title.n-border {
    border-bottom: 0;
    padding-bottom: 4px;
}


/*파일첨부*/

.filebox {
    display: flex;
}

.filebox .upload-name {
    display: inline-block;
    height: 48px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: calc(100% - 92px);
    color: #999999;
}

.signup-info .filebox label {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #1443B3;
    cursor: pointer;
    height: 44px;
    border-radius: 6px;
    line-height: 22px;
    width: 180px;
    text-align: center;
    margin-top: 4px;
}

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

.file-list {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.file-list span {
    background-color: #eff1f6;
    padding: 10px;
    border-radius: 6px;
    display: inline-block;
    margin-right: 4px;
    margin-top: 8px;
    font-size: 14px;
}

.file-list span i {
    margin-left: 8px;
    color: #818181;
    cursor: pointer;
}


/*커뮤니티추가22.11.23*/

.community-wr select {
    border-radius: 5px;
}

.community-wr .chk_box .on {
    background-color: #ffffff;
    border: 1px solid #c8cad2;
    width: 24px;
    height: 24px;
}

.community-wr .chk_box {
    padding-left: 36px;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #D7D9E1;
    position: relative;
}

.community-wr .chk_box::before {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2px;
    left: 0;
    border-radius: 0.5px;
    background: linear-gradient(90deg, #1443B3, #A66FF5);
}

.community-wr .chk_box input[type="checkbox"]:checked + .on {
    border: 1px solid #1443B3
}

.community-wr .on:after {
    top: 5px;
    left: 8px;
}

.community-wr .n-title {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.community-wr .y-title {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}


/*--------------------------------------------------------------------------------------
공지사항 수정
----------------------------------------------------------------------------------------*/

.t-sim .notice .table-row .table-cell:first-of-type {
    width: 60%;
    text-align: left;
}

.t-sim .notice .table-row .table-cell:nth-of-type(2) {
    width: 10%;
    text-align: center;
}

.t-sim .notice .table-row .table-cell:nth-of-type(3) {
    width: 10%;
    text-align: center;
}

.t-sim .notice .table-row .table-cell:nth-of-type(4) {
    width: 10%;
    text-align: center;
}

.community-info .community-nav .info-text.notice-text {
    padding: 40px 12px;
}

.community-info .community-nav .info-text.notice-text textarea {
    width: calc(100% - 50px);
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 17px;
}


/*--------------------------------------------------------------------------------------
익명게시판 23.01.13
----------------------------------------------------------------------------------------*/

.file-up textarea::placeholder {
    color: #b2b4bb;
}


/*--------------------------------------------------------------------------------------
문의내역
----------------------------------------------------------------------------------------*/

.t-sim .div-table.qna .table-row .table-cell {
    vertical-align: middle;
}

.div-table.qna .fa-pencil-square-o {
    font-size: 16px;
    vertical-align: middle;
    margin-top: 4px;
    background-color: #eeeeee;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #E3E5EA;
}

.kind-sel select {
    width: 350px;
}

.div-table.qna .s-badge {
    margin-top: -3px
}

.community-info.qna .community-nav .info-text.notice-text {
    display: flex;
}

.community-info.qna .community-nav .info-text.notice-text i {
    font-family: 'MICEGothic';
    font-weight: bold;
    margin-right: 10px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    background-color: #d0d0d0;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
}

.community-info.qna .community-nav .info-text.notice-text.answer i {
    background-color: #1443B3;
}

.community-info.qna .community-nav .info-text {
    min-height: auto !important;
}

.contents-box.community-info.qna .list-btn button {
    width: 100px;
}

.font-ye {
    display: inline-block;
    background-color: #ffa700;
    color: #fff;
    font-weight: 400;
    padding: 4px 10px;
    border-radius: 100px;
    font-size: 11px;
}

.font-pe {
    display: inline-block;
    background-color: #A66FF5;
    color: #fff;
    font-weight: 400;
    padding: 4px 10px;
    border-radius: 100px;
    font-size: 11px;
}

.font-gr {
    display: inline-block;
    background-color: #28b3b3;
    color: #fff;
    font-weight: 400;
    padding: 4px 10px;
    border-radius: 100px;
    font-size: 11px;
}

.pencil-font {
    margin-right: 4px;
    display: none;
}

.community-info.qna .info-file .file span:hover {
    color: #4a4a4a;
    cursor: default;
}

.community-info.qna .info-file .file .qna-file-img {
    margin-top: 8px;
    width: 50%;
    height: 200px;
}

.community-info.qna .info-file .file .qna-file-img img {
    height: 100%
}

.div-table.qna .table-head:first-of-type {
    width: 10%;
}

.div-table.qna .table-head:nth-of-type(2) {
    width: 50%;
}

.div-table.qna .table-head:nth-of-type(3) {
    width: 10%;
}

.div-table.qna .table-head:nth-of-type(4) {
    width: 10%;
}


/*--------------------------------------------------------------------------------------
section - 커뮤니티 2차 - 23.01.04
----------------------------------------------------------------------------------------*/

.brand-search {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 6px;
}

.search-icon {
    width: 100%;
}

.search-icon ul {
    display: flex;
    flex-wrap: wrap;
    border-radius: 3px;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-bottom: 0;
    border-right: 0;
}

.search-icon ul li {
    width: 5.5555556%;
    text-align: center;
    cursor: pointer;
    padding-bottom: 11px;
    justify-content: space-between;
    padding-top: 11px;
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    background-color: #fff;
}

.search-icon ul li .ag {
    line-height: 50px;
    font-size: 14px;
}

.search-icon ul li .all {
    line-height: 50px;
    font-size: 14px;
}

.search-icon ul li.on {
    position: relative;
}

.search-icon ul li.on:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 3px;
    border-radius: 100px;
    background: linear-gradient(90deg, #3D6EDF, #A66FF5);
    z-index: 20;
}

.search-icon ul li.on p {
    color: #000
}

.search-icon ul li p {
    margin-top: 4px;
    font-weight: bold;
    font-family: 'MICEGothic';
    font-size: 12px;
    color: #666666;
}

.search-icon ul li img {
    height: 24px;
    display: inline-block;
}

.search-icon ul li .row-ico img {
    width: 48px;
}


/*본인홍보 작성 추가*/

.signup-info.community-wr {
    width: 1200px;
    padding-bottom: 10px;
}

.contents-btn.community-btn {
    padding-bottom: 30px;
    padding-top: 20px;
    position: relative;
}

.contents-btn.community-btn.add-btn {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 20px;
}

.contents-btn.community-btn.add-btn i {
    margin-left: 8px;
}

.contents-btn.community-btn.add-btn button {
    width: 100%;
    height: 100%;
    padding: 16px 10px;
    background-color: #1443B3;
    border: 0.5px solid #1443B3;
    color: #fff;
    font-weight: 600;
}

.api-write {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
    position: relative;
    padding-top: 20px;
}

.api-write::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 3px;
    border-radius: 100px;
    background: linear-gradient(90deg, #3D6EDF, #A66FF5);
    z-index: 10;
}

h3.api-title {
    padding: 8px;
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

h3.api-title .ico-subtit {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../images/icon/ico-subtitle.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -7px;
}

.api-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.api-nav .api-box {
    width: 32.5%;
}

.api-nav .api-box .radio-head {
    width: calc(100% - 100px);
    border: 1px solid #D7D9E1;
    border-radius: 5px;
    padding: 10px 8px;
    flex-direction: column;
}

.api-nav .api-box .radio-head label {
    width: 100%;
    margin-bottom: 8px;
}

.api-nav .api-box .radio-head label:last-of-type {
    margin: 0;
}

.api-nav .api-box .wr-guide {
    background-color: transparent;
}

.api-nav .api-box .wr-guide > div {
    padding: 0;
    font-size: 15px;
    word-break: normal;
    color: #f55f5f;
}

.api-nav .api-box .check-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    width: calc(100% - 100px);
}

.api-nav .api-box .check-group label {
    padding-left: 26px;
    width: auto;
}

.api-nav .box-form {
    display: flex;
    padding: 4px;
    font-size: 14px;
    align-items: center;
}


.api-nav .box-form input::placeholder {
    color: #b9b9b9;
}

.api-nav .box-form select option[value=""][disabled] {
    display: none;
    color: #b9b9b9;
}

.api-nav .box-form input {
    width: calc(100% - 100px);
    font-size: 13px;
}

.info-group {
    width: calc(100% - 100px);
    border: 1px solid #D7D9E1;
    border-radius: 6px;
}

.info-group input {
    border: 0;
    width: 100% !important;
    border-top: 1px solid #D7D9E1;
}

.info-group select {
    border: 0;
    width: 100% !important;
}

.api-nav .box-form input:read-only {
    background-color: #eff0f7;
    cursor: default;
    font-weight: 500;
}

input:read-only {
    background-color: #eff0f7;
    cursor: default;
    font-weight: 500;
}

.api-nav .box-form select {
    width: calc(100% - 100px);
    font-size: 13px;
}

.api-nav .box-form label {
    font-size: 13px;
    width: 100px;
    text-align: left;
    padding: 0 6px;
    font-weight: 500;
    position: relative;
}

.api-nav .box-form label i {
    margin-left: 3px;
    color: #B3B3B3;

}

.api-nav .box-form label i:hover {
    cursor: pointer;
}

.api-nav .box-form label:hover .api-tool {
    display: block;
}

.api-nav .box-form label strong {
    font-weight: 600;
}

.api-nav .box-form label > strong {
    color: #f4515e;
}

.api-nav .box-form label .label-guide {
    font-weight: 500;
}

.label-guide.p-left {
    padding-left: 105px;
}

.box-form.guide-input {
    flex-direction: column;

}

.box-form.guide-input div {
    width: 100%;
    display: flex;
    align-items: center;
}

.box-form.guide-input label {
    width: 100px;
}

.label-guide {
    display: block;
    font-size: 12px;
    color: #f4515e;
    word-break: keep-all;
    width: 100%;
    padding-left: 100px;
    margin-top: 3px;
}

.api-nav .box-form .fix-value {
    height: 43px;
    border: 1px solid #D7D9E1;
    width: calc(100% - 100px);
    line-height: 38px;
    padding: 0 10px;
    border-radius: 6px;
    color: #333;
    font-size: 13px;
}

.api-nav .box-form .input-form {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.api-nav .box-form .input-form input {
    margin-bottom: 4px;
}

.api-nav .box-form.option-add {
    flex-direction: column;
}

.api-nav .box-form.option-add > label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.api-nav .box-form.option-add > label .ladel-btn {
    font-weight: 600;
    background-color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    color: #4e4e4e;
    border: 1.5px solid #bdbdbd;
}

.api-nav .box-form.option-add label {
    width: calc(100% - 20px);
    text-align: left;
    margin-bottom: 8px;
}

.option-x {
    width: 20px;
    margin-bottom: 8px;
    font-weight: 600;
    cursor: pointer;
}

.option-x::before {
    content: "×";
}

.api-nav .box-form .option-check {
    min-height: 205px;
    max-height: 205px;
    overflow-y: scroll;
    background-color: #fff;
    width: 100%;
    border: 1px solid #D7D9E1;
    border-radius: 6px;
}

.api-nav .box-form .option-check::-webkit-scrollbar-track {
    background-color: #dfe0e5;
}

.api-nav .box-form .option-check::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.api-nav .box-form .option-check::-webkit-scrollbar-thumb {
    background-color: #c9c9c9;
}

.api-nav .box-form .option-check label {
    padding-left: 25px;
}

.api-nav .box-form .option-check .check-box {
    border-bottom: 1px solid #dedede;
    padding: 14px 10px;
    display: flex;
    align-items: center;
    padding-bottom: 8px;
}

.api-nav .box-form .option-check .option-text {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 13px;
}

.api-nav .box-form .option-check .option-text .name {
    width: calc(100% - 124px);
}

.api-nav .box-form .option-check .option-text strong {
    width: 120px;
    text-align: right;
}

.api-nav .box-form.option-form {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.api-nav .box-form.option-form .option-input {
    width: calc(100% - 85px);
}

.api-nav .box-form.option-form .option-input p {
    width: 100%;
}

.api-nav .box-form.option-form .option-input input {
    margin-bottom: 4px;
    width: 100%;
}

.api-nav .box-form.option-form button {
    background-color: #e3e6ef;
    height: 90px;
    width: 80px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    border: 1px solid #caccd4;
}

.api-nav .box-form .sale-input {
    display: flex;
    width: calc(100% - 100px);
    justify-content: space-between;
}

.api-nav .box-form .sale-input > span {
    display: inline-block;
    border: 1px solid #D7D9E1;
    width: 49%;
    border-radius: 5px;
}

.api-nav .box-form .sale-input input {
    width: calc(100% - 20px);
    text-align: right;
    background-color: transparent;
}

.api-nav .box-form .sale-input span .unit {
    border: 0;
    width: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #4b4b4b
}

.api-nav .box-form .sale-input input {
    border: 0;
    border-radius: 0;
}


.api-nav .box-form.column-form label {
    padding: 0;
    margin-bottom: 8px;
    font-weight: 500;
    padding-left: 10px;
}

.api-nav .box-form textarea {
    width: calc(100% - 100px);
    border-radius: 6px;
    height: 163px;
    padding: 10px;
    font-size: 13px;
}

.api-nav .form-btn {
    width: 100%;
    padding: 4px;
    padding-top: 0;
}

.api-nav .form-btn button {
    width: 49%;
    border-radius: 6px;
    height: 40px;
    margin-top: 8px;
    color: #fff;
    font-size: 14px;
    font-size: 14px;
    font-weight: 500;
}

.api-nav .form-btn .guide {
    font-size: 12px;
    width: 100%;
    color: #4d4d4d;
    font-weight: 500;
    margin-top: 10px;
    background-color: #f4f5fb;
    padding: 10px;
    border-radius: 6px;
}

.api-nav .box-form .box-radio-form .form_radio_btn label {
    border-radius: 0px;
    text-align: center;
    padding: 10px 6px;
    width: 100%;
}

.box-radio-form {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
}

.box-radio-form .form_radio_group {
    display: flex;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #D7D9E1;
    justify-content: center;
    text-align: center;
}

.box-radio-form .form_radio_group .form_radio_btn {
    flex: 1 1 33%;
    border-right: 1px solid #D7D9E1;
    margin-bottom: 0;
}

.box-radio-form .form_radio_group .radio-title.form_radio_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    background-color: #f2f4f8;
}

.box-radio-form .form_radio_btn {
    border: 0;
}

.box-radio-form .form_radio_group .form_radio_btn:last-of-type {
    border-right: 0;
}

.api-nav .box-form .box-radio-form > input {
    width: 100%;
    border-radius: 0 0 6px 6px;
}

.api-nav .form-btn .guide i {
    margin-right: 4px;
    color: #f55f5f;
}

.api-nav .form-btn button.main {
    background-color: #1443B3
}

.api-nav .form-btn button.reset {
    background-color: #f55f5f;
    width: 45%;
    float: left;
    margin-right: 1%
}

.api-nav .form-btn button.add {
    background-color: #009ccb;
    width: 54%;
}

.ico-filecar {
    width: 20px;
    height: 20px;
    margin: 0 4px;
    background-image: url(../images/icon/ico-car.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: auto;
}

.ico-fileimg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: 0 2px;
    background-image: url(../images/icon/ico-img.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.table-cell .file-icon {
    width: 57px;
    display: flex;
    padding-top: 3px;
}

.table-cell .co-title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.table-cell .co-title .tit {
    width: calc(100% - 57px);
    padding-left: 10px;
}

.table-file {
    width: 20px;
    height: 20px;
    background-color: #1443B3;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
}

.table-cell .fa.fa-file-image-o {
    color: #fff;
}

.box-btn {
    width: calc(100% - 100px);
    font-size: 13px;
    display: flex;
}

.box-btn button {
    width: 100%;
    flex: 1 1 auto;
    border-radius: 6px;
    height: 40px;
    color: #002887;
    font-weight: 500;
}

.box-btn button.line-btn {
    border: 1.5px solid #002887;

}

.pop-wrap.m-pop {
    width: 500px;
    padding: 20px;
    height: auto;

}

.pop-wrap.m-pop .pop-footer {
    padding: 20px;
}

.pop-wrap.m-pop .footer-btn.btn-group {
    height: 48px;
}

.pop-wrap.m-pop .footer-btn.btn-group button {
    width: 49%;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
}

.pop-option.pop-sale {
    border: 0;
    margin-top: 0;
}

.pop-option.pop-sale .title ul {
    display: flex;
    width: 100%;
    padding: 10px;
    align-items: center;
    border-top: 1px solid #EAE7E7;
}

.pop-option.pop-sale .title ul li {
    width: 25%;
    text-align: center;
    font-size: 13px;
    padding: 4px;
    font-weight: 500;
    color: #000;
}

.pop-option.pop-sale .est-info.radio-input {
    flex-direction: column;
}

.form_radio_btn {
    width: 100%;
    height: auto;
    border: 1px solid #EAE7E7;
    border-radius: 6px;
    margin-bottom: 6px;
}

.form_radio_btn input[type=radio] {
    display: none;
}

.form_radio_btn label {
    display: block;
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
    height: -webkit-fill-available;
    padding: 10px;
    cursor: pointer;
}

.form_radio_btn label table {
    width: 100%;
}

.form_radio_btn label td {
    width: 25%;
    font-size: 13px;
    padding: 4px;
    text-align: center;
}

.form_radio_btn label td .s-r-font {
    font-size: 11px;
    color: #ff7272;
    font-weight: 600;
}

.form_toggle {
    height: 500px;
    overflow-y: auto;
    padding-bottom: 50px;
}

/* Checked */
.form_radio_btn input[type=radio]:checked + label {
    background: #184DA0;
    color: #fff;
}

/* Hover */
.form_radio_btn label:hover {
    color: #666;
}

/* Disabled */
.form_radio_btn input[type=radio] + label {
    background: transparent;
    color: #666;
}

/*캘린더*/

.ui-widget-header {
    border: 0px solid #dbdbdb;
    background: #fff;
}

.ui-datepicker-calendar > thead > tr > th {
    font-size: 14px !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 10px 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0px solid #c5c5c5;
    background-color: transparent;
    font-weight: normal;
    color: #454545;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 0em;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    padding: 0px;
    font-weight: bold;
}

.ui-datepicker {
    display: none;
    background-color: #fff;
    border-radius: 4px;
    margin-top: -16px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px;
    padding-bottom: 10px;
    width: 300px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1);
}

.ui-widget.ui-widget-content {
    border: 1px solid #eee;
}

#datepicker:focus > .ui-datepicker {
    display: block;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-next {
    float: right;
}

.ui-state-disabled {
    cursor: auto;
    color: hsla(0, 0%, 80%, 1);
}

.ui-datepicker-title {
    text-align: center;
    padding: 10px;
    font-weight: 100;
    font-size: 20px;
}

.ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker-calendar > thead > tr > th {
    padding: 5px;
    font-size: 20px;
    font-weight: 400;
}

.ui-datepicker-calendar > tbody > tr > td > a {
    color: #000;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: none;
}

.ui-datepicker-calendar > tbody > tr > .ui-state-disabled:hover {
    cursor: auto;
    background-color: #fff;
}

.ui-datepicker-calendar > tbody > tr > td {
    border-radius: 100%;
    width: 44px;
    height: 30px;
    cursor: pointer;
    padding: 5px;
    font-weight: 100;
    text-align: center;
    font-size: 12px;
}

.ui-datepicker-calendar > tbody > tr > td:hover {
    background-color: transparent;
    opacity: 0.6;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0px solid #cccccc;
    background-color: transparent;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-widget-header .ui-icon {
    background-image: url('../images/icon/btns.png');
}

.ui-icon-circle-triangle-e {
    background-position: -20px 0px;
    background-size: 36px;
}

.ui-icon-circle-triangle-w {
    background-position: -0px -0px;
    background-size: 36px;
}

.ui-datepicker-calendar > tbody > tr > td:first-child a {
    color: red !important;
}

.ui-datepicker-calendar > tbody > tr > td:last-child a {
    color: #0099ff !important;
}

.ui-datepicker-calendar > thead > tr > th:first-child {
    color: red !important;
}

.ui-datepicker-calendar > thead > tr > th:last-child {
    color: #0099ff !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 0px;
    background: #f1f1f1;
    border-radius: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.inp {
    padding: 10px 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 0px;
}

.inp:focus {
    outline: none;
    background-color: #eee;
}

.sign-form .fees-input {
    display: flex;
    padding: 10px 8px;
    border-radius: 5px;
    border: 1px solid #D7D9E1;
    font-size: 14px;
}

.sign-form .fees-input strong {
    display: inline-block;
    width: 15px;
    font-size: 13px;
    font-weight: 600;
    color: #5c5c5c
}

.sign-form .fees-input input {
    padding: 0;
    border: 0;
    width: calc(100% - 15px);
    padding-right: 8px;
    text-align: right;
}

.sign-form.file-up.attach-file {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.sign-form.file-up.attach-file > label {
    margin-right: 12px;
    width: 100%;
}

.sign-form.file-up.attach-file .file-list {
    width: 100%;
}

.signup-info .sign-form.file-up.attach-file .filebox label {
    background-color: #fff;
    border: 1px solid #d8dae1;
    color: #4e4e4e;
    font-weight: 500;
}

.api-nav .box-form .input-txt {
    display: flex;
    align-items: center;
    width: calc(100% - 100px);
    color: #727272;
    font-weight: 500;
    font-size: 14px;
}

.api-nav .box-form .input-txt input {
    width: 150px;
    margin: 0 8px;
    text-align: right;
}

.contents-guide {
    font-size: 14px;
    color: #4d4d4d;
    font-weight: 500;
    margin-top: 10px;
    background-color: #f4f5fb;
    padding: 16px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.contents-guide strong {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin-bottom: 4px;
    display: block;
}

.contents-guide strong i {
    margin-right: 6px;
    font-size: 18px;
    color: #11a08a;
}

.contents-guide ul {
    padding-left: 20px;
}

.contents-guide ul li {
    margin-bottom: 4px;
    padding-left: 10px;
    text-indent: -8px;
}

.contents-guide ul li span {
    display: block;
    padding-left: 10px;
    font-size: 13px;
    margin: 1px 0;
    text-indent: -8px;
    color: #666666;
}

/*등록차량 추가 상세*/

.api-add {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
}

.api-add .add-nav {
    display: flex;
    margin-top: 20px;
}

.api-add .add-nav ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid #D7D9E1;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-radius: 3px;
}

.api-add .add-nav ul li {
    display: flex;
    flex-wrap: wrap;
    width: 33.333333%;
    flex-direction: row;
    font-size: 13px;
}

.api-add .add-nav ul li p {
    width: 100px;
    background-color: #f1f3fc;
    padding: 8px;
    padding-left: 12px;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.api-add .add-nav ul li span {
    width: calc(100% - 100px);
    padding: 8px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
}

.api-add .add-nav ul li.nav-last {
    width: 90%;
    border-right: 1px solid #e6e6e6;
}

.api-add .add-nav ul li.del-button {
    width: 10%;
    text-align: center;
    line-height: 34px;
    border-bottom: 1px solid #e6e6e6;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.api-add .add-nav ul li.del-button button {
    color: #fff;
    width: 90%;
    height: 40px;
    border-radius: 6px;
}


/*본인홍보 차량등록 결과*/
.contents-box.community-info .api-result {
    width: 100%;
}

.api-result {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
}

.api-result .result-wrap {
    display: flex;
    flex-wrap: wrap;
}

.api-result .result-nav {
    border: 1.5px solid #e6e6e6;
    width: 32.5%;
    border-radius: 12px;
    font-size: 14px;
    overflow: hidden;
    background-color: #fff;
    margin-top: 1%;
    cursor: pointer;
    margin: .2%;
    position: relative;
}

.api-result .result-nav .etc div:first-of-type {
    display: flex;
    /* flex-wrap: wrap;*/
}

.api-result .result-nav .etc span {
    width: calc(100% - 80px);
    text-align: left
}

.api-result .result-nav.on {
    border: 3px solid #f4515e;
    box-shadow: 10px 10px 10px rgba(42, 32, 33, 0.14);
}

.api-result .result-nav li > div span.brand {
    width: auto;
}

.api-result .result-nav .check-btn {
    margin-left: auto;
    font-size: 11px;
    display: flex;
    width: 153px;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-bottom: 3px;
}

.chang-btn {
    background-color: #1443B3;
    border: 1px solid #1443B3 !important;
}

.api-result .result-nav.on .check-btn button.select-btn {
    border: 1.8px solid #3be1ff;
    color: #3be1ff;
}

.api-result .result-nav .check-btn button {
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 3px 12px;
    margin-right: 6px;
}

body .api-result .result-nav .check-btn button.del-btn {
    margin-right: 0;
    background-color: #f4515e;
    color: #fff;
    border: 1px solid #f4515e;
}

.api-result .result-nav .brand {
    display: block;
    font-weight: 600;
}

.api-result .result-nav li {
    padding: 12px;
    border-bottom: 1.5px solid #e6e6e6;
}

.api-result .result-nav li:last-of-type {
    border-bottom: 0;
}

.api-result .result-nav li > div label {
    font-weight: 600;
    color: #000;
    font-size: 12px;
}

.api-result .result-nav li.car-info.view-page .info-head .brand {
    width: 100%;
}

.api-result .result-nav li.car-info {
    color: #fff;
}

.api-result.dealer-result .result-nav.on li.car-info {
    padding: 12px;
    height: auto !important;
}


.api-result .result-nav li .info-head.id {
    display: flex;
    flex-direction: row;
}

.api-result .result-nav li.car-info.view-page .info-head .brand {
    width: 100%;
}

.api-result .result-nav li .info-head.id .head-id {
    width: auto;
    font-size: 12px;
    margin-left: auto;
    width: 40%;
    padding-left: 8px;
    text-align: right;
}

.api-result .result-nav li .info-head {
    display: flex;
    width: auto;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    flex-wrap: wrap;
}

.api-result .result-nav li .info-head .brand {
    width: calc(100% - 154px);
}

.api-result .result-nav li .info-head i.new {
    display: inline-block;
    background-color: #ff9d00;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    width: 40px;
    height: 23px;
    border-radius: 6px;
    margin-right: 8px;
}

.api-result .result-nav li .info-nav {
    margin-top: 2px;
    display: flex;
    flex-direction: column;
}

.api-result .result-nav li .info-nav .dealer {
    display: block;
    width: 100%;
    margin-bottom: 6px;
    word-break: keep-all;
    line-height: 23px;
    font-size: 13px;
    flex-wrap: wrap;
}

.api-result .result-nav li .info-nav span {
    position: relative;
    padding: 0;
    word-break: keep-all
}

.api-result .result-nav li.car-info div span.ranking {
    display: inline-block;
    background-color: #d6daf9;
    border-radius: 6px;
    width: auto;
    font-size: 12px;
    padding: 6px 10px;
    color: #082c83 !important;
    min-height: 26px;
    min-width: 80px;
    text-align: center;
    justify-content: center;
    align-content: center;
}

.api-result .result-nav li.car-info div span {
    text-align: left;
    color: #fff;
}

.api-result .result-nav li > div span {
    text-align: right;
    width: calc(100% - 80px);
    padding: 3px 0;
    font-weight: 500;
    color: #666666
}

.api-result .result-nav li.date {
    display: flex;
    position: relative;
}

.api-result .result-nav li.date > div {
    flex-direction: row;
    width: 50%;
}

.api-result .result-nav li.date > div label {
    width: auto;
    font-size: 12px;
    margin-right: 3px;
}

.api-result .result-nav li.date > div span {
    font-size: 12px;
}

.api-result .result-nav li.date input {
    width: 70px;
    font-size: 12px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    border: 0;
}

.ui-datepicker-trigger {
    display: inline-block;
    background-color: #fff;
    padding: 4px 6px;
    color: #4e4e4e;
    border: 1.5px solid #bdbdbd;
    border-radius: 3px;

}

.api-result .result-nav.n-show li.date .font-r label,
.api-result .result-nav.n-show li.date .font-r > span {
    color: #FC5858;
}

.api-result .result-nav.n-show .dealer-total,
.api-result .result-nav.n-show .color,
.api-result .result-nav.n-show .sale-nav,
.api-result .result-nav.n-show .dealer-con,
.api-result .result-nav.n-show .etc,
.api-result .result-nav.n-show .info-guide {
    opacity: .5;
}

.api-result .result-nav li.date .api-tool {
    position: absolute;
    background-color: #484848;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    max-width: 50%;
    top: 50px;
    z-index: 2
}

.api-tool strong {
    display: block;
}

.api-result .result-nav li.date .api-tool span {
    display: block;
    color: #fff;
    text-align: left;
    width: auto;
    padding-left: 12px;
    text-indent: -10px;
}

.api-result .result-nav li.sale {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
}

.api-result .result-nav li.sale > div {
    width: 50%;
    margin-bottom: 4px;
}

.api-result .result-nav li.sale > div span {
    text-align: left;
    font-size: 12px;
}

.api-result .result-nav .sale big span.percent {
    display: inline-block;
    width: auto;
    padding: 0 2px;
    color: #678adf;
    font-weight: 500;
    font-size: 11px;
}

.api-result .result-nav li.company {
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
}

.api-result .result-nav li.company > div {
    width: 50%;
    margin-bottom: 4px;
}

.api-result .result-nav li.company > div label {
    width: 48px;
    display: inline-block;
    margin-right: 4px;
}

.api-result .result-nav .delete {
    width: 100%;
    text-align: right;
}

.api-result .result-nav .delete .del-btn {
    padding: 8px 18px;
    border-radius: 6px;
    color: #fff;
    font-size: 13px;
}

.api-result .result-nav li.color label {
    width: 60px;
    display: inline-block;
}

.api-result .result-nav li.color > div span {
    text-align: left;
    font-size: 13px;
}

.api-result .result-nav li.etc label {
    width: 80px;
    display: inline-block;
}


/*수정페이지*/

.api-result .result-nav .change-head {
    background-color: #1443B3;
    display: flex;
    padding: 2px 12px;
    align-items: center;
}

.del-icobtn {
    margin-left: auto;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.api-result .result-nav .change-head .chk_box .on {
    top: -12px;
}

.api-result .result-nav .change-head .chk_box input[type="checkbox"]:checked + .on {
    background-color: #f4515e;
}

.api-title.change {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.btn-form {
    margin-left: auto;
}

.btn-form button {
    font-size: 14px;
    font-weight: 600;
    background-color: #fff;
    padding: 8px 10px;
    border-radius: 6px;
    color: #4e4e4e;
    border: 1.5px solid #bdbdbd;
}

.btn-form button:first-of-type {
    margin-right: 2px;
}

.list-btn.community-change {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.list-btn.community-change button {
    height: 52px;
}

.list-btn.community-change .cha-btn {
    width: 200px;
}

.list-btn.community-change .main-btn {
    width: 200px;
}

.list-btn.community-change .dis-btn {
    width: 150px;
}

.form-option {
    display: flex;
    width: calc(100% - 100px) !important;
    border-radius: 6px;
    border: 1px solid #D7D9E1;

}

.form-option p {
    display: flex;
    width: 50%;
    flex-direction: column;
}

.form-option p:first-of-type {
    border-right: 1px solid #D7D9E1;
}

.api-nav .box-form .form-option p .fix-value {
    width: 100%;
    font-size: 13px;
    border: 0;
    padding: 6px;
    line-height: inherit;
    height: auto;
    text-align: right;
}

.form-option p .label {
    border-bottom: 1px solid #D7D9E1;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
}

/*--------------------------------------------------------------------------------------
딜러사 재고차량홍보 23.10.20
----------------------------------------------------------------------------------------*/
.p-top {
    padding-top: 20px !important
}

.dealer-write .api-nav .box-form .option-check {
    min-height: 176px;
    max-height: 176px;
}

.dealer-write .api-nav .box-form textarea {
    height: 80px;
}

.dealer-write .api-nav .box-form.option-form p {
    display: flex;
    gap: .5%;
    justify-content: space-between;
}

.dealer-write .api-nav .box-form.option-form p input {
    margin-bottom: 0;
    width: 49%;

}

.dealer-write .api-nav .box-form.option-form button {
    height: 41.5px;
}

.table-wrap {
    width: 100%;
}

.dealer-table {
    width: 100%;
}

.dealer-table table {
    table-layout: fixed;
    border-collapse: collapse;
}

.dealer-table table th {
    padding: 10px;
    border: 1px solid #E3E5EA;
    border-bottom: 2px solid #1443B3;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    border-right: 0;
}

.dealer-table table th:last-of-type {
    border-right: 1px solid #E3E5EA;
}

.dealer-table table td {
    border: 1px solid #E3E5EA;
    font-size: 14px;
    padding: 4px;
    text-align: center;
}

.list-head.sub-table-head {
    margin-bottom: 10px;
}

.sub-table-head .search-bar select {
    height: 40px;
}

.sub-table-head .search-bar .input-search button {
    height: 40px;
    font-size: 14px;
}

.sub-table-head .search-bar input {
    height: 40px;
}

.sub-table-head .del-btn {
    height: 40px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
}

.dealer-table table td.sale-td {
    padding: 0;
}

.table-sale {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.contents-box .dealer-table input {
    padding: 0;
    border: 0;
    text-align: right;
    padding: 4px;
    font-size: 14px;
    width: 100px;
}

.table-sale .box-form {
    border-bottom: 1px solid #E3E5EA;
    display: flex;
    align-items: center;
}

.table-sale .box-form .sale-input {
    width: calc(100% - 100px);
    display: flex;
}

.table-sale .box-form .sale-input > span > span {
    width: 12px;
}


.table-sale .box-form .sale-input > span {
    width: 120px;
    display: flex;
    padding: 4px;
    font-size: 14px;
    align-items: center;
    justify-content: right;
}

.table-sale .box-form .sale-input > span:first-of-type {
    border-right: 1px solid #E3E5EA;
    border-left: 1px solid #E3E5EA;
}

.contents-box .dealer-table .sale-input > span:first-of-type {
    width: 70px;
}

.contents-box .dealer-table .sale-input > span:first-of-type input {
    width: 50px;
}

.table-sale .box-form label {
    font-size: 13px;
    width: 100px;
    padding: 2px 5px;
    text-align: left;
}

.dealer-table .total-td {
    width: 100%;
    height: 100%;
}

.dealer-table .total-td li {
    display: flex;
    align-items: center;
}

.dealer-table .total-td span {
    font-size: 12px;
    color: #525252;
    font-weight: 500;
}

.dealer-table .total-td span.label {
    width: 50px;
    text-align: left;
}

.dealer-table .total-td span.num {
    text-align: right;
    width: calc(100% - 50px);
    font-size: 13px;
}

.dealer-table .total-td .total-num {
    border-top: 1px solid #E3E5EA;
    margin-top: 5px;
    padding-top: 5px;
}

.dealer-table .total-td .total-num span {
    font-weight: 600;
    color: #333
}

.dealer-table .option-td {
    position: relative;
}

.option-td span {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dealer-table .chk_box {
    display: inline-block;
    padding: 0;
}

.dealer-table th .chk_box .on {
    left: -9px;
    top: -5px;
}

.dealer-table .chk_box .on {
    left: 5px;
    top: -6px;
}

.wr-guide {
    width: 100%;
    padding: 0;
    background-color: #ffeeee;
    word-break: keep-all
}

.wr-guide span.r-strong {
    color: #f55f5f;
    font-weight: 600;
}

.wr-guide > div {
    padding: 10px 20px;
    font-size: 13px;
}

.wr-guide i {
    color: #11a08a;
}

.wr-guide a {
    color: #1443B3;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

/*--------------------------------------------------------------------------------------
딜러사재고-즉시출고 23.06.12
----------------------------------------------------------------------------------------*/
.api-result.dealer-result .result-nav {
    background-color: #fff;
    width: 32.333333%;
    margin: .5%;
    position: relative;
    border: 12px solid transparent;
    border-radius: 12px 12px 20px 20px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #1443B3, #A66FF5);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.api-result.dealer-result .result-nav li.car-info {
    background: linear-gradient(90deg, #1443B3, #A66FF5);
    border-bottom: 0;
    border-radius: 0;
    padding: 0;
    padding-bottom: 12px;
}

.api-result.dealer-result .result-nav li .info-nav .dealer {
    margin-bottom: 3px;
}

.api-result.dealer-result .result-nav li .info-nav {
    margin-top: 0;
}

.api-result.dealer-result .result-nav li.car-info .date-group {
    display: flex;
    flex-direction: row;
    gap: 4px;
    width: 100%;
}

.api-result.dealer-result .result-nav li.car-info .date {
    font-size: 13px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 400;
    width: auto;
    display: flex;
}

.api-result.dealer-result .result-nav li.car-info .date .date-nav {
    width: auto;
}

.api-result.dealer-result .result-nav li.car-info .date .date-nav .fa-question-circle {
    margin-left: 2px;
    cursor: pointer;
}

.api-result.dealer-result .result-nav li.car-info .date-nav label {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}


.api-result.dealer-result .result-nav li.car-info .date span {
    font-weight: 400;
}

.api-result.dealer-result .result-nav li.car-info .date .date-nav:last-of-type {
    margin-left: 10px;
}

.dealer-total {
    display: flex;
    width: 100%;
    align-items: center;
}

.api-result.dealer-result .result-nav li > div.dealer-total .tit-car {
    width: 50%;
}

.api-result.dealer-result .result-nav li > div.dealer-total .tit-car strong {
    margin-right: 3px;
}

.api-result.dealer-result .result-nav li > div.dealer-total .tit-car span {
    width: 100%;
    text-align: left;
    padding: 0;
}

.api-result.dealer-result .result-nav li > div.dealer-total .tit-car span.total-num span {
    color: #357FBE;
    font-size: 13px;
    font-weight: 600;
}

.api-result.dealer-result .result-nav li > div.dealer-total .tit-car span.total-num span.sub-txt {
    border: 1px solid #357FBE;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    margin-left: 3px;
}

.api-result.dealer-result .result-nav li > div.dealer-total .tit-car .car-num {
    font-size: 16px;
}

.api-result.dealer-result .result-nav li > div.dealer-total .tit-price span {
    color: #191919;
    font-weight: 600;
}

.dealer-total .tit-price {
    width: 50%;
}

.api-result.dealer-result li.dealer-con label {
    font-size: 14px;
    color: #5c5b5b;
    font-weight: 500;
    width: 60px;
    display: inline-block;
}

.api-result.dealer-result .result-nav li.dealer-con > div {
    margin-bottom: 3px;
    justify-content: space-between;
    display: flex;
}

.api-result.dealer-result .result-nav li.dealer-con > div.info-guide span {
    display: block;
    text-align: left;
    width: 100%;
}

.api-result.dealer-result .result-nav li.dealer-con > div.info-guide {
    display: block;
    width: 100%;
}

.api-result.dealer-result .result-nav li.dealer-con > div:last-of-type {
    margin-bottom: 0;
}

.api-result.dealer-result .result-nav li.dealer-con > div span {
    text-align: right;
    display: inline-block;
    color: #191919;
    padding: 0;
    font-size: 14px;

}

.api-result.dealer-result .result-nav li.dealer-con .share-tooltip span {
    display: inherit;
}

.dealer-con.sale-nav div {
    display: flex;
}

.dealer-con.sale-nav div .sale-price > span.info {
    width: 80%;
    margin-bottom: 2px;
    display: flex !important;
    align-items: center;
    text-align: left !important;
    margin-left: auto;
    flex-wrap: wrap;
}

.list-nav .dealer-con.sale-nav div .sale-price > span.info span:last-of-type {
    margin-left: auto;

}

.api-result.dealer-result .result-nav li.dealer-con.sale-nav > div span.info > span:last-of-type {
    width: 50% !important;
}

.dealer-con.sale-nav div .sale-price > span > span {
    width: auto;
}

.dealer-con.sale-nav div .sale-price > span > span.label {
    color: #678ADF;
    text-align: left;
    width: 50%;
}

.api-result.dealer-result li.dealer-con .contact-num label {
    width: 70px;
}

.api-result.dealer-result li.dealer-con .contactus button {
    position: relative;
}

.api-result.dealer-result li.dealer-con .contactus button .share-tooltip {
    left: 0;
    top: -108px;
}

.api-result.dealer-result .date-nav {
    position: relative;
}

.api-result.dealer-result .date-nav input {
    width: 70px;
    font-size: 12px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    font-weight: 500;
}

.api-result.dealer-result .result-nav li.dealer-con .date .date-group {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 80px);
    text-align: right;
    justify-content: flex-end;

}

.api-result.dealer-result .result-nav li.dealer-con .date .date-group span {
    width: auto;
    margin-left: auto;
}

.api-result.dealer-result .result-nav li.dealer-con .date .date-group b {
    margin-left: auto;
}

.api-result.dealer-result .date-nav .api-tool {
    position: absolute;
    background-color: #484848;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    top: 30px;
    z-index: 2;
    width: auto;
    right: 0;
}

.box-form .api-tool {
    position: absolute;
    background-color: #484848;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    top: 30px;
    z-index: 2;
    width: 180px;
    left: 0;
}

.box-form .api-tool span {
    display: block;
    color: #fff;
    text-align: left;
    width: auto;
    padding-left: 12px;
    text-indent: -10px;
    margin-bottom: 2px;
    font-size: 12px;
}

.api-tool {
    display: none;
}

.api-result.dealer-result .date-nav:hover .api-tool {
    display: block;
}

.api-result.dealer-result .date-nav:first-of-type .api-tool {
    width: 180px;
    left: 0;
}

.api-result.dealer-result .date-nav .api-tool span {
    display: flex;
    color: #fff;
    text-align: left;
    width: auto;
    padding-left: 12px;
    text-indent: -10px;
    margin-bottom: 2px;
    font-size: 12px;
}

.api-result.dealer-result .date-nav .ui-datepicker-trigger {
    display: inline-block;
    background-color: transparent;
    padding: 2px 6px;
    color: #fff;
    border: 1.5px solid rgba(255, 255, 255, 0.83);
    border-radius: 3px;
    font-size: 12px;
    margin-left: 2px;

}

.api-result.dealer-result .date {
    width: 100%;
}

.font-r span,
.api-result.dealer-result .font-r label,
.font-r input {
    color: #ff9898 !important;
}

.api-result .result-nav .font-r span.api-tool strong,
.api-result .result-nav .font-r span.api-tool span {
    color: #fff !important;
}

.api-result.dealer-result .result-nav.on {
    border: 5px solid red;
}

.api-result.dealer-result .car-wrap {
    display: flex;
    width: 100%;
    flex-direction: row;
    margin-bottom: 8px;
}

.api-result.dealer-result .car-wrap .car-img {
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.api-result.dealer-result .car-wrap .brand {
    width: calc(100% - 180px);
}

.api-result.dealer-result .result-nav li .info-head.id .head-id {
    width: 100%;
    text-align: left;
    padding: 0;
    font-weight: 400;
}

/*뱃지*/
.api-result .result-nav li.car-info div span.list-badge-g {
    display: flex;
    width: 100%;
    gap: 4px;
    flex-direction: row;
    flex-wrap: wrap;
}

.api-result .result-nav li.car-info div span.list-badge-g span {
    text-align: center;
    font-size: 11px;
    border-radius: 100px;
    padding: 6px 8px;
    font-weight: 600;
    width: auto;
}

.api-result .result-nav li.car-info div span.list-badge-g > span:first-of-type {
    margin: 0;
}

.dealer-result .list-badge-g .lease-rent {
    background-color: #ff9c27;
}

.dealer-result .list-badge-g .rent {
    background-color: #F947A7;
}

.dealer-result .list-badge-g .lease {
    background-color: #2DCCC2;
}

.dealer-result .list-badge-g .cash {
    background-color: #43abf7;
}

.dealer-result .list-badge-g .divide {
    background-color: #ff6868;
}

.dealer-result .list-badge-g .etc {
    background-color: #ff5cf9;
}

/*재고id*/
.nav .dealer-result .contract-num {
    text-align: left;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    flex-wrap: wrap;
    flex-flow: row;
    border-top: 1px solid rgba(255, 255, 255, 0.59);
    padding-top: 8px;
    align-items: center;
}

.nav .dealer-result .contract-num span:first-of-type {
    width: auto;
}

.nav .dealer-result .contract-num span.id {
    width: auto;
    padding: 0;
}

.nav .dealer-result .coppy-btn {
    padding: 4px 10px;
    border: 1px solid #fff;
    border-radius: 3px;
    margin-left: 4px;
    font-weight: 400;
    font-size: 11px;
}

.nav .dealer-result .info-nav .date {
    font-size: 13px;
    font-weight: 400;
    flex-wrap: wrap;
    word-break: keep-all;
    display: flex;
    width: 100%;
    margin-top: 3px;
}

.nav .dealer-result .info-nav .date i {
    vertical-align: middle;
    margin-right: 4px;
    margin-top: 4px;
    font-weight: 500;
    border-radius: 3px;
    font-size: 12px;
}

.c-badge {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 100% !important;
    position: relative;
    top: -2px;
    margin-right: 3px;

}

.date-group .date:last-of-type .c-badge {
    margin-right: 0;
}

.c-nav .c-badge {
    margin-right: 6px;
    top: 7.5px;
}

/*--------------------------------------------------------------------------------------
2차 - 자주묻는질문 23.01.17
----------------------------------------------------------------------------------------*/

.signup-info.community.faq {
    flex-wrap: wrap;
    word-break: keep-all;
}

.accordion-box {
    width: 100%;
    margin: 0 auto;
}

.signup-info.community.faq p.title {
    width: 100%;
    background: #fff;
    color: #000;
    box-sizing: border-box;
    padding: 20px 10px;
    cursor: pointer;
    border-bottom: 1px solid #E3E5EA;
    border-radius: 6px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding-right: 15px;
    word-break: keep-all;
    font-size: 17px;
}

.signup-info.community.faq p.title span.fa-quora {
    margin-right: 8px;
    color: #009ccb;
}

.signup-info.community.faq p.title i.fa-angle-down {
    margin-left: auto;
}

.signup-info.community.faq p.title i.fa-angle-up {
    margin-left: auto;
}

.signup-info.community.faq .con {
    padding: 20px;
    display: none;
    background-color: #f9f9fa;
    border-bottom: 1px solid #E3E5EA;
    font-size: 16px;
    font-weight: 500;
    color: #464646;
    padding-left: 32px;
    line-height: 26px;
}

.con.faq-fees span {
    display: block;
    margin-bottom: 4px;
}

.con.faq-fees p {
    font-weight: 600;
    color: #002887;
}

.con.faq-fees span strong {
    font-weight: 600;
}


/*--------------------------------------------------------------------------------------
리스 견적 비교
----------------------------------------------------------------------------------------*/


/*셀렉트*/

.select {
    display: inline-block;
    width: calc(100% - 100px);
    font-size: 14px;
    border: 1px solid #D7D9E1;
    border-radius: 5px;
    position: relative;
    background-color: #fff;
}

.select .selected {
    display: flex;
    justify-content: space-between;
    padding: 10px 8px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.select .selected .arrow {
    width: 24px;
    background: url("../images/icon/ico-select.svg") no-repeat 70% 50%;
    background-size: 50% 50%;
}

.select ul li,
.select .selected .selected-value {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select ul {
    min-width: 100%;
    max-width: 100%;
    border: 1px solid #D7D9E1;
    display: none;
    position: absolute;
    background: #fff;
    margin: 4px 0 0 0px;
    cursor: pointer;
    z-index: 99;
    border-radius: 5px;
}

.select.active ul {
    display: initial;
    max-height: 250px;
    overflow-y: scroll;
    max-width: 450px;
}

.select.active ul::-webkit-scrollbar-track {
    background-color: #dfe0e5;
}

.select.active ul::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.select.active ul::-webkit-scrollbar-thumb {
    background-color: #c9c9c9;
}

.select ul li {
    padding: 10px 8px;
    display: flex;
    align-items: center;
}

.select ul li img {
    max-width: 30px;
}

.select ul.model li img {
    max-width: 30px;
}

.select ul.rating li {
    display: flex;
}

.select ul.rating li span.name {
    margin-right: 10px;
}

.select ul.rating li .price {
    margin-left: auto;
}

.select ul li:hover {
    background: rgba(195, 195, 195, 0.35)
}

/*end::셀렉트*/

.lease-estimate .api-nav .box-form .input-box.check {
    margin: 4px 0;
    border: 1px solid #D7D9E1;
    border-radius: 6px;
}

.lease-estimate .api-nav .box-form .input-box.check .sale-input span {
    border: 0;
    border-radius: 0;
    width: 50%;
}

.lease-estimate .api-nav .box-form .input-box.check .sale-input > span:first-of-type {
    border-right: 1px solid #D7D9E1;
}

.lease-estimate .api-nav .box-form .input-box.check .unit-input {
    border: 0;
    border-top: 1px solid #D7D9E1;
    border-radius: 0;
}

.lease-estimate .api-nav .box-form .input-box.check label {
    padding-left: 23px;
    width: 100%;
    font-size: 13px;
    text-align: right;
    padding-top: 7px;
}

.lease-estimate .api-nav .box-form .input-box.check .chk_box .on {
    right: 86px;
    left: auto;
    top: 7.5px;
}

.lease-estimate .unit-input {
    display: inline-block;
    border: 1px solid #D7D9E1;
    width: calc(100% - 100px);
    border-radius: 5px;
}

.lease-estimate .unit-input input {
    border: 0;
    width: calc(100% - 20px);
    text-align: right;
}

.lease-estimate .unit-input .unit-select {
    border: 0;
    width: 100%;
}

.lease-estimate .unit-input.sale-input {
    border: 0;
}

.input-box.check {
    width: calc(100% - 100px)
}

.input-box.check .unit-input {
    width: 100%;
}

.lease-estimate .api-nav .box-form .option-check {
    min-height: 275px;
    max-height: 275px;
}

.lease-estimate .api-write::after {
    width: 0;
    height: 0;
}

.lease-estimate .box-text {
    width: calc(100% - 100px);
    /*    border: 1px solid #D7D9E1;*/
    padding: 10px 12px;
    background-color: #f0f4ff;
    border-radius: 6px;
    margin-bottom: 4px;
}

.lease-estimate .box-text span {
    width: 100%;
    display: inline-block;
    word-break: keep-all;
    font-size: 14px;
    font-weight: 500;
    color: #505050;
}

.lease-estimate .box-text span strong {
    color: #1443B3;
    font-weight: 600;
}

/*상세견적*/

.lease-result {
    width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #e6e6e6;
    padding-top: 30px;
}

.lease-result input:disabled {
    background-color: #fff !important;
}

.form-won {
    display: flex;
    align-items: center;
}

.form-won span {
    width: 18px;
    font-size: 13px;
    padding-right: 8px;
}

.form-won input {
    width: calc(100% - 18px) !important;
}

.lease-result .result-wrap {
    display: flex;
    column-gap: 1%;
    margin-bottom: 20px;
}

.tit-col-g .capital-head {
    background-color: #83c79e;
}

.tit-col-b .capital-head {
    background-color: #6f96ff;
}

.tit-col-y .capital-head {
    background-color: #ffbd4c;
}

.tit-col-g {
    background-color: #83c79e;
}

.tit-col-b {
    background-color: #6f96ff;
}

.tit-col-y {
    background-color: #ffbd4c;
}

.est-head .tit-head {
    display: flex;
    padding: 16px 10px;
    width: 100%;
    align-items: center;
    border-radius: 12px 12px 0px 0px;
}

.est-head .tit-head .tit {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.est-head .head-btn {
    margin-left: auto;
    font-size: 14px;
}

.est-head .head-btn button {
    background-color: transparent;
    padding: 4px 8px;
    border-radius: 6px;
    color: #4e4e4e;
    background-color: #fff;
    border: 1.5px solid rgba(255, 255, 255, 0.66);
    font-size: 13px;
    font-weight: 400;
}

.est-head .sub-head {
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.est-head .sub-head > span {
    margin-top: .2px;
}

.est-head .sub-head label {
    font-size: 14px;
}

.est-head .radio-head {
    padding: 10px 8px;
    padding-left: 10px;
}

.est-head .radio-head:first-of-type {
    min-width: 101px;
    padding-left: 0;
    padding-right: 0;
}

.radio-head label {
    cursor: pointer;
}

.radio-head span {
    vertical-align: middle;
    margin-top: -6px;
}

.radio-head input[type="radio"] {
    vertical-align: middle;
    appearance: none;
    border: 1px solid lightgray;
    border-radius: 100%;
    width: 13px;
    height: 13px;
    padding: 0;
    cursor: pointer;
}

.radio-head input[type="radio"]:checked {
    background-color: #2DCCC2;
    border: 1px solid #2DCCC2;
}

.radio-head input[type="radio"]:disabled {
    background-color: lightgray;
    box-shadow: none;
    opacity: 0.7;
    cursor: not-allowed;
}

.radio-head input[type="radio"]:disabled + span {
    opacity: 0.7;
    cursor: not-allowed;
}

.r-line {
    border: 3px solid #f55f5f !important;
    border-top: 3px solid #f55f5f !important;
    border-radius: 3px;
    position: relative;
}

.r-line .check-guide {
    position: absolute;
    background-color: #fff;
    border: 3px solid #f55f5f;
    bottom: -15px;
    z-index: 1;
    right: 8px;
    font-size: 13px;
    border-radius: 100px;
    color: #f55f5f;
    font-weight: 700;
}

.r-line .check-guide span {
    padding: 4px;
    display: inline-block;
    padding-left: 16px;
}

.r-line .check-guide input {
    border-radius: 0px 100px 100px 0;
    padding: 4px 15px;
    background-color: #f55f5f;
    font-size: 13px;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
}

/* Global CSS */

.radio-head {
    display: flex;
    justify-content: center;
    border: none;
    margin: 0;
}

.nav-col1 .est-button button {
    background-color: #83c79e;
    color: #fff;
}

.nav-col2 .est-button button {
    background-color: #6f96ff;
    color: #fff;
}

.nav-col3 .est-button button {
    background-color: #ffbd4c;
    color: #fff;
}

.nav-col1 .result-box.on {
    background-color: #83c79e;
    color: #fff;
}

.nav-col2 .result-box.on {
    background-color: #6f96ff;
    color: #fff;
}

.nav-col3 .result-box.on {
    background-color: #ffbd4c;
    color: #fff;
}

.result-box.on .name {
    color: #fff !important;
}

.result-box.on .price {
    color: #fff !important;
}

.result-box.on .price strong {
    color: #fff !important;
}

.est-button {
    text-align: center;
}

.est-button button {
    width: 100%;
    padding: 10px;
}

.btn-turn {
    width: 100%;
    display: flex;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

.btn-turn > span:first-of-type {
    border-right: 1px solid #e6e6e6;
}

.btn-turn span {
    width: 50%;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
}

.btn-turn > span.on {
    color: #1443B3;
}

.btn-turn > span.on i {
    color: #1443B3;
}

.btn-turn i {
    color: #797979;
    margin-left: 4px;
    font-size: 16px;
}

.lease-result .estimate-wrap {
    width: 32.5%;
    border-bottom: 0;
}

.estimate-wrap .nav {
    border: 1.5px solid #e6e6e6;
    border-radius: 12px 12px 0 0;
}


/*잔존가치*/

.est-form.input-gu .est-info.input-box.check .unit-input {
    display: flex;
    width: calc(100% - 142px);
    align-items: center;
}

.lease-estimate .est-form.input-gu .unit-input input {
    margin-right: 8px;
}

.lease-estimate .est-form.input-gu .radio-head {
    font-size: 13px;
    width: 142px;
}

.lease-estimate .est-form.input-gu .radio-head label:first-of-type {
    margin-right: 3px;
}


/*공채*/
.est-form .est-info.input-box.check.sel-input .est-info {
    width: 100%;
    border-left: 0;
}

.est-form .est-info.input-box.check.sel-input .est-info > span {
    width: 50%;
}

.est-form .est-info.input-box.check.sel-input .unit-input {
    padding: 0;
}

.est-form .est-info.input-box.check.sel-input .unit-sele {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.est-form .est-info.input-box.check.sel-input .unit-sele select {
    border-radius: 0;
}

.est-form .est-info.input-box.check.sel-input .unit-input input {
    padding: 10px 8px;
    padding-right: 26px;
}

.estimate-wrap .est-body .est-form {
    display: flex;
    border-bottom: 1px solid #e6e6e6;
    align-items: center;
}

.estimate-wrap .est-body .est-form > label {
    font-size: 14px;
    font-weight: 500;
    width: 100px;
    padding: 0 8px;
    position: relative;
    line-height: 1.4;
}

.coming-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px 24px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border-radius: 8px;
    backdrop-filter: blur(4px);
    pointer-events: auto;
    z-index: 80;
    /* 클릭 방지 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.rent-result {
    position: relative;
}

.rent-result .estimate-wrap .est-body .est-form > label {
    width: 115px;
}

.lease-result.rent-result input:disabled {
    background-color: #f4f4f4 !important;
}

.estimate-wrap .est-body .est-form > label .guide {
    position: absolute;
    background-color: #484848;
    color: #fff;
    border-radius: 5px;
    padding: 12px 12.8px;
    width: 150px;
    z-index: 10;
    font-size: 12px;
    top: -10px;
    left: 80px;

}

.estimate-wrap .est-body .est-form > label .guide:after {
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 10px solid #484848;
    content: "";
    position: absolute;
    top: 12px;
    left: -10px;
}

.tooltip .guide {
    display: none;
}

.tooltip:hover .guide {
    display: block;
}

.estimate-wrap .est-body .est-form > label .guide label {
    color: #ccd2ff;
    margin-bottom: 2px;
}

.estimate-wrap .est-body .est-form > label .guide ul li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
    border-bottom: 1px dotted rgba(221, 221, 221, 0.17);
    padding-bottom: 4px;
}

.estimate-wrap .est-body .est-form > label .fa.fa-question-circle {
    color: #B3B3B3;
    margin-left: 3px;
    cursor: pointer;
}

.estimate-wrap .est-body .est-form > label .guide ul li:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
}

.estimate-wrap .est-body .est-form .est-info {
    width: calc(100% - 100px);
    border-left: 1px solid #e6e6e6;
    flex-wrap: wrap;
}

.rent-result .estimate-wrap .est-body .est-form .est-info {
    width: calc(100% - 115px);
}

.estimate-wrap .est-body .est-form.input-gu .est-info.sale-input {
    border-left: 0;
}

.estimate-wrap .est-body .est-form .text-guide {
    font-size: 12px;
    padding: 4px;
    border-top: 1px solid #e6e6e6;
    word-break: keep-all;
    width: 100%;
    background-color: #f4f5fb;
    color: #4d4d4d;
    font-weight: 500;
}

.est-info select {
    width: 100%;
    border: 0;
}

.est-info.sale-input {
    display: flex;
}

.est-info.sale-input > span {
    width: calc(100% - 80px);
    display: flex;
    align-items: center;
    border-radius: 0;
    position: relative;
}


.est-info.sale-input > span.input-percent {
    width: 80px;
}

.est-info.sale-input > span:first-of-type {
    border-right: 1px solid #e6e6e6;
}

.est-info.sale-input > span input {
    width: 100%;
    border: 0;
    border-radius: 0;
    text-align: right;
    padding: 10px 8px;
    padding-right: 24px;
    font-size: 14px;
    background-color: transparent;
}

.est-info.sale-input > span input:disabled {
    background-color: #f4f4f4;
}

.est-info.sale-input > span .unit {
    font-size: 13px;
    position: absolute;
    right: 8px;
}

.est-form .est-info.input-box.check {
    display: flex;
    align-items: center;
}

.est-form .est-info.input-box.check .check-box {
    width: 122px;
    padding: 6px;
    top: 4px;
}

.est-info .chk_box {
    top: 5px;
}

.est-form .est-info.input-box.check .unit-input {
    width: calc(100% - 122px);
    padding: 10px 8px;
    font-size: 14px;
    border: 0;
    border-left: 1px solid #e6e6e6;
    border-radius: 0;
}

.lease-estimate .capital-form .unit-input.input-txt span {
    position: inherit;
    min-height: 42.5px;
    display: inline-block;
    width: 100% !important;
    text-align: right;
}

.est-form .est-info.input-box.check .unit-input input {
    padding: 0;
}

.rent-capital .capital-contents .capital-form.est-form.t-form .unit-form label {
    width: 80px;
}

.capital-form.est-form.t-form .unit-form .unit-input {
    width: calc(100% - 80px);
}

.est-form.t-form .unit-form {
    width: 50%;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.est-form.t-form .unit-form label {
    width: 100px;
    padding: 0 8px;
    font-weight: 500;
}

.est-form.t-form .unit-form .unit-input {
    width: calc(100% - 100px);
    border: 0;
    border-left: 1px solid #e6e6e6;
    border-radius: 0;
}

.est-form.t-form .unit-form .unit-input:first-of-type {
    border-right: 1px solid #e6e6e6;
}

.est-info.radio-input {
    display: flex;
}

.est-sel-group {
    display: flex;
    font-size: 14px;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}

.est-sel-group:last-of-type {
    border-bottom: 0;
}

.est-sel-group .label {
    width: 79px;
    padding: 4px;
}

.est-sel-group select {
    width: calc(100% - 79px);
    border-left: 1px solid #e6e6e6;
    border-radius: 0;
}

.est-info.radio-input .sale-input {
    border-top: 1px solid #e6e6e6;
}

.est-info.radio-input.radio-100 > div {
    width: 50%;
    flex: 1 1 auto;
}

.est-info.radio-input > div {
    width: 50%;
}

.radio_common {
    width: 100%;
    text-align: center;
}

.est-info.radio-input > div label {
    display: block;
    border-radius: 0;
    padding: 10px 0;
    color: #b2b2b2;
    font-size: 13px;
    width: 100%;
    font-weight: 400;
    cursor: pointer;
    margin-top: -24px;
}

.est-info.radio-input > div:first-of-type label {
    border-right: 1px solid #e6e6e6;
}

.result-block input[type="radio"]:checked + label,
.rent-result input[type="radio"]:checked + label,
.rent-capital input[type="radio"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="answer"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input.radio_btn[type="radio"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="registrationTax0"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="registrationTax1"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="registrationTax2"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="registrationTax3"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="registrationTax4"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="registrationTax5"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="registrationTax6"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="carTax0"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="carTax1"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="carTax2"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="carTax3"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="carTax4"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="carTax5"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="carTax6"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="answer2"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="answer3"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="answer4"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="answer5"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

input[type="radio"][name="answer6"]:checked + label {
    background: #e3e6ef;
    border-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

.est-info.radio-input input[type="radio"] {
    opacity: 0;
}

.esit-result {
    display: flex;
    width: 100%;
    column-gap: 1%;
}

.esit-result .nav-result {
    display: flex;
    width: 32.5%;
    border-bottom: 0;
    flex-direction: column;
    position: relative;
    border: 1px solid #e6e6e6;
    border-top: 0;
}

.esit-result .nav-result .list-loading {
    height: 100%;
    display: flex;
    align-items: center;
}


.esit-result .nav-result .list-loading .img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.esit-result .nav-result .list-loading .img img {
    width: 150px;
}

.esit-result .nav-result .list-loading .loader {
    top: 25px;
}

.esit-result .result-box {
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    display: flex;
    width: 100%;
    flex-direction: row;
    cursor: pointer;
    flex-wrap: wrap;
    position: relative;
}

/*용품 체크박스 추가*/
/* 가이드 문구 */
.est-info .option-guide {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #555;
    padding: 4px;
    padding-bottom: 0;
    font-weight: 500;
}

/* 둥근 배경 + 흰색 아이콘 */
.est-info .option-guide .guide-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #0b76ff;
    color: white;
    font-size: 12px;
    flex-shrink: 0;
    margin-right: 4px;
}

/* 그리드 레이아웃 (옵션을 여러열로) */
.est-info .option-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 12px;
    align-items: start;
    margin: 0;
    padding: 6px 4px;
}

/* 라벨 전체를 클릭 가능하게 */
.est-info .option-list .chk {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    color: #111;
    line-height: 1.3;
}

/* 실제 체크박스는 시각적으로 숨기되 접근성 유지 */
.est-info .option-list .chk input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

/* 체크 모양 박스 (시각 요소) */
.est-info .option-list .chk .chk-box {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 4px;
    border: 2px solid #cfcfcf;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    background: white;
    transition: background .18s ease, border-color .18s ease, box-shadow .12s ease;
    flex-shrink: 0;
}

/* 체크 아이콘 (::after) - initially hidden by scale */
.est-info .option-list .chk .chk-box::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transform-origin: center;
    transition: transform .14s cubic-bezier(.2, .9, .3, 1);
}

/* 포커스 링: input이 포커스일 때 체크박스에 표시 */
.est-info .option-list .chk input[type="checkbox"]:focus + .chk-box {
    box-shadow: 0 0 0 4px rgba(11, 118, 255, 0.14);
    outline: none;
}

/* 체크된 상태 스타일 */
.est-info .option-list .chk input[type="checkbox"]:checked + .chk-box {
    background: #1443B3;
    border-color: #1443B3;
}

/* 체크된 경우 체크 아이콘 보이기 */
.est-info .option-list .chk input[type="checkbox"]:checked + .chk-box::after {
    transform: rotate(45deg) scale(1);
}

/* hover 효과 */
.est-info .option-list .chk:hover .chk-box {
    border-color: #a8a8a8;
}

/* 라벨 텍스트 스타일(줄바꿈 대응, 길면 자동 래핑) */
.est-info .option-list .chk .chk-label {
    display: inline-block;
    word-break: keep-all;
    white-space: normal;
}

/* disabled 상태 */
.est-info .option-list .chk input[type="checkbox"]:disabled + .chk-box {
    background: #e6e6e6;
    /* --color-disabled */
    border-color: #e6e6e6;
    cursor: not-allowed;
    opacity: 0.9;
}

.est-info .option-list .chk input[type="checkbox"]:disabled ~ .chk-label {
    color: #8a8a8a;
    cursor: not-allowed;
}

.price-same {
    font-size: 13px;
    width: 100%;
    margin-top: 8px;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.price-same .km {
    color: #666;
}

.price-same .same-guide {
    background-color: rgba(240, 240, 240, 0.92);
    padding: 4px 8px;
    border-radius: 3px;
}


.price-same strong {
    font-size: 11.5px;
    border-radius: 6px;
    color: #333;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    margin-right: 12px;
    font-weight: 500;

}

.esit-rent-result .price-same strong::after {
    display: none;
}

.esit-rent-result .price-same strong {
    margin-right: auto;
    cursor: pointer;
}

.esit-rent-result .price-same .same-guide {
    position: relative;
    display: inline-block;
}

.esit-rent-result .tooltip-content {
    position: absolute;
    top: 110%;
    left: 0;
    min-width: 260px;
    background: #333;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 12px 16px;
    line-height: 1.5;
    font-size: 13px;
    display: none;
    z-index: 20;
    color: #fff;
}

.esit-rent-result .price-same .same-guide:hover .tooltip-content {
    display: block;
}

.esit-rent-result .tooltip-content ul {
    padding-left: 16px;
    margin: 0;
}

.esit-rent-result .tooltip-content li {
    list-style-type: disc !important;
}

.esit-rent-result .tooltip-content li + li {
    margin-top: 4px;
}

.price-same strong::after {
    content: '';
    position: absolute;
    top: 8.3px;
    right: -11px;
    width: 6px;
    height: 2px;
    border-radius: 100px;
    background-color: #23aa86;
}


.nav-col2 .price-same strong::after {
    background-color: #6f96ff;
}

.nav-col3 .price-same strong::after {
    background-color: #ff8103;
}

.price-same .percent-order {
    margin-left: auto;
    padding: 4px 8px;
    border-radius: 3px;
}

.result-box.on .price-same .percent-order {
    border: 1.5px solid #fff;
    color: #fff;
}

.nav-col1 .price-same .percent-order {
    color: #23aa86;
    border: 1.5px solid #23aa86;
}

.nav-col2 .price-same .percent-order {
    color: #2c65ff;
    border: 1.5px solid #2c65ff;
}

.nav-col3 .price-same .percent-order {
    color: #ff8103;
    border: 1.5px solid #ff8103;
}

.price-same strong i {
    margin-right: 2px;
}

.nav-col1 .result-box .price-same strong {
    color: #23aa86;
}

.nav-col2 .result-box .price-same strong {
    color: #2c65ff;
}

.nav-col3 .result-box .price-same strong {
    color: #ff8103;
}

.nav-col1 .result-box.on {
    border-bottom: 1px solid #d0fff3;
}

.nav-col1 .result-box.on:last-of-type {
    border-bottom: 0;
}

.esit-result .result-box:last-of-type {
    border-bottom: 1px solid #e6e6e6;
}

.esit-result .result-box .name-ico {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-color: #f4f6fa;
    border-radius: 100px;
    text-align: center;
    vertical-align: middle;
    margin-right: 4px;
}

.esit-result .result-box .name-ico i {
    vertical-align: middle;
    padding-top: 2px;
    color: #afbac8;
}

.result-box .order {
    width: 100%;
    display: flex;
    font-size: 12px;
    margin-bottom: 6px;
    align-items: center;

}

.result-box .order > div {
    background-color: #939393;
    border-radius: 100px;
    padding: 4px 8px;
    margin-right: 6px;
    color: #fff;
    font-weight: 500;
}

.result-box.on .order .percent-order {
    background-color: transparent !important;
    color: #fff !important;
}

.result-box .order .percent-order {
    background-color: transparent !important;
}

.nav-col1 .result-box .order > div {
    background-color: #e4f4f0;
    color: #23aa86;
}

.nav-col2 .result-box .order > div {
    background-color: #e7eeff;
    color: #2c65ff;
}

.nav-col3 .result-box .order > div {
    background-color: #fff0d6;
    color: #ff8103;
}

.result-box .order > div.click-order {
    margin-left: auto;
    background-color: #e4f4f0;
    color: #83c79e;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
    margin-right: 0;

}

.result-box .order > div.click-order i {
    font-size: 18px;
}


.nav-col2 .result-box .order > div.click-order {
    background-color: #e7eeff;
    color: #6f96ff;
}

.nav-col3 .result-box .order > div.click-order {
    background-color: #fff0d6;
    color: #ff8c37;
}

.nav-col3 .result-box .order > div.click-order i {
    color: #ffbd4c;
}

.result-box .order > div i {
    margin-right: 4px;
}

.esit-result .result-box .name {
    color: #4f4e57;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: calc(100% - 125px);
    flex-wrap: wrap;
    word-break: keep-all;
}

.esit-result .nav-col2 .result-box .name .sub_name {
    color: #bc2929;
}

.esit-result .result-box .name .sub_name {
    color: #e02828;
    font-weight: 600;
    font-size: 12px;
    padding-left: 30px;
    width: 100%
}

.esit-result .nav-col2 .result-box .price-info .sub_name {
    color: #bc2929;
}

.esit-result .result-box .price-info .sub_name {
    color: #e02828;
    font-weight: 600;
    font-size: 14px;
    width: 100%
}

.esit-result .result-box .name .percent-order {
    margin-left: 0 !important;
}

.esit-result .result-box .name > div {
    margin-right: 4px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.nav-col1 .result-box.on .order .percent-order,
.nav-col2 .result-box.on .order .percent-order,
.nav-col3 .result-box.on .order .percent-order,
.esit-result .result-box.on .name .percent-order {
    border: 1px solid #fff !important;
    color: #fff;
    padding: 4px 8px;
    margin-top: 2px;
}

.esit-result .result-box .price {
    margin-left: auto;
    font-size: 14px;
    color: #787888;
    text-align: right;
}

.esit-result .result-box .price strong {
    font-size: 16px;
    font-weight: 500;
    margin-right: 3px;
    color: #333;
}

.esit-result .result-box .price-info {
    width: 100%;
    padding-left: 34px;
    margin-top: 4px;
}

.esit-result .result-box .price-info ul {
    display: flex;
    font-size: 14px;
}

.esit-result .result-box .price-info ul li strong {
    opacity: .8;
}

.esit-result .result-box .price-info ul li span {
    font-weight: 500;
}

.esit-result .result-box .price-info ul li:last-of-type {
    margin-left: auto
}


/*픽스 - 자량내용*/

.fix-w-car {
    position: fixed;
    background-color: #737584;
    left: 50%;
    margin-left: -640px;
    top: 80px;
    z-index: 98;
    display: flex;
    font-size: 13px;
    border-radius: 5px;
    overflow: hidden;
    width: 1280px;
    box-shadow: 10px 10px 10px rgba(131, 137, 154, 0.3);
    color: #fff;
}

.fix-w-car.fix-left {
    left: 0;
    margin: 0;
    width: 58.6%;
    margin: 0 20px;
}

.fix-w-car.active {
    animation: slider 1s;
}

.fix-w-car.close {
    animation: close 1s;
    animation-fill-mode: both;
}

@keyframes slider {
    0% {
        top: -10px;

    }

    100% {
        top: 80px;
    }
}

@keyframes close {
    0% {
        top: 80px;

    }

    100% {
        top: -10px;
    }
}

.fix-w-car .car-info {
    display: flex;
    width: 100%;
}

.fix-w-car .car-info .info {
    display: flex;
    width: calc(100% - 100px);
}

.fix-w-car .car-info .ch-btn {
    background-color: #002887;
    color: #fff;
    width: 100px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fix-w-car .car-info .ch-btn i {
    margin-right: 4px;
}

.fix-w-car .car-info .info p {
    border-right: 1px solid rgba(230, 230, 230, 0.24);
    padding: 10px;
    word-break: keep-all;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 15%
}

.fix-w-car .car-info .info p span {
    width: 100%;
}

.fix-w-car .car-info .info p.lineup {
    width: 25%;
}

.fix-w-car .car-info .info p.option {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.fix-w-car .car-info .info p.option strong {
    width: calc(100% - 40px);
}

.fix-w-car .car-info .info p:last-of-type {
    border-right: 0;
}


/*캐피탈*/
.lease-del {
    width: 1200px;
    margin: 0 auto;
    border-top: 1px solid #e6e6e6;
    margin-top: 20px;
    padding-top: 15px;
}

.lease-del button {
    background-color: #f55f5f;
    color: #fff;
    font-weight: 400;
    border: 1px solid #f55f5f;
}

.lease-capital {
    display: flex;
    column-gap: 1%;
    width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
    flex-wrap: wrap;
}

.lease-capital .capital-head {
    padding: 10px 15px;
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 12px 12px 0 0;
}

.lease-capital .capital-head .fa.fa-lock {
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.lease-capital .capital-head .fa.fa-unlock {
    cursor: pointer;
}

.lease-capital .fa.fa-unlock {
    cursor: pointer;
}

.lease-capital .capital-head .fa-clone {
    margin-left: 8px;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
}

.lease-capital .capital-head .fa-times {
    margin-left: auto;
    cursor: pointer;
}

.lease-capital .capital-head strong {
    margin-left: 8px;
}

.lease-capital .capital-nav .total {
    display: flex;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    flex-wrap: wrap;
}

.lease-capital .capital-nav .total .money {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #4f4e57;
    width: 100%;
    padding: 0 !important;
    margin-top: 34px;
}

.lease-capital .capital-nav .total .money .money-info {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 6px;
}

.lease-capital .capital-nav .total .money .money-info .sub {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lease-capital .capital-nav .total .money .money-info .sub .badge {
    width: 4px;
    height: 4px;
    border-radius: 100px;
    margin-right: 4px;
}

.tit-col-g .total.col-g .sub .badge {
    background-color: #83c79e;
}

.tit-col-b .total.col-b .sub .badge {
    background-color: #2c65ff;
}

.tit-col-y .total.col-y .sub .badge {
    background-color: #ffb12c;
}

.lease-capital .capital-nav .total .money .money-info strong {
    text-align: center;
}

.lease-capital .capital-nav .total .money strong {
    font-weight: 600;
    color: #0037b9;
    font-size: 15px;
    text-align: center;
}

.rent-capital .capital-form p.sub-txt {
    width: 100%;
    text-align: right;
    font-size: 12px;
    border-top: 1px solid #e6e6e6;
    padding: 4px 10px;
    background-color: #f4f5fb;
    color: #4d4d4d;
    font-weight: 500;
}

.lease-capital.rent-capital .capital-nav .total > div {
    min-height: 100px;
}

.lease-capital .capital-nav .total > div {
    width: 50%;
    display: flex;
    padding: 8px;
    flex-direction: column;
    min-height: 143px;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1 1 auto;
}

/*총차량가 추가*/
.lease-capital .capital-nav .total .totalcar {
    width: 100%;
    border-top: 1px solid #e6e6e6;
    min-height: auto;
}

/*용품 추가*/
.cap-sel-group {
    display: flex;
    flex-wrap: wrap;
}

.cap-sel-group .sel-form {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    flex: 1 1 220px;
    min-width: 200px;
}

.cap-sel-group .sel-form:last-of-type {
    border-bottom: 0;
}

.cap-sel-group .sel-form .label {
    font-size: 13px;
    color: #333;
    white-space: nowrap;
    flex-shrink: 0;
    width: 79px;
    padding-left: 4px;
}

.lease-capital .cap-sel-group .sel-form select {
    flex: 1;
    font-size: 14px;
    width: calc(100% - 79px);
    border-radius: 0;
    border-left: 1px solid #e6e6e6;
}

.lease-capital .capital-nav .total > div.total-guide {
    min-height: auto;
    font-size: 14px;
    font-weight: 400;
    border-top: 1px solid #e6e6e6;
    flex-direction: row;
}

.lease-capital .capital-nav .total > div.total-guide span {
    width: 100%;
    text-align: center;
}

.lease-capital .capital-nav .total > div.total-guide i {
    margin-right: 6px;
    font-size: 16px;
    display: inline-block;
}

.tit-col-g .total-guide i {
    color: #83c79e;
}

.tit-col-b .total-guide i {
    color: #6f96ff;
}

.tit-col-y .total-guide i {
    color: #ffbd4c;
}

.lease-capital .capital-nav .total div.month {
    border-right: 1px solid #e6e6e6;
}

.lease-capital .capital-nav .total .total-i {
    width: calc(100% - 16px);
    font-size: 13px;
    font-weight: 500;
    height: auto;
    margin-bottom: 8px;
    text-align: center;
    border-radius: 100px;
    padding: 4px;
    position: absolute;
    top: 8px;
}

.lease-capital .capital-nav .total.add-total > div {
    flex-direction: column;
}

.lease-capital .capital-nav .total.add-total .total-i {
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    height: auto;
    margin-bottom: 8px;
}

.tit-col-g .total-i {
    background-color: #cef4ea;
    color: #23aa86;
}

.tit-col-b .total-i {
    background-color: #e7eeff;
    color: #2c65ff;
}

.tit-col-y .total-i {
    background-color: #fff4e1;
    color: #ffb12c;
}

.lease-capital .capital-nav {
    width: 32.5%;
    border-radius: 12px;
    position: relative;
    margin-bottom: 8px;
    background-color: #fff;
}

.capital-lock {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(186, 188, 201, 0.33);
    border-radius: 12px 12px 0 0;
    z-index: 1;
}

.lease-capital .capital-nav select {
    background: url(../images/icon/ico-select.svg) no-repeat right 7px center;
}

.capital-contents {
    border: 1px solid #e6e6e6;
}

.capital-contents .capital-form {
    display: flex;
    align-items: center;
    border-top: 1px solid #e6e6e6;
}

.capital-contents .capital-form:first-of-type {
    border-top: 0;
}

.capital-contents .capital-form:first-of-type select {
    border-left: 1px solid #e6e6e6;

}

.capital-contents .capital-form input {
    border: 0;
}

.capital-contents .capital-form select {
    border: 0;
    width: 100%;
}

.capital-contents .capital-form .form-info {
    width: calc(100% - 117px);
}

.rent-capital .capital-contents .capital-form .form-info {
    width: calc(100% - 117px);
    border-left: 1px solid #e6e6e6;
}

.rent-result .capital-contents .capital-form .form-info {
    width: calc(100% - 88px);
}

.capital-contents .capital-form label {
    width: 88px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 8px;
    height: 100%;
}

.rent-result .capital-contents .capital-form label {
    width: 117px;
}

.rent-capital .capital-contents .capital-form label {
    width: 117px;
}

.flex-form {
    display: flex;
}

.capital-contents .capital-form .t-form {
    width: 50%;
    display: flex;
    align-items: center;
}

.capital-contents .capital-form .t-form .form-info {
    width: calc(100% - 88px);
}


.capital-contents .capital-form .t-form:first-of-type .form-info input {
    border-right: 1px solid #e6e6e6;
}

.capital-contents .capital-form .t-form .form-info input {
    width: 100%;
    border-left: 1px solid #e6e6e6;
}

.capital-contents .capital-form .unit-input.input-100 input {
    width: 100%
}

.capital-form .sale-input {
    width: calc(100% - 88px);
    border-left: 1px solid #e6e6e6;
    flex-wrap: wrap;
}

.rent-capital .capital-form .sale-input {
    width: calc(100% - 117px);
}

.capital-form .sale-input p {
    width: 100%;
    text-align: right;
    font-size: 12px;
    border-top: 1px solid #e6e6e6;
    padding: 4px 10px;
    background-color: #f4f5fb;
    color: #4d4d4d;
    font-weight: 500;
}

.capital-form .sale-input p.text-guide {
    font-size: 12px;
}

.lease-estimate .capital-form .n-paddin {
    padding: 0;
    width: 50%;
}

.capital-form .n-paddin + span {
    width: 50%;
}

.lease-estimate .capital-form .unit-input {
    width: calc(100% - 88px);
    border: 0;
    font-size: 13px;
    border-left: 1px solid #e6e6e6;
    position: relative;
}

.lease-estimate .rent-capital .capital-form .unit-input {
    width: calc(100% - 117px);
}

.lease-estimate .capital-form .unit-input input {
    width: 100%;
    padding-right: 26px;
}

.lease-estimate .capital-form .unit-input input:disabled {
    background-color: #f4f4f4;
}

.lease-estimate .capital-nav .unit-input {
    border-radius: 0
}

.contents-box .capital-nav .unit-input input {
    border-radius: 0
}

.lease-estimate .capital-form .unit-input span {
    position: absolute;
    width: auto !important;
    right: 0;
    padding: 11px 8px;
}

.t-sele .form-info:first-of-type {
    border-right: 1px solid #e6e6e6;
}

.t-sele .form-info {
    border-left: 1px solid #e6e6e6;
}

.capital-btn {
    display: flex;
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-radius: 0px 0px 12px 12px;
}

.capital-btn button {
    width: 50%;
    flex: 1 1 auto;
    background-color: #f0f0f0;
    padding: 10px;
    font-size: 14px;
}

.capital-btn button:first-of-type {
    border-radius: 0px 0px 0px 12px;
}

.capital-btn button:nth-of-type(2) {
    border-radius: 0px 0px 12px 0px;
}

.tit-col-g .m-col-btn {
    background-color: #83c79e;
    color: #fff;
}

.tit-col-b .m-col-btn {
    background-color: #6f96ff;
    color: #fff;
}

.tit-col-y .m-col-btn {
    background-color: #ffbd4c;
    color: #fff;
}

.normal-guide {
    width: 1200px;
    margin: 0 auto;
    font-size: 12px;
    color: #4d4d4d;
    font-weight: 500;
    margin-top: 10px;
    background-color: #f4f5fb;
    padding: 10px;
    border-radius: 6px;
}

.normal-guide i.fa-exclamation-circle {
    margin-right: 4px;
    color: #f55f5f;
}

.m-bottom-50 {
    margin-bottom: 50px;
}

.est-info.sale-input.row-form {
    flex-direction: column;
}

.est-info.sale-input.row-form .sel-form {
    display: flex;
    width: 100%;
    flex-direction: row;
    border-bottom: 1px solid #e6e6e6;
}

.est-info.sale-input.row-form .sel-form span {
    width: 50%;
}

.est-info.sale-input.row-form .sel-form span select {
    padding: 10px 8px;
}

.est-info.sale-input.row-form .sel-form span:first-of-type {
    border-right: 1px solid #e6e6e6;
}

.est-info.sale-input.row-form .sale-form {
    display: flex;
}

.est-info.sale-input.row-form .sale-form span {
    width: 50%;
    border-radius: 0;
    border: 0;
}

.est-info.sale-input.row-form .sale-form .percent {
    border-right: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    height: 100%;
}

.est-info.sale-input.row-form .sale-form .percent label {
    width: 58px;
    font-size: 13px;
}

.est-info.sale-input.row-form .sale-form .percent .unit-input {
    width: calc(100% - 58px);
    padding: 0;
    position: relative;
    display: flex;
}

.est-info.sale-input.row-form .sale-form .percent .unit-input input {
    width: 100%;
    padding: 10px 8px;
    padding-right: 24px;

}

.est-info.sale-input.row-form .sale-form .percent .unit-input span {
    position: absolute;
    right: 8px;
    width: auto;
    height: 100%;
    padding: 11px 0;

}

/*--------------------------------------------------------------------------------------
리스 견적 비교 - 견적서 보기
----------------------------------------------------------------------------------------*/
.normal-wrap.estimate {
    display: flex;
    flex-direction: column;
    width: auto;
}

.normal-wrap.estimate .page-tit {
    width: 1280px;
    margin: 0 auto;
}

.contents-box .div {
    padding: 0 20px;
}

.estimate-layout {
    margin: 0 auto;
    display: flex;
    width: 1280px;
}

.estimate-layout.result-block {
    width: 98%;
    gap: .5%;
}

.estimate-layout.result-block .lease-result {
    width: 100%;
}

.estimate-layout.result-block .api-write {
    width: 100%;
}


.estimate-layout.result-block .normal-guide {
    width: 100%;
}

.estimate-layout.result-block .lease-capital {
    width: 100%;
}

.estimate-layout.result-block .contents-btn.community-btn.add-btn {
    width: 100%;
}

.estimate-layout.result-block .contents-box {
    width: 60%;
}

.estimate-result {
    width: 40%;
    background-color: #fff;
    position: sticky;
    top: 90px;
    border: 3px solid transparent;
    border-radius: 12px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(140deg, #1444B3 0%, #A66FF5 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 170px;
    z-index: 9;
    max-height: 824px;
    overflow: hidden;
}

.estimate-result .modal-body {
    max-height: 824px;
    overflow-y: scroll;
    padding-bottom: 60px;
}

.estimate-result .modal-body::-webkit-scrollbar-track {
    background-color: transparent;
    width: 3px;
}

.estimate-result .modal-body::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.estimate-result .modal-body::-webkit-scrollbar-thumb {
    background-color: #c9c9c9;
}

.estimate-result .modal-head {
    display: flex;
    padding: 10px 20px;
    position: sticky;
    width: 100%;
    top: 0;
    z-index: 12;
    cursor: pointer;
}

.estimate-result .modal-nav {
    padding: 16px;
    padding-top: 0;
}

.estimate-result .modal-head strong {
    margin-right: 8px;
}

.estimate-result .modal-head button {
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding: 4px;
    border-radius: 3px;
}

.estimate-result .modal-head .down {
    margin-left: auto;
    font-size: 18px;
}

.m-body-title {
    padding: 8px 16px;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.m-body-title h5 {
    width: 100%;
    display: flex;
    font-size: 16px;
    font-weight: bold;
    align-items: center;
}

.m-body-title h5 span {
    font-size: 13px;
    font-weight: 500;
    color: #454545;
}

.m-body-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 3px;
    border-radius: 100px;
    background: linear-gradient(90deg, #3D6EDF, #A66FF5);
    z-index: 10;
}

.m-body-title h5 .down {
    margin-left: auto;
    font-size: 26px;
    font-weight: bold;
}

.estimate-result .chk_box {
    display: flex;
    align-items: center;
}

.estimate-result .check-title .chk_box {
    padding-left: 0;
    margin-bottom: 0px;
    margin-top: 14px;
    padding: 8px;
    font-size: 15px;
    font-weight: 500;
}

.estimate-result .check-title > .check-box {
    margin-bottom: 14px;
    border-bottom: 1px solid #D7D9E1;
}

.label-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.estimate-result .check-title .t-check .chk_box {
    padding-left: 30px;
    margin-top: 0;
}

.estimate-result .check-title .t-check .chk_box .on {
    left: 0;
    top: 9px;
}

.check-box-y .chk_box input[type="checkbox"]:checked + .on {
    background-color: #ffbd4c;
}

.estimate-result .label-check {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.estimate-result .label-check .chk_box {
    font-size: 13px;
    padding-left: 26px;
    margin-top: 0;
}

.estimate-result .check-title .label-check .chk_box .on {
    left: 0;
    top: 7px;
}

.estimate-result .check-title .chk_box img {
    width: 20px;
    margin-right: 4px;
}

.estimate-result .modal-form .form-box2 .chk_box .on {
    top: 6px;
}

.estimate-result .check-title .chk_box .on {
    top: 13px;
    left: auto;
    right: 0;
}

.estimate-result input {
    border: 0;
    width: 50%;
    border-radius: 0;
    border: 1px solid #D7D9E1;
    padding: 6px;
}

.estimate-result .modal-form {
    margin-top: 16px;
}

.estimate-result .modal-form .form-box2 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1%;
}

.estimate-result .modal-form .form-box2 .form {
    margin-top: 8px;
    width: 49.5%;
}

.estimate-result .modal-form .form-box2 .check-box {
    display: flex;
}

.estimate-result .modal-form .form-box2 .check-box label {
    width: 100px;
    margin-bottom: 0;
}

.estimate-result .modal-form .form-box2 .check-box .form-box {
    width: calc(100% - 100px);

}

.estimate-result .modal-form .form-box2 .check-box .form-box input {
    width: 100%;
    font-size: 13px;
}

.estimate-nav .lease-info {
    padding: 16px;
    padding-top: 0;
    border-bottom: 1px solid #D7D9E1;
}

.estimate-nav .form .check-box input {
    font-size: 14px;
}

/*견적서*/
.estimate-result .modal-nav {
    padding: 16px;
}

.estimate-result .nav-title {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
}

.estimate-result .nav-title p {
    font-weight: 500;
    font-size: 16px;
}

.estimate-result .nav-title .date {
    margin-left: auto;
    font-size: 14px;
}

.estimate-result .lease-nav .detail {
    display: flex;
    border-right: 0.5px solid #D7D9E1;
}

.estimate-result .lease-nav .detail .detail-box {
    border: 0.5px solid #D7D9E1;
    display: flex;
    flex-direction: column;
    text-align: center;
    flex: 1 1 20%;
    font-size: 14px;
    border-right: 0;
}

.estimate-result .lease-nav .detail .detail-box label {
    background-color: #f5f6fa;
    padding: 4px;
    border-bottom: 0.5px solid #D7D9E1;
}

.estimate-result .lease-nav .detail .detail-box > span {
    padding: 4px;
}

.estimate-result .lease-nav .detail-info {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.estimate-result .lease-nav .detail-info .c-img {
    width: 100%;
}

.estimate-result .lease-nav .detail-info .c-img img {
    width: 220px;
    margin: 0 auto;
}

.estimate-result .lease-nav .detail-info .c-img .img-guide {
    font-size: 12px;
    background-color: #f4f5fb;
    text-align: left;
    color: #4d4d4d;
    padding: 10px;
    border-radius: 6px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.estimate-result .lease-nav .detail-info .car-detail {
    width: 50%;
    position: relative;

}

.estimate-result .lease-nav .detail-info .car-option {
    width: 50%;
    font-size: 14px;
    padding-left: 10px;
}

.estimate-result .lease-nav .detail-info .option-nav {
    border-bottom: 1px solid #D7D9E1;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.estimate-result .lease-nav .detail-info .option-nav:last-of-type {
    border-bottom: 0;
}

.estimate-result .lease-nav .detail-info .option-nav label {
    font-weight: 500;
    width: 100%;
    display: inline-block;
}

.estimate-result .lease-nav .detail-info .option-nav label i {
    margin-right: 4px;
    color: #1443B3
}

.estimate-result .lease-nav .detail-info .total-price {
    width: 100%;
    display: flex;
    border-radius: 5px;
    background-color: #ececed;
    padding: 8px;
    font-size: 15px;
    align-items: center;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 2%;
}

.estimate-result .lease-nav .detail-info .total-price .price-info {
    width: 23%;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid #c9c9c9;
}

.estimate-result .lease-nav .detail-info .total-price .price-info.total {
    border-right: 0;
}

.estimate-result .lease-nav .detail-info .total-price .price-info.total label {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.estimate-result .lease-nav .detail-info .total-price .price-info.total p {
    font-size: 20px;
    color: #1443B3;
    font-weight: 700;
}

.estimate-result .lease-nav .detail-info .total-price .price-info label {
    font-size: 12px;
}

.estimate-result .lease-nav .detail-info .total-price p {
    font-size: 18px;
    font-weight: 500;
}

.estimate-result .lease-nav .company-contens {
    display: flex;
    flex-wrap: wrap;
    gap: .5%;
}

.estimate-result .lease-nav .company-contens .sectionDiv {
    display: flex;
    flex-wrap: wrap;
    gap: .5%;
    width: 100%;
    position: relative;
}

.estimate-result .lease-nav .company-contens .guideDiv {
    width: 100%;
}

.estimate-result .lease-nav .company-contens .guideDiv .mo-table {
    width: 100%;
}


.estimate-result .lease-nav .company-contens .guideDiv .mo-table ul {
    border: 0;
    width: 100%;
}

.estimate-result .lease-nav .company-contens .guideDiv .mo-table ul li {
    display: block;
    border: 0;
    height: auto;
    line-height: normal;
    overflow: visible;
}

.estimate-result .lease-nav .company-contens ul {
    width: 32.666666%;
    border-top: 5px solid #aac1ff;
    border-bottom: 0;
    margin-bottom: 1%;
    flex: 1 1 32.666666%;
    position: relative;
    z-index: 2;
}

.estimate-result .lease-nav .company-contens ul li {
    display: flex;
    font-size: 12px;
    border-bottom: 1px solid #D7D9E1;
    height: 35px;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
}

.estimate-result .lease-nav .company-contens ul li:first-of-type {
    line-height: inherit;
    height: auto;
}

.estimate-result .lease-nav .company-contens ul li .tit {
    background-color: #f5f6fa;
    width: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 2px;
    border-right: 1px solid #D7D9E1;
    border-left: 1px solid #D7D9E1;
    position: relative;
    word-break: keep-all;
    text-align: center;
}

.estimate-result .lease-nav .company-contens ul li .tit span {
    position: relative;
    top: -3px;
}

.estimate-result .lease-nav .company-contens ul.one-result li .tit {
    width: 300px;
}

.estimate-result .lease-nav .company-contens ul.one-result li .txt {
    width: calc(100% - 300px);
    /*text-align: center;*/
}

.estimate-result .lease-nav .company-contens ul li .tit i.fa-star {
    position: absolute;
    right: 2px;
    top: 4px;
}

.estimate-result .lease-nav .company-contens ul li .tit span {
    width: 100%;
}

.estimate-result .lease-nav .company-contens ul li .txt {
    width: calc(100% - 100px);
    text-align: left;
    padding: 4px 2px;
    font-weight: 500;
    color: #000;
    border-right: 1px solid #D7D9E1;
}

.estimate-result .lease-nav .company-contens ul li .txt span {
    position: relative;
    top: -6px;
}

.accordion-ico {
    top: 0 !important;
}

.estimate-result .lease-nav .company-contens ul li .txt.im-color {
    background-color: #fff;
    color: #f47272;
    font-weight: 600;
}

.estimate-result .lease-nav .company-contens ul li .txt.im-color input {
    background-color: #fff;
    color: #f47272;
    font-weight: 500;
}

.estimate-result .lease-nav .company-contens ul li .txt.im-color input::placeholder {
    color: #f47272;
    font-weight: 500;
}

.estimate-result .lease-nav .company-contens ul li .txt.card {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    min-height: 34px;
}

.estimate-result .lease-nav .company-contens ul li .txt.card > span {
    text-align: left;
    position: static;
}

.estimate-result .lease-nav .company-contens ul li .txt.card .providerPop {
    width: calc(100% - 28px)
}

.estimate-result .lease-nav .company-contens ul li .chk_box {
    font-size: 12px;
    padding-left: 2px;
    width: 100%;
    margin: 0;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.estimate-result .lease-nav .company-contens ul li .chk_box .on {
    width: 15px;
    height: 15px;
    top: 1px;
}

.estimate-result .lease-nav .company-contens ul li .chk_box .on:after {
    left: 4px;
    top: 2px;
}

.estimate-result .lease-nav .company-contens ul li .input-goup {
    display: flex;
    width: 100%;
}

.estimate-result .lease-nav .company-contens ul li .input-goup span {
    width: 50%;
    display: flex;
    align-items: center;
}

.estimate-result .lease-nav .company-contens ul li .input-goup span:first-of-type {
    width: 50%;
}

.estimate-result .lease-nav .company-contens ul li .input-goup span:last-of-type {
    width: 50%;
}

.estimate-result .lease-nav .company-contens ul li .input-goup span input {
    width: calc(100% - 15px);
    text-align: right;
    border: 0;
    padding: 0;
    position: relative;
    top: 0px;
}

.estimate-result .lease-nav .company-contens ul li .input-goup span.si-input {
    width: 100%;
}

.estimate-result .lease-nav .company-contens ul li .input-goup span b {
    width: 15px;
    text-align: center;
    position: relative;
    top: 0px;

}

/*--------------------------------------------------------------------------------------
플로팅 메뉴
----------------------------------------------------------------------------------------*/

.aside-fix {
    position: fixed;
    right: 190px;
    top: 190px;
    z-index: 99;
    width: 80px;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 10px 10px 10px rgba(186, 186, 186, 0.13)
}

.fix-menu ul li {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    padding: 10px 8px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 13px;
    cursor: pointer;
    line-height: 19px;
    color: #4f4e57;
    font-weight: 500;
}

.fix-menu ul li:hover {
    color: #002887;
}

.fix-menu ul li:hover i {
    color: #002887;
}

.fix-menu ul li i {
    margin-bottom: 4px;
    color: #797979;
    font-weight: 400;
}

.fix-menu ul li.pa-scroll {
    background-color: #e3e6ef;
    font-size: 13px;
    color: #666666;
}

.fix-menu ul li.pa-scroll i {
    margin: 0;
}

/*가로모드*/
.aside-fix.aside-row {
    top: auto;
    bottom: 50px;
    width: 500px;
    background-color: transparent;
    border-radius: 0;
    overflow: inherit;
    left: 50%;
    margin-left: -200px;
    box-shadow: none;
}

.aside-fix.aside-row.aisde-left {
    left: 16%;
    margin-left: 0;
}

.aside-row .fix-menu {
    box-shadow: 10px 10px 10px rgba(129, 129, 129, 0.26);
    background-color: #fff;
    border-radius: 100px;
    width: 44px;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    margin: 0 auto;
    transition: all 0.4s 0.1s ease-in-out;
}

.aside-row .fix-menu:hover {
    cursor: pointer;
    width: 500px;
    border-radius: 6px;
}

.tab-menu {
    width: 44px;
    background-color: #1443B3;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.aside-fix.aside-row ul {
    display: flex;
    flex-direction: row;
    width: calc(100% - 44px);
    position: relative;

}

.aside-row .fix-menu ul li.pa-scroll {
    width: 8%;
}

.aside-row .fix-menu ul li {
    align-items: center;
    width: 28%;
    border: 1px solid #e6e6e6;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.aside-row .fix-menu ul li:first-of-type i {
    margin-top: 0;
    margin-left: 4px;
}

.aside-row .fix-menu ul li:last-of-type i {
    margin-top: 0;
    margin-left: 4px;
}

.aside-row .fix-menu ul li i {
    margin-top: 5px;
    margin-right: 4px;
}

.aside-row .fix-menu ul li {
    border-right: 0;
}

/*--------------------------------------------------------------------------------------
리스 견적 비교 - 모달
----------------------------------------------------------------------------------------*/

.modal-wrap.mo-xl-md {
    width: 95%;
    height: 90%;
    position: relative;
}

.lease-modal .modal-head {
    display: flex;
}

.lease-modal .modal-head .close {
    margin-left: auto;
}

.lease-modal .modal-head strong {
    margin-right: 4px;
}

.lease-modal .modal-head button {
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding: 4px;
    border-radius: 3px;
}

.lease-modal .modal-nav {
    display: flex;
}

.lease-modal .modal-nav > div {
    width: 35%;
    height: 780px;
    overflow-y: scroll;
    padding: 20px;
    padding-bottom: 60px;
}

.lease-modal .lease-info input {
    border: 1px solid #D7D9E1;
    padding: 10px 8px;
    border-radius: 5px;
    width: 100%;
    font-size: 14px;
}

.form-box.tw-form {
    display: flex;
    align-items: center;
    border: 1px solid #D7D9E1;
    border-radius: 5px;
}

.form-box.tw-form p {
    width: calc(100% - 30px);
    display: flex;
}

.form-box.tw-form span {
    width: 30px;
    font-synthesis: 13px;
    text-align: center;
    font-size: 14px;
}

.form-box.tw-form p input {
    border: 0;
    width: 50%;
    border-radius: 0;
    border-right: 1px solid #D7D9E1;
    background-color: transparent;
}

.lease-modal .modal-form .form .check-box {
    display: flex;
    align-items: center;
}

.lease-modal .modal-form .form .check-box .chk_box {
    width: 110px;
}

.lease-modal .modal-form .form .check-box .form-box {
    width: calc(100% - 110px);
}

.lease-modal .form-box2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1%;
}

.lease-modal .form-box2 input {
    margin-bottom: 4px;
}

.form.form-2 {
    width: 49.5%;
}

.modal-form textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #D7D9E1;
    font-size: 14px;
    height: 120px;
    resize: none;
    padding: 10px;
}

.modal-form textarea:focus {
    outline: none;
}

.group .chk_box .on {
    top: 22px;
}

.check-box-t .chk_box .on {
    left: 30px;
    top: 12px;
}

.modal-form .form.title .chk_box .on {
    top: 22px;
}

.modal-form .form.title .check-box-t .chk_box .on {
    left: 30px;
    top: 12px;
}

.modal-form .form.title p {
    padding-left: 60px;
    font-weight: 500
}

.modal-form .group {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}

.modal-form .group .form {
    width: 32%;
}

.modal-form .group .form.w-100 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.modal-form .group .form.w-100.l-form {
    justify-content: flex-end;
}

.modal-form .group .form.w-100 .ch-gr {
    width: auto;
    margin-right: 10px;
}


.modal-form .group .form.w-100 .ch-ra .radio_common {
    margin-top: -4px;
}

.modal-form .group .form.w-100 .ch-ra {
    width: auto;
}

.form.w-100 .ch-ra .est-info.radio-input > div {
    width: auto;
}

.modal-form .group .form.w-100 .est-info.radio-input > div:first-of-type label {
    border-right: 0;
}

.modal-form .group .form.w-100 .est-info.radio-input > div label {
    border: 1px solid #D7D9E1;
    padding: 5px 10px;
    margin-top: 0px;
}

.modal-form .group .form.w-100 .est-info.radio-input > div label.on {
    background-color: #e3e6ef;
    color: #333;
    font-weight: 500;
}

.modal-form .group p {
    padding-left: 60px;
}

.modal-form .group:first-of-type {
    width: 100%;
}

.check-box-t .chk_box input[type="checkbox"]:checked + .on {
    background-color: #f47272;
}

.lease-modal .modal-form:first-of-type .check-title {
    margin-top: 0;
}

.lease-modal .check-title {
    border-bottom: 1px solid #D7D9E1;
    margin-bottom: 14px;
    margin-top: 14px;
    padding: 8px;
    padding-bottom: 3px;
}

.lease-modal .check-title img {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -4px;
}

.lease-modal .check-title label {
    font-size: 16px;
    font-weight: 500;
    padding-left: 0;
}

.lease-modal .check-title .chk_box .on {
    top: 3px;
    left: auto;
    right: 0;
}

.modal-form .group.in-group .form {
    margin-bottom: 10px;
}

.modal-form .group.in-group .form.w-100 .ch-ra .radio_common {
    margin-top: -24px;

}

.modal-form .group.in-group p {
    padding-left: 97px;
}

.modal-form .group.in-group .form:last-of-type p {
    padding-left: 60px;
}

.modal-form .group.in-group .chk_box .on {
    top: 0px;
}

.modal-form .group.in-group .check-box-y .chk_box .on {
    left: 60px;
}

.modal-form .group.in-group .chk_box {
    padding-left: 0px;
    margin-bottom: 0px;
}

/*세부내용*/

.lease-modal .modal-nav > div.lease-nav {
    width: 65%;
    border-left: 1px solid #D7D9E1;
}

.lease-modal .lease-nav .nav-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.lease-modal .lease-nav .nav-title p {
    width: calc(100% - 80px);
}

.lease-modal .lease-nav .nav-title span.date {
    font-size: 14px;
    margin-left: auto;
    color: #535353;
    font-weight: 500;
    width: 74px;
}

.lease-modal .lease-nav .detail {
    display: flex;
}

.lease-modal .lease-nav .detail .detail-box {
    width: 20%;
    display: flex;
    flex-direction: column;
    vertical-align: middle;
    border: .5px solid #D7D9E1;
    font-size: 14px;
}

.lease-modal .lease-nav .detail .detail-box:last-of-type {
    border-right: 1px solid #D7D9E1;
}

.lease-modal .lease-nav .detail .detail-box label {
    background-color: #f5f6fa;
    width: 100%;
    padding: 4px 6px;
    font-weight: 500;
}

.lease-modal .lease-nav .detail .detail-box > span {
    width: 100%;
    background-color: #fff;
    padding: 4px 6px;
}

.lease-modal .detail-info {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
    column-gap: 2%;
}

.lease-modal .detail-info .car-detail {
    width: 49%;
    word-break: keep-all;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
}

.lease-modal .detail-info .car-detail p {
    margin-bottom: 20px;
    width: 100%;
}

.lease-modal .detail-info .car-detail .c-img {
    margin-bottom: auto;
    width: 100%;
}

.lease-modal .detail-info .car-detail .c-img .img-guide {
    font-size: 13px;
    background-color: #f4f5fb;
    text-align: center;
    color: #4d4d4d;
    padding: 10px;
    border-radius: 6px;
}

.lease-modal .detail-info .car-detail img {
    width: 300px;
    margin: 0 auto;
}

.lease-modal .car-option {
    width: 49%;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
}

.lease-modal .car-option label {
    font-weight: 500;
    border-bottom: 1px solid #D7D9E1;
    width: 100%;
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 500;
}

.lease-modal .car-option label .fa-check {
    color: #1443B3;
    margin-right: 4px;
}

.lease-modal .car-option .con {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.lease-modal .car-option .con p {
    width: 100%;
    display: flex;
    margin-bottom: 3px;
}

.lease-modal .car-option .con p .num {
    margin-left: auto;
}

.lease-modal .detail-info .total-price {
    width: 100%;
    display: flex;
    border-radius: 5px;
    background-color: #ececed;
    padding: 8px;
    font-size: 15px;
    align-items: center;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 2%;
}

.lease-modal .total-price .price-info {
    width: 23%;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid #c9c9c9;
}

.lease-modal .total-price .price-info.total {
    border-right: 0;
}

.lease-modal .total-price .price-info.total label {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.lease-modal .total-price .price-info.total p {
    font-size: 20px;
    color: #1443B3;
    font-weight: 700;
}

.lease-modal .total-price .price-info label {
    font-size: 12px;
}

.lease-modal .total-price p {
    font-size: 18px;
    font-weight: 500;
}

/*--------------------------------------------------------------------------------------
메인 팝업
----------------------------------------------------------------------------------------*/
.pop-style {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.33);
    display: flex;
    justify-content: center;
    align-items: center;

}

.pop-wrap {
    background-color: #fff;
    width: 440px;
    height: 540px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 8px 0px;
    transition: all 0.5s ease 0s;
    position: relative;
    border-radius: 6px;
}

.pop-footer {
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    position: absolute;
}

.pop-footer .footer-btn button {
    width: 100%;
    height: 50px;
    background-color: #fff;
    color: #333;
    font-weight: 500;
    font-size: 16px;
}

.pop-footer .footer-btn.btn-group {
    display: flex;
    height: 50px;
    border-top: 1px solid rgb(243, 243, 243);

}

.pop-footer .footer-btn.btn-group button {
    height: 100%;
    width: 50%;
    border-radius: 0;
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
    line-height: 20px;
    font-weight: 400;
    font-size: 16px;
}

.pop-footer .footer-btn.btn-group button:first-of-type {
    border-right: 1px solid rgb(243, 243, 243);
}

.pop-body {
    overflow: hidden;
    height: 100%;
}

.pop-body .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 33px;
}

.pop-body .swiper-slide:nth-of-type(2) {
    width: 100%;
    height: 410px;
}

.pop-body .swiper-slide .swiper-nav {
    display: block;
    width: 100%;
    height: 441px;
    background-color: #fff;
    overflow-y: auto;
}

.pop-body .swiper-slide .swiper-nav::-webkit-scrollbar {
    width: 8px;
}

.pop-body .swiper-slide .swiper-nav::-webkit-scrollbar-thumb {
    height: 30%;
    background: #d3d3e6;
    border-radius: 10px;
}

.pop-body .swiper-slide .swiper-nav::-webkit-scrollbar-track {
    background: rgba(123, 123, 123, 0.1);
}

.pop-body .swiper-container .pop-pagnation {
    position: absolute;
    bottom: 70px;
    z-index: 10;
    display: flex;
    justify-content: center;
    width: 100%;
}

.pop-body .swiper-container .pop-pagnation .p-s-page {
    width: auto;
}

.pop-body .swiper-container .swiper-button-prev {
    z-index: 10;
    width: 40px;
    height: 40px;
    transition: all 0.5s ease 0s;
    background: url(../images/icon/next.svg) 50% 50% no-repeat;
    transform: rotate(180deg);
    opacity: 0;
}

.pop-body .swiper-container .swiper-button-next {
    z-index: 10;
    width: 40px;
    height: 40px;
    transition: all 0.5s ease 0s;
    background: url(../images/icon/next.svg) 50% 50% no-repeat;
    opacity: 0;
}

.pop-body .pop-nav:hover .swiper-button-next {
    opacity: 100;
    cursor: pointer;
    transition: all 0.5s ease 0s;

}

.pop-body .pop-nav:hover .swiper-button-prev {
    opacity: 100;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

.pop-body .swiper-button-next::after,
.pop-body .swiper-button-prev::after {
    display: none;
}

.pop-body .swiper-pagination-clickable .swiper-pagination-bullet {
    background-color: #1443B3;
}

.swiper-slide .swiper-head {
    position: absolute;
    top: 0px;
    width: 100%;
}


.swiper-slide .swiper-head .head-badge {
    width: 100%;
}

.swiper-slide .swiper-head .head-badge span {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: left;
    padding: 6px 20px;
    font-weight: 500;
}

.swiper-slide .swiper-head .head-badge.notification {
    border-color: #ffba00;
}

.swiper-slide .swiper-head .head-badge.notification span {
    background-color: #ffba00;
}

.swiper-slide .swiper-head .head-badge.event {
    border-color: #1443B3;
}

.swiper-slide .swiper-head .head-badge.event span {
    background-color: #1443B3;
    color: #fff;
}

.swiper-slide .swiper-head .head-badge.urgent {
    border-color: #ff5050;
}

.swiper-slide .swiper-head .head-badge.urgent span {
    background-color: #ff5050;
    color: #fff;
}

.swiper-slide .text {
    width: 100%;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    min-height: 441px;
}

/*로딩팝업*/
.pop-loding {
    width: 100%;
    text-align: center;
    color: #000;
    font-weight: 500;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.pop-loding .list-loading {
    position: inherit;
}

.pop-loding .list-loading .img img {
    width: 180px;
}

/*--------------------------------------------------------------------------------------
금융사 상세
----------------------------------------------------------------------------------------*/
.st-check {
    width: 100%;
    font-weight: 600;
    color: #1443B3;
    font-size: 14px;
    text-align: left;
    margin-bottom: 6px;
}

.st-check > span {
    font-size: 12px;
}

.lease-modal .company-contens {
    display: flex;
    margin-top: 20px;
    width: 100%;
    flex-wrap: wrap;
    column-gap: .5%;
}

.lease-modal .company-contens .sectionDiv {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    column-gap: .5%;
}

.lease-modal .company-contens ul {
    flex: 1 1 33%;
    margin-bottom: 1%;
    border-top: 5px solid #aac1ff;
}

.lease-modal .company-contens ul li {
    display: flex;
    border: 1px solid #D7D9E1;
    border-top: 0;
}

.lease-modal .txt.card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.lease-modal .txt.card .chk_box {
    padding-left: 17px;
    margin: 0;
    font-size: 13px;
}

.lease-modal .txt.card .chk_box .on {
    width: 15px;
    height: 15px;
    top: 3px;
}

.lease-modal .txt.card .chk_box .on:after {
    width: 4px;
    height: 7px;
    top: 3.2px;
    left: 6px;
}

.lease-modal .txt.card span:first-of-type {
    width: calc(100% - 65px);
}

.lease-modal .txt.card span:nth-of-type(2) {
    margin-left: auto;
}

.lease-modal .company-contens ul li .chk_box {
    margin-top: 4px;
}

.lease-modal .company-contens ul:first-of-type li .tit {
    display: flex;
}

.lease-modal .company-contens ul:nth-child(4) li .tit {
    display: flex;
}

.lease-modal .company-contens ul:nth-child(7) li .tit {
    display: flex;
}

.lease-modal .company-contens ul:first-of-type li .txt {
    width: calc(100% - 115px);
    text-align: right;
    font-size: 12px;
}

.lease-modal .company-contens ul:nth-child(4) li .txt {
    width: calc(100% - 115px);
}

.lease-modal .company-contens ul:nth-child(7) li .txt {
    width: calc(100% - 115px);
}

.lease-modal .company-contens ul li .txt {
    width: calc(100% - 100px) !important;
    padding: 4px;
    font-size: 12px;
    min-height: 35px;
    text-align: right;
}

.lease-modal .company-contens ul li.accordion-sub .txt {
    min-height: auto;
}

.lease-modal .company-contens ul li.accordion-sub .tit {
    background-color: transparent;
    padding-left: 15px;
}

.lease-modal .company-contens ul li .txt.im-color {
    background-color: #f47272;
    color: #fff;
    font-weight: 400;
}

.lease-modal .company-contens ul li .txt.im-color input {
    background-color: #f47272;
    color: #fff;
}

.lease-modal .company-contens ul li .txt.im-color input::placeholder {
    color: rgba(255, 255, 255, 0.69);
}

.lease-modal .company-contens ul li .tit {
    background-color: #f5f6fa;
    width: 100px;
    font-size: 12px;
    padding: 4px;
    display: flex;
    align-items: center;
    word-break: keep-all;
    flex-wrap: wrap;
}

.lease-modal .company-contens ul li .tit b {
    color: #1443B3;
    font-weight: 600;
    display: block;
    font-size: 9px;
    line-height: 18px;
    width: 100%;
    text-align: left;
    word-break: keep-all;
}

.lease-modal .company-contens .input-goup {
    display: flex;
}

.lease-modal .company-contens .input-goup.txt-right span {
    justify-content: flex-end;
}

.lease-modal .company-contens .input-goup input {
    border: 0;
    text-align: right;
    width: calc(100% - 30px);
    font-size: 14px;
    background-color: transparent;
    height: 100%;
}

.lease-modal .company-contens .input-goup > span:first-of-type {
    border-right: 0;
}

.lease-modal .company-contens .input-goup > span {
    display: flex;
    align-items: center;
    padding: 3px 4px;
    width: 50%;
}

.lease-modal .company-contens .input-goup > span b {
    width: 30px;
    text-align: center;
    font-size: 14px;
    height: 100%;
}

.lease-modal .company-contens .input-goup > span.si-input {
    width: 100%;
}

.lease-modal .company-contens ul li .txt.modify-input {
    display: flex;
    align-items: center;
}

.lease-modal .company-contens ul li .txt.modify-input .input-goup {
    width: calc(100% - 60px)
}

.lease-modal .company-contens ul li .tit > span {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.change-badge {
    word-break: keep-all;
    font-size: 10px;
    margin-left: 3px;
    text-align: right;
    color: #1443B3;
    font-weight: 600;
}


.select-badge {
    border-radius: 50px;
    background-color: #fff;
    font-size: 16px;
    width: 18px;
    height: 20px;
    text-align: center;
    font-weight: 400;
    padding: 0;
    margin-right: 2px;
    position: relative;
}

.select-badge.pop2 {
    padding: 0;
    padding: 2px 0;
}

.select-badge i {
    position: absolute;
    left: 4px;
    color: #f55f5f;
}

/*금융사 상세 - 금리*/
.estimate-result .lease-nav .company-contens .sectionDiv.one-section ul li {
    height: auto;
    line-height: 18px;
    min-height: 35px;
}

.estimate-result .lease-nav .company-contens .sectionDiv.one-section ul li .tit {
    width: 110px;
    padding: 4px;
    text-align: left;
}

.estimate-result .lease-nav .company-contens .sectionDiv.one-section ul li .txt {
    width: calc(100% - 110px);
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: flex-end;
}

.estimate-result .lease-nav .company-contens .sectionDiv.one-section ul li .tit b {
    color: #1443B3;
    font-weight: 600;
    display: block;
    font-size: 9px;
    line-height: 18px;
    width: 100%;
    text-align: left;
    word-break: keep-all;

}

li.accordion {
    cursor: pointer;
}

.estimate-result .lease-nav .company-contens .sectionDiv.one-section ul li.accordion-sub {
    width: 100%;
    background-color: aliceblue;
    border-left: 1px solid #D7D9E1;
    border-right: 1px solid #D7D9E1;
    flex-direction: column;
    height: auto !important;
    display: none;

}

.accordion-sub i {
    position: relative !important;
    margin-right: 2px;
    transform: rotate(90deg);
    color: #4b4b4b;
    top: 0 !important;
}

.accordion-sub .info-nav {
    width: auto;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: aliceblue;
}

.estimate-result .lease-nav .company-contens .accordion-sub .info-nav .txt {
    border: 0;
    margin-left: auto;
    width: auto;

}

.estimate-result .lease-nav .company-contens ul li.accordion-sub .info-nav .tit {
    background-color: transparent;
    border: 0;
    justify-content: center;
}

.estimate-result .lease-nav .company-contens .accordion-sub .txt .input-goup span {
    width: 100%;
    top: 0;
}

.estimate-result .lease-nav .company-contens .accordion-sub .txt .input-goup span input {
    width: calc(100% - 30px);
    background-color: transparent;
}

.estimate-result .lease-nav .company-contens .accordion-sub .txt .input-goup span b {
    width: 30px;
}

.acc-info {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/*테이블*/

.mo-table table {
    margin-top: 10px;
    width: 100%;
    word-break: keep-all;
}

.mo-table th {
    background-color: #f5f6fa;
    border: 1px solid #D7D9E1;
    border-right: 0;
    border-bottom: 0;
    padding: 10px;
    font-size: 14px;
    width: 120px;
    word-break: keep-all;
}


.mo-table tr:last-of-type th {
    border-bottom: 1px solid #D7D9E1;
    vertical-align: middle;
}

.table-guide i {
    color: #f55f5f;
    margin-right: 3px;
    font-size: 20px;
    vertical-align: middle;
    margin-top: -5px;
}

.mo-table tr td {
    border: 1px solid #D7D9E1;
    border-bottom: 0;
    font-size: 14px;
    padding: 10px;
}

.mo-table tr td strong {
    font-weight: 500;
}

.mo-table tr:last-of-type td {
    border-bottom: 1px solid #D7D9E1;
}

.f-guide {
    margin-top: 8px;
    font-size: 13px;
    color: #5f5f5f;
}

/*--------------------------------------------------------------------------------------
금융사 재고 계약번호 - 모달
----------------------------------------------------------------------------------------*/
.modal.lease-modal .modal-wrap.mo-s-md .modal-head {
    padding: 16px 20px;
}

.lease-modal .modal-head button.coppy-btn {
    padding: 4px 10px;
}

.num-list {
    width: 100%;
}

.num-list li {
    border-bottom: 1px solid #E3E5EA;
    width: 100%;
    display: flex;
    padding: 11px 0;
    align-items: center;
}

.num-list li strong {
    width: calc(100% - 70px);
    flex-wrap: wrap;
}

.num-list li button {
    margin-left: auto;
    font-size: 14px;
    border: 1px solid #959595;
    padding: 2px 10px;
    border-radius: 3px;
    color: #4E4E4E;
}

/*--------------------------------------------------------------------------------------
리스 견적함
----------------------------------------------------------------------------------------*/


/*테이블*/

.t-sim .lease-list-table .table-row .table-cell {
    font-weight: 400;
    padding-left: 7px;
    padding-right: 7px;
}

.t-sim .lease-list-table .table-row .table-cell.date {
    width: 10%;
}

.t-sim .lease-list-table .table-row .table-cell.product {
    width: 10%;
    font-size: 13px;
    text-align: center;
}

.t-sim .lease-list-table .table-row .table-cell.product p:last-of-type {
    padding-left: 4px;
}

.table-row .table-cell.product .badge {
    display: inline-block;
    border-radius: 100px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
}

.table-row .table-cell.product .badge.lease {
    background-color: #2DCCC2;
}

.t-sim .lease-list-table .table-row .table-cell.car-model {
    width: 25%;
    text-align: left;
    word-break: keep-all;
    position: relative;
}

.t-sim .lease-list-table .table-row .table-cell.car-model:hover .car-pop {
    display: block;
}

.t-sim .lease-list-table .table-row .table-cell.car-model .car-pop {
    position: absolute;
    background-color: #fff;
    z-index: 100;
    border-radius: 10px;
    right: -35%;
    border: 1px solid #E3E5EA;
    font-size: 14px;
    display: none;
}

.t-sim .lease-list-table .table-row .table-cell.car-model .car-pop:after {
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #E3E5EA;
    content: "";
    position: absolute;
    top: -10px;
    left: 160px;
}

.table-row .table-cell.car-model .car-pop > div {
    padding: 10px;
}

.table-row .table-cell.car-model .car-pop .title {
    font-weight: 500;
    background-color: #eef0f7;
}

.table-row .table-cell.car-model .car-pop .option {
    background-color: #fff;
    text-align: left;
    border-top: 1px solid #E3E5EA;
    border-bottom: 1px solid #E3E5EA;
    color: #333;
    font-size: 14px;
}

.table-row .table-cell.car-model .car-pop .option-2 {
    border-bottom: 1px solid #E3E5EA;
}

.table-row .table-cell.car-model .option p {
    display: flex;
    margin-bottom: 4px;
}

.table-row .table-cell.car-model .option p span {
    margin-left: auto;
}

.table-cell.car-model .option {
    background-color: #eef0f7;
    padding: 2px;
    text-align: center;
    color: #666;
    font-size: 13px;
}

.table-cell.car-model .total {
    display: flex;
    margin-top: 3px;
    padding-top: 3px;
    color: #505050;
    font-size: 14px;
}

.table-cell.car-model .total .num {
    margin-left: auto;
    font-weight: 500;
    color: #333;
}

.t-sim .lease-list-table .table-row .table-cell.capital {
    width: 20%;
    text-align: left;
}

.t-sim .lease-list-table .table-row .table-cell.capital i.dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #1443B3;
    border-radius: 100px;
    margin-right: 3px;
    vertical-align: middle;
}

.t-sim .lease-list-table .table-row .table-cell.capital i.dot.card {
    background-color: #A66FF5;
}

.table-cell.capital p {
    display: flex;
    flex-direction: column;
}

.table-cell.capital p .price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.table-cell.capital p .total-capital {
    text-align: center;
    background-color: #eef0f7;
    padding: 2px;
    text-align: center;
    color: #666;
    font-size: 13px;
}

.table-cell.capital p .total-capital span {
    font-weight: 400;
    font-size: 13px;
    color: #666;
}

.table-cell.capital p .total-capital strong {
    color: #666;
    font-size: 13px;
}

.table-cell.capital p strong {
    font-size: 14px;
    width: calc(100% - 113px);
}

.table-cell.capital p > span span {
    margin-left: auto;
    color: #333;
    font-weight: 500;
    width: 50%;
    text-align: right;
}

.table-cell.capital p .estimate {
    margin-top: 3px;
}

.t-sim .lease-list-table .table-row .table-cell.cm {
    width: 8%;
}

.t-sim .lease-list-table .table-row .table-cell.ag {
    width: 8%;
}

.t-sim .lease-list-table .table-row .table-cell.name {
    width: 8%;
}

.t-sim .lease-list-table .table-row .table-cell.btn {
    width: 10%;
}

.t-sim .lease-list-table .table-row .table-cell.btn .btn-group {
    display: flex;
    flex-direction: column;
}

.t-sim .lease-list-table .table-row .table-cell.btn .btn-group button {
    color: #4e4e4e;
    border: 1.5px solid #bdbdbd;
    margin-bottom: 4px;
    border-radius: 3px;
    font-size: 13px;
    padding: 4px 8px;
}

.t-sim .lease-list-table .table-row .table-cell.btn .btn-group button:hover {
    background-color: #bdbdbd;
    color: #fff;
}

.t-sim .lease-list-table .table-row .table-cell.btn .btn-group button.del {
    border: 1px solid #f55f5f;
    color: #f55f5f;
}

.t-sim .lease-list-table .table-row .table-cell.btn .btn-group button.del:hover {
    background-color: #f55f5f;
    color: #fff;
}

.lease-list-table .m-table-title {
    display: none;
}

.badge-check {
    display: inline-block;
    font-size: 13px;
    background-color: #f55f5f;
    color: #fff;
    border-radius: 100px;
    padding: 2px 8px;
}

/*--------------------------------------------------------------------------------------
리스 견적함 - 상세모달
----------------------------------------------------------------------------------------*/

.mo-l-md {
    width: 1200px;
}

.lease-modal .modal-nav.lease-m-info {
    display: block;
    width: 100%;
    padding: 0;
}

.lease-modal .modal-nav.lease-m-info > div.lease-nav {
    width: 100%;
}

.lease-modal .lease-m-info .detail-info {
    display: block;
    width: 100%;
}

.lease-modal .lease-m-info .car-option {
    width: 100%;
}

.lease-modal .lease-m-info .company-table {
    margin-top: 20px;
}

.lease-modal .lease-m-info .company-table ul {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #D7D9E1;
    border-top: 1px solid #D7D9E1;
    margin-bottom: 15px;
}

.lease-modal .lease-m-info .company-table ul li {
    width: 12.5%;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    text-align: center;
    border: 1px solid #D7D9E1;
    border-left: 0;
    border-top: 0;
}

.lease-modal .lease-m-info .company-table ul li label {
    background-color: #f5f6fa;
    padding: 6px;
    font-size: 13px;
}

.lease-modal .lease-m-info .company-table ul li p {
    padding: 6px;
}


/*--------------------------------------------------------------------------------------
리스 견적함 - 견적모달
----------------------------------------------------------------------------------------*/

.lease-modal .mo-l-md.list-modal .modal-nav {
    padding: 0;
}

.lease-modal .mo-l-md.list-modal .modal-nav > div.lease-nav {
    width: 100%;
}

/*--------------------------------------------------------------------------------------
읽기전용 단톡방 배너
----------------------------------------------------------------------------------------*/

.fix-talk {
    position: absolute;
    top: 180px;
    left: 150px;
    z-index: 80;
    text-align: center;
    box-shadow: 10px 10px 10px rgb(34 34 34 / 10%);
    cursor: pointer;
}

.talk-title {
    background-color: #fff;
    padding: 10px 20px;
    color: #f55f5f;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 6px 6px 0px 0px;
    border: 1px solid #e6e6e6;
    border-left: 0;
}

.talk-title p {
    font-family: 'MICEGothic';
    margin-top: 2px;
    margin-top: 30px;
}

.talk-title .ico {
    display: block;
    position: absolute;
    top: -30px;
    background-color: #fff;
    border-radius: 100px;
    width: 60px;
    height: 60px;
    border: 4px solid #f55f5f;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    margin-left: -30px;
}

.talk-title .ico img {
    width: 28px;
    display: inline-block;
    margin-top: -3px;
}

.talk-btn {
    width: 100%;
    cursor: pointer;
    border-radius: 0px 0px 6px 6px;
    overflow: hidden;
}

.talk-btn {
    padding: 10px 20px;
    background-color: #1443B3;
    color: #fff;
    width: 100%;
}

.talk-nav {
    padding: 10px 20px;
    background-color: #fff;
    border-right: 1px solid #e6e6e6;
}

.talk-nav p {
    font-weight: 600;
    color: #3e2723;
}

.talk-nav strong {
    display: flex;
    font-size: 18px;
    background-color: #ffeb3b;
    border-radius: 100px;
    padding: 6px 14px;
    margin-top: 4px;
}

.talk-nav strong img {
    width: 20px;
    margin-right: 4px;
}

/*--------------------------------------------------------------------------------------
랜딩페이지
----------------------------------------------------------------------------------------*/
.landing header {
    background-color: transparent;
    box-shadow: none;
    position: inherit;
}

.landing section {
    top: 0;
    padding-bottom: 0;
}

.landing .wrap-contents {
    width: 1080px;
    margin: 0 auto;
    padding: 70px 0;
    display: flex;
    align-items: center;
}

.landing .main-visual {
    background-image: linear-gradient(140deg, #314DDC 0%, #2CC3FF 100%);
    height: 628px;
    overflow: hidden;

}

.landing .main-visual .head-nav {
    width: 1920px;
}

.landing .main-visual .wrap-contents {
    padding: 0;
    align-items: flex-start;
}

.landing .main-visual .wrap-contents .nav {
    padding-top: 120px;
}

.landing .main-visual .wrap-contents .nav p {
    font-size: 39px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 400;
    line-height: inherit;
}

.landing .main-visual h2 {
    font-size: 70px;
    line-height: 85px;
    font-weight: 500;
    margin-bottom: 24px;
}

.landing .main-visual .wrap-contents .nav span {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
}

.landing .wrap-contents .nav {
    width: 50%;
}

.landing .wrap-contents .nav p {
    color: #353535;
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 70px;
}

.landing .wrap-contents .nav span {
    color: #626262;
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin-top: 3px;
}

.landing .wrap-contents .nav span strong {
    font-weight: 600;
}

.landing .wrap-contents .nav-img {
    width: 50%;
}

.landing .main-visual .visual {
    color: #fff;
}

.landing .kakao-btn {
    display: block;
    font-size: 16px;
    padding: 14px 40px;
    border: 1px solid #fff;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.15);
    margin-top: 40px;
    display: flex;
    align-items: center;
}

.landing .kakao-btn .main-logo {
    width: 20px;
    height: 20px;
    padding: 2px;
    background-color: #f1f7ff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-items: center;
    text-align: center;
    margin-right: 5px;
}

.landing .kakao-btn .main-logo img {
    width: 18px;
    margin: 0;
}

.landing .kakao-btn:last-of-type {
    margin-top: 10px;
}

.landing .kakao-btn img {
    margin-right: 5px;
}

.landing .promotion-contents {
    background-color: #f4f8fb;
}

.landing .promotion-contents .nav {
    padding-left: 20px;
}

.landing .comparison-contents {
    background-color: #f4f8fb;
}

.landing .comparison-contents .nav {
    padding-left: 100px;
}

.landing .kakao-signup {
    background-color: #3955E9;
    background-image: url(../images/icon/section6-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -12px
}

.kakao-signup .wrap-contents {
    flex-direction: column;
    text-align: center;
    color: #fff;

}

.kakao-signup .wrap-contents h3 {
    font-size: 60px;
    margin-bottom: 10px;
    font-weight: 500;
}

.kakao-signup .wrap-contents p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 2px;
}

.kakao-signup .wrap-contents p strong {
    font-weight: 500;
}

.nav-img.mobile {
    display: none;
}

/*--------------------------------------------------------------------------------------
irr | 잔가비교
----------------------------------------------------------------------------------------*/
.api-result.compare {
    border: 0;
    border-top: 0;
    position: relative;
}

.fix-select {
    padding: 10px 8px;
}

.api-result.compare::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 3px;
    border-radius: 100px;
    background: linear-gradient(90deg, #3D6EDF, #A66FF5);
    z-index: 10;
}

.irr-company ul {
    display: flex;
    width: 100%;
}

.irr-company ul li {
    display: flex;
    flex-direction: column;
    text-align: center;
    flex: 1 1 24.5%;
    border: 1px solid #D7D9E1;
    border-left: 0;
}

.irr-company ul li:first-child {
    border-left: 1px solid #D7D9E1;
}

.contents-box .irr-company ul li select {
    width: calc(100% - 60px);
    border-radius: 0;
    border: 0;
    border-left: 1px solid #D7D9E1;

}

.contents-box .irr-company ul li > span:first-of-type {
    display: flex;
    align-items: center;
    font-size: 14px;
    width: 100%;
}

.contents-box .irr-company ul li > span span.label {
    display: flex;
    align-items: center;
    font-size: 13px;
    width: 60px;
    justify-content: center;
    color: #676767;
    font-weight: 500;
    padding-top: 0.5px;
}

.irr-company .company-logo {
    margin-right: 4px;
}

.irr-company .company-logo img {
    height: 20px;
}

.contents-box .irr-company ul li strong {
    padding: 6px;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #D7D9E1;
}

.contents-box .irr-company ul li strong:hover .guide {
    display: block;
}

.contents-box .irr-company ul li strong .guide {
    position: absolute;
    background: #484848;
    color: white;
    z-index: 50;
    padding: 10px;
    width: 300px;
    font-size: 12px;
    text-align: left;
    top: 40px;
    right: 0;
    border-radius: 3px;
    display: none;
}

.contents-box .irr-company ul li strong .guide ul {
    border: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

.contents-box .irr-company ul li strong .guide ul li {
    border: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.29);

}

.contents-box .irr-company ul li strong .guide ul li:last-of-type {
    border-bottom: 0;
}

.contents-box .irr-company ul li strong .guide ul li strong {
    width: 75px;
    text-align: left;
    font-size: 13px;
    border-right: 0.5px solid rgba(255, 255, 255, 0.29);
    color: #faf1d7
}

.contents-box .irr-company ul li strong .guide ul li span {
    width: calc(100% - 75px);
    padding: 6px;
}

.contents-box .irr-company ul li strong .guide span {
    text-align: left;
}

.contents-box .irr-company ul li strong .guide:after {
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #484848;
    content: "";
    position: absolute;
    top: -10px;
    right: 100px;
}

.irr-num {
    background-color: #f4f5fb;
    padding: 6px;
    border-top: 1px solid #D7D9E1;
}

.font-b {
    color: #1443B3;
    font-weight: 600;
}

/*잔가비교*/
.tit-btn {
    display: flex;
}

.tit-btn button {
    margin-left: auto;
    height: 46px;
    background-color: #1443B3;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    padding: 0 20px;
    cursor: pointer;
    font-weight: 400;
}

.api-result.compare .result-wrap {
    width: 100%;
}

.api-result.compare .result-wrap .table-wrap {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 1%;
}

.api-result.compare .result-wrap .table-wrap .api-write {
    width: 49%;
    margin: 0;
    padding: 0;
}

.api-result.compare .result-wrap .table-wrap .api-write .api-nav {
    margin: 0;
    display: block;
}

.api-result.compare .result-wrap .table-wrap .api-write .api-nav .api-box {
    width: 100%;
}

.api-result.compare .result-wrap .table-wrap .dealer-table {
    width: 49%;
}

.api-result.compare .result-wrap .table-wrap .dealer-table .font-r {
    font-weight: 600;
}

.api-result.compare .result-wrap .table-wrap .dealer-table table {
    width: 100%;
    height: 100%;
}

.api-result.comp dare .result-wrap .table-wrap .dealer-table table .company-logo {
    display: block;
    width: 100%;
}

.api-result.compare .result-wrap .table-wrap .dealer-table table .company-logo img {
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.api-result.compare .result-wrap .table-wrap .dealer-table table tbody th {
    border-bottom: 1px solid #E3E5EA;
    background-color: #f4f5fb;
    vertical-align: middle;
}

.api-result.compare .result-wrap .table-wrap .api-write::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 0;
    height: 0;
}

.search-list {
    width: 100%;
    margin-top: 20px;

}

.search-list .list-table {
    width: 100%;
}

h4.sub-title {
    width: 100%;
    margin-bottom: 10px;
    font-weight: bold;
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
}

.search-list .list-table table {
    width: 100%;
    text-align: center;
    table-layout: fixed;
    border-collapse: collapse;
}

.search-list .list-table table th {
    border: 1px solid #E3E5EA;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    background-color: #f4f5fb;

}

.search-list .list-table table th img {
    width: 18px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
}

.search-list .list-table table .thead th.model {
    font-weight: 500;
    border-bottom: 1px solid #E3E5EA;
    font-size: 16px;
}

.search-list .list-table table .thead th.model .model-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.search-list .list-table table .thead th.model .model-info strong {
    width: 100%;
    text-align: center;
}

.search-list .list-table table .thead th.model img {
    width: 120px;
    display: block;
    margin: 0 auto;
    margin-bottom: 8px;
}

.search-list .list-table table td {
    border: 1px solid #E3E5EA;
    padding: 8px;
    font-size: 14px;

}

.search-list .list-table table td.font-r {
    font-weight: 600;
}

.search-list .list-table table .thead th {
    background-color: #fff;
    border-bottom: 2px solid #1443B3;
}

.search-list .list-table table .thead .del-btn {
    border-bottom: 1px solid #E3E5EA;
    background-color: #fff !important;
    cursor: pointer;
    color: #f4515e;

}

/*--------------------------------------------------------------------------------------
재고차량 - 라인업 추가
----------------------------------------------------------------------------------------*/

.dealer-table .list-title {
    width: 100%;
    background-color: #1443B3;
    color: #fff;
    font-size: 14px;
    border-radius: 10px 10px 0 0;
}

.dealer-table .list-title ul {
    display: flex;
}

.dealer-table .list-title ul li {
    width: 33.333333%;
    text-align: left;
    padding: 10px;
}

.dealer-table .list-title ul li:last-of-type {
    width: calc(25% - 20px);
}

.dealer-table .accordion-box .list {
    border: 1px solid #D7D9E1;
    border-radius: 0 0 10px 10px;
    font-size: 14px;
}

.dealer-table .accordion-box .list .list-header {
    display: flex;
    cursor: pointer;
}

.bg-header {
    background-color: #ffe7e7 !important;
}

.bg-header td {
    background-color: #ffe7e7 !important;
}

.dealer-table .accordion-box .list .list-header li {
    width: 33.333333%;
    text-align: left;
    padding: 10px;
    border-top: 1px solid #E3E5EA;
    transition: .5s;
}

.dealer-table .accordion-box .list .list-header li.li-ico {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dealer-table .accordion-box .list .list-header li.li-ico span {
    width: calc(100% - 20px);

}

.dealer-table .accordion-box .list .list-header li.li-ico i {
    width: 20px;
    margin-left: auto;
    font-size: 18px;
    color: #6d6d6d;
    font-weight: 600;
}

.dealer-table .accordion-box .list table {
    width: 100%;
    display: none;
}

.dealer-table .accordion-box .list table th {
    border: 0;
    background-color: #e5ebf7;
    font-size: 12px;
    padding: 4px;
    word-break: keep-all;
    border-right: 1px solid #E3E5EA;
    border-top: 2px solid #1443B3;

}

.dealer-table .accordion-box .list table th:last-of-type {
    border-right: 0;
}

.dealer-table .accordion-box .list table td {
    border: 0;
    border-right: 1px solid #E3E5EA;
    word-break: keep-all;
    text-align: left;
    background-color: #f9fbff;
}

.dealer-table .accordion-box .list table td:last-of-type {
    border-right: 0;
}

.dealer-table .accordion-box .list table tbody tr {
    border-bottom: 1px solid #E3E5EA;
}

.dealer-table .accordion-box .list table tbody tr:last-of-type {
    border-bottom: 2px solid #1443B3;
}

.dealer-table .accordion-box .list table td input {
    width: 100%;
    text-align: left;
    background-color: transparent;
}

.dealer-table .accordion-box .list table td .color-group input {
    width: calc(100% - 30px);
    text-align: left;
    background-color: transparent;
}

.sale-td .input-group.readonly {
    border: 1px solid #fff;
    background-color: transparent !important;
    font-weight: 500;
}

.sale-td .input-group.readonly span.percent {
    border: 0;
}

.readonly input {
    background-color: #fff !important;
}

.dealer-table .accordion-box .list table td .b_span input:read-only {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

.dealer-table .accordion-box .list table td select {
    width: 100%;
    background: url(../images/icon/ico-select.svg) no-repeat right 10px center;
    background-size: 10px;
    font-size: 13px;
    padding: 10px 2px;
    padding-right: 25px;
    border: 1px solid #E3E5EA;
    margin-bottom: 4px;
}

.color-group {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
}

.color-group strong {
    text-align: left;
    width: 30px;
    display: block;
    border-bottom: 0;
    font-weight: 600;
    font-size: 12px;
}

.color-group .color-span {
    display: flex;
    align-items: center;
}

.color-group .color-span:first-of-type {
    margin-bottom: 4px;
}

.color-group .color-span input {
    border: 1px solid #D7D9E1;
    padding: 6px 4px;
}

.color-group .color-span input:read-only {
    border: 0;
}

.sale-td li {
    display: flex;
    width: 100%;
}

.dealer-table .accordion-box .list table td .sale-td.price li label {
    width: 70px;
}

.sale-td.price .input-group {
    width: calc(100% - 70px);
}

.sale-td.price .input-group span {
    width: 100%;
}

.dealer-table .accordion-box .list table td .sale-td li label {
    width: 72px;
    font-size: 12px;
    text-align: left;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.sale-td .input-group {
    width: calc(100% - 72px);
    display: flex;
    border: 1px solid #D7D9E1;
    margin-bottom: 4px;
    border-radius: 5px;
}

.sale-td .input-group span {
    width: 63%;
}

.sale-td .input-group span.percent {
    width: 37%;
    border-right: 1px solid #D7D9E1;
}

.b_span {
    display: block;
    border-radius: 5px;
}

.b_span input {
    border: 1px solid #D7D9E1 !important;
}

.sale-td .input-group span.unit {
    width: 20px;
    font-size: 13px;
    border: 0;
    margin-bottom: 0;
}

.dealer-table .accordion-box .list table td .sale-td li input {
    width: calc(100% - 20px);
    border-radius: 0;
    text-align: right;
    font-size: 13px;
    background-color: transparent;
}

.dealer-table .accordion-box .list table td .sale-td li .readonly input {
    background-color: transparent !important;

}

.dealer-table .accordion-box .sale-td .input-group.readonly {
    border: 1px solid transparent !important;
}

.dealer-table .accordion-box .list table td .form_radio_btn label {
    font-size: 13px;
    padding: 8px 4px;
    border-radius: 6px;
}

.dealer-table .accordion-box .list table td textarea {
    width: 100%;
    border: 0;
    font-size: 13px;
}

.dealer-table .accordion-box .list table td textarea::-webkit-scrollbar {
    width: 2px;
    background-color: #d8d8d8;
}

.checkbox_group {
    width: 100%;
}


.checkbox_group input[type="checkbox"] {
    display: none;
}

.checkbox_group input[type="checkbox"] + label {
    display: inline-block;
    background-color: #fff;
    cursor: pointer;
    padding: 4px 10px;
    font-size: 13px;
    width: 100%;
    text-align: center;
    color: #666;
    font-weight: 500;
    border: 1px solid #e6e6e6;
}

.checkbox_group input[type="checkbox"]:checked + label {
    background-color: #1443B3;
    color: #fff;
    border-radius: 6px;
}

.fix-value.form-num {
    text-align: right;
}

/*--------------------------------------------------------------------------------------
할부 견적 비교
----------------------------------------------------------------------------------------*/
.form2-group {
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
}

.api-nav .box-form .form2-group .sale-input {
    width: 100%;
    display: flex;
    gap: 1%;
    justify-content: center;
    margin-top: 8px;
}

.form2-group .select-group {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 1%;
}

.form2-group select {
    width: 49% !important;
}

.est-info.radio-input.radio3 > div label {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.est-info.radio-input.radio3 div:last-of-type label {
    border-right: 0;
}

.estimate-wrap .est-body .est-form .est-info.radio-input.radio3 {
    width: 100%;
}

.est-info.radio-input.radio3 .radio_common {
    width: 33.333333%;
}

.est-form-goup {
    display: flex;
    flex-direction: column;
    width: calc(100% - 100px);
}

.api-box h4 {
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.api-box h4 .ico-subtit {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../images/icon/ico-subtitle.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -7px;

}

.option-api {
    margin-top: 30px;
}

.lease-estimate .estimate-add .api-nav .box-form .option-check {
    min-height: 200px;
    max-height: 200px;
}

.estimate-add .lease-result .result-wrap {
    margin-bottom: 20px;
}

.estimate-add .btn-turn span {
    width: 100%;
    text-align: center;
    border-right: 0;
}

.est-price ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-end;
}

.est-price ul li {
    display: flex;
    width: 100%;
}

.est-price .m-price {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.est-price .m-price > div {
    width: 100%;
    text-align: right;
}

.price_strong {
    font-weight: 500;
    font-size: 14px;
    color: #202020;
}

.result-box.on .price_sub {
    color: rgb(255, 255, 255);
}

.price_sub {
    font-weight: 400;
    font-size: 13px;
    color: #656565;
    margin-top: 2px;
}

.estimate-add .btn-turn span {
    padding: 0;
}

.estimate-add .btn-turn span select {
    width: 100%;
    border: 0;
    cursor: pointer;
}

.estimate-add .esit-result .result-box {
    padding: 0;
}

.estimate-add .esit-result .result-box .name {
    padding: 10px;
    padding-bottom: 0;
}

.estimate-add .esit-result .result-box.on .price_strong {
    color: #fff;
}

.estimate-add .esit-result .result-box .m-price {
    padding: 0 10px;
}

.m-total-place {
    margin-top: 5px;
    border-top: 1px dashed #acacac;
    font-size: 15px;
    font-weight: 500;
    background-color: rgba(240, 240, 240, 0.92);
    padding: 6px 10px;

}

.m-total-place > div {
    display: flex;
    align-items: center;
    width: 100%;
}

.esit-result .result-box .price-info ul li.m-total-place span.price {
    margin-left: auto;
    color: #1443B3 !important;
    font-weight: 600;
    width: calc(100% - 50px)
}

.m-total-place .label {
    font-size: 13px;
    width: 50px;
    color: #333;

}

.esit-result .result-box .price-info.est-price {
    padding: 0;
}

.estimate-add .esit-result .result-box .name {
    color: #000000;
    font-weight: 500;
}

.esit-result .result-box .price-info ul li.m-total-place span {
    font-size: 15px;
    font-weight: 500;
}

.estimate-add .capital-contents .capital-form .form-info {
    border-left: 1px solid #e6e6e6;
}

.estimate-add .capital-contents .capital-form .form-info input {
    font-size: 14px;
    text-align: right;
}

.estimate-add .capital-contents .capital-form .form-info select {
    font-size: 14px;
}

.estimate-add .lease-capital .capital-nav .total .money strong {
    color: #333;
    font-size: 15px;
    display: flex;
    flex-direction: column;
}

.estimate-add .lease-capital .capital-nav .total .money strong i {
    height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*--------------------------------------------------------------------------------------
media
----------------------------------------------------------------------------------------*/
@media screen and (max-width:1873px) {
    .fix-talk {
        left: 50px;
    }


}


@media screen and (max-width:1702px) {
    .fix-talk {
        left: 20px;
    }

}

@media screen and (max-width:1622px) {
    .fix-talk {
        display: none;
    }
}

@media screen and (max-width:1600px) {
    .info-btn {
        flex-wrap: wrap;
    }

    .btn-group {
        width: 100%;
        margin-bottom: 4px;
        display: flex;

    }

    .box-info {
        /* padding-bottom: 125px;*/
    }

    .btn-copy {
        width: 49%;
        margin-left: 1%;
    }

    .nav-btnshare {
        width: 49%;
    }

    .list-nav .nav .api-result .contactus .nav-btnshare {
        width: auto;
    }

    .aside-fix {
        left: 91%;
        right: auto;
    }

}

@media screen and (max-width:1440px) {
    .list-badge-g {
        flex-direction: column;
        align-items: flex-start
    }

    .list-badge-g .date-info {
        margin: 0;
        margin-top: 8px;
        flex-wrap: wrap;
        word-break: keep-all;
    }
}

@media screen and (max-width:1400px) {
    .swiper-slide.swiper-slide-active .slide-nav1 img {
        width: 100%;
    }

    .box-info .share-tooltip {
        left: auto;
        right: 10px;
        bottom: 80px;
    }

    /*헤더*/
    .head-menu li > a {
        font-size: 14px;
    }

    .mainmenu-sub li a {
        font-size: 13px;
    }

    .head-logo a img {
        width: 160px;
    }

    .head-account ul li a {
        font-size: 12px;
    }

    .info-btn {
        flex-direction: column;
    }

    /*메인*/
    .slide-nav1 {
        width: 90%;
        margin: 0 auto;
    }

    .swiper-slide h2 {
        font-size: 30px;
    }

    .swiper-slide p {
        font-size: 16px;
    }

    .main-list .info-contents {
        width: 90%;
        margin: 0 auto;
    }

    .inventorylist .list-contents {
        width: 90%;
        margin: 0 auto;
    }

    .notice-nav {
        width: 90%;
        margin: 0 auto;
    }

    .inventorylist-box .box {
        width: 19%
    }

    /*즉시출고*/
    .list-search {
        width: 320px;
    }

    .search-nav h4 span {
        font-size: 14px;
    }

    .search-nav h4 img {
        width: 40px;
    }

    .search-sel .sel-tit {
        font-size: 14px;
    }

    .search-btn {
        width: 314px;
    }

    .list-nav {
        left: 320px;
        width: calc(100% - 320px);
        top: 74px;
    }

    .page-tit.list {
        left: 320px;
        width: calc(100% - 320px);
    }

    .swiper-slide.swiper-slide-active:first-of-type img {
        object-fit: cover;
        width: 100%;
    }



    .list-box {
        width: 49%;
    }

    .list-nav .nav .api-result .contactus .btn-copy {
        width: 50%;
        margin: 0;
    }

    .list-nav .nav .api-result .contactus .nav-btnshare {
        width: 49%;
        margin-right: 1%;
    }

    .list-nav .nav .api-result .contactus .btn-next {
        width: 100%;
        text-align: right;
        margin-top: 8px;
    }

    .list-nav .nav .api-result .contactus {
        flex-wrap: wrap;
    }

    /*리스 견적 비교 모달*/
    .lease-modal .company-contens ul {
        flex: 1 1 49%;
    }

    .lease-modal .company-contens ul li .tit {
        display: flex;
    }

    .lease-modal .company-contens ul li .txt {
        width: calc(100% - 100px);
    }

    .fix-talk {
        left: 10px;
    }

}

@media screen and (max-width:1770px) {
    .estimate-layout.result-block .contents-box {
        width: 100%;
    }

    .normal-wrap.estimate .api-write {
        width: 98%;
    }

    .estimate-result .lease-nav .detail-info .c-img {
        margin-top: 50px;
    }

    .estimate-result .car-model {
        text-align: center;
    }

    .normal-wrap.estimate .lease-result {
        width: 98%;
    }

    .normal-wrap.estimate {
        width: 90%;
    }

    .estimate-result {
        width: 100%;
    }

    .estimate-layout {
        flex-wrap: wrap;
        min-width: 100%;
        max-width: 100%;
    }

    .estimate-layout .contents-box {
        margin-bottom: 20px;
    }


    .aside-fix.aside-row.aisde-left {
        left: 50%;
        margin-left: -200px;
    }

    .fix-w-car.fix-left {
        width: 90%;
        margin: 0;
        left: 5%;
        top: 80px;
    }
}

@media screen and (max-width:1280px) {
    .swiper-slide.swiper-slide-active .slide-nav1 img {
        object-fit: cover;
    }

    .normal-wrap.estimate .page-tit {
        width: 100%;
    }

    /*헤더*/
    .head-account {
        display: none;
    }

    .m-i-accout {
        display: block;
    }

    /*회원가입*/
    .signup-info.form-3 {
        width: 95%;
    }

    /*즉시출고*/
    .list-search {
        width: 300px;
    }

    .search-btn {
        width: 294px;
    }

    .list-nav {
        left: 300px;
        width: calc(100% - 300px);
    }

    .info-tit {
        flex-direction: column;
        align-items: stretch
    }

    .page-tit.list {
        left: 300px;
        width: calc(100% - 300px);
    }

    .list-box .box-tit {
        flex-direction: column;
    }

    .list-box .box-tit .lease {
        /*margin-bottom: 8px;*/
        padding: 4px 13px;
        width: auto;
    }

    .list-box .box-tit h5 {
        font-size: 16px;
    }

    .list-box .box-tit .rent {
        /* margin-bottom: 8px;*/
        padding: 4px 13px
    }

    .list-box .box-tit h5 {
        width: 100%;
        margin-left: 0;
    }

    /*즉시출고 딜러*/
    .list-nav .nav .api-result .result-nav {
        width: 49%;
        margin-bottom: 12px;
    }

    .list-nav .nav .api-result .contactus .share-tooltip {
        left: 80px;

    }


    /*공통레이아웃*/
    .normal-wrap {
        width: 90%;
        overflow: hidden
    }

    /*금융자료실*/
    .community-info .community-nav .info-sub {
        display: block;
    }

    .community-info .community-nav .info-sub h6 {
        max-width: 100%;
        margin-bottom: 8px;
    }

    /*푸터*/
    .footer-nav {
        max-width: 100%;
    }

    .footer-nav address ul {
        flex-wrap: wrap
    }

    .footer-nav address ul li {
        margin-bottom: 6px;
    }

    /*2차 추가*/
    /*본인홍보*/
    .search-icon ul {
        flex-wrap: wrap;
        margin-bottom: 10px;
        background-color: transparent;
        border-top: 1px solid #d8d8d8;
        border-bottom: 0;
        border-right: 0;
        border-radius: 12px;
        overflow: hidden;
    }

    .contents-btn.community-btn.add-btn {
        width: 95%;
    }

    .search-icon ul li {
        width: 10%;
        border-bottom: 1px solid #d8d8d8;
        background-color: #fff;
    }

    .search-icon ul li:nth-of-type(19) {
        border-right: 1px solid #d8d8d8;
    }

    .search-icon ul li:last-of-type {
        border-right: 1px solid #d8d8d8;
    }

    .brand-search {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    /*2차 추가*/
    /*본인홍보*/
    .signup-info.community-wr {
        width: 95%;
        padding-left: 0;
        padding-right: 0;
    }

    .api-write {
        width: 95%;
    }

    .api-add {
        width: 95%;
    }

    .api-result {
        width: 95%;
    }

    .list-btn.community-change {
        width: 95%;
    }

    .mo-m-md {
        width: 90%;
        height: 90%;
        overflow-y: scroll;
    }

    /*리스 견적 비교*/
    .lease-capital {
        width: 95%;
        flex-wrap: wrap;
    }

    .lease-capital .capital-nav {
        width: 49.5%;
        margin-bottom: 1%;
    }

    .normal-guide {
        width: 95%;
    }

    .lease-result .estimate-wrap {
        width: 390px;
    }

    .lease-result .esit-result .nav-result {
        width: 390px;
    }

    .lease-result {
        width: 95%;
        overflow: auto;
        overflow-x: scroll;
        padding-bottom: 30px;
    }

    .lease-result .contents-btn.community-btn.add-btn {
        width: 1185px;
    }

    .lease-result .contents-btn.community-btn.add-btn button {
        width: 100%;
    }

    .lease-del {
        width: 95%;
    }

    /*리스견적 모달*/
    .modal-wrap.mo-xl-md {
        width: 95%;
    }

    .lease-modal .detail-info {
        flex-wrap: wrap;
    }

    .lease-modal .detail-info > div {
        width: 100%;
    }

    .lease-modal .detail-info .car-detail {
        width: 100%;
        text-align: center;
    }

    .lease-modal .modal-nav > div {
        width: 40%;
    }

    .form.form-2 {
        width: 100%;
    }

    .modal-form .group .form {
        width: 50%;
    }

    .lease-modal .detail-info .car-detail .c-img {
        width: 100%;
        text-align: center;
    }

    .lease-modal .modal-nav > div.lease-nav {
        width: 60%;
    }

    .fix-w-car {
        width: 90%;
        margin: 0;
        left: 5%;
        top: 80px;
    }

    /*리스 견적함*/
    .table-cell.capital p .price {
        flex-direction: column;
    }

    .table-cell.capital p .price strong {
        width: 100%;
    }

    .table-cell.capital p .price span {
        width: 100%;
    }

    /*차량정보 모달*/
    .mo-l-md {
        width: 95%;
    }

    /*커뮤니티*/
    .api-result.dealer-result .result-nav {
        width: 48%;
    }

    /*랜딩페이지1280*/
    .landing .main-visual .head-nav {
        width: 90%;
    }

    .landing .wrap-contents {
        width: 90%;
    }

    .landing .main-visual h2 {
        font-size: 55px;
        line-height: 75px;
        margin-bottom: 16px;
    }

    .landing .main-visual .wrap-contents .nav p {
        font-size: 28px;
    }

    .landing .main-visual .wrap-contents .nav span {
        font-size: 18px;
        word-break: keep-all;
    }

    .landing .wrap-contents .nav p {
        font-size: 40px;
        line-height: 55px;
    }

    .landing .wrap-contents .nav span {
        word-break: keep-all;
    }

    .table-wrap {
        width: 100%;
        overflow-x: scroll;
    }

    .table-wrap .dealer-table {
        width: 1240px;
    }

    /*irr 잔가비교*/
    .api-result.compare .result-wrap .table-wrap {
        overflow: hidden;
    }

    .api-result.compare .result-wrap .table-wrap .api-write {
        width: 39%;
    }

    .api-result.compare .result-wrap .table-wrap .dealer-table {
        width: 60%;
    }

    .search-bar {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:1080px) {

    /*헤더*/
    .head-logo {
        width: 160px;
    }

    .head-logo a img {
        width: 160px;
    }

    .head-menu li {
        padding: 0 18px;
    }

    .head-menu li a {
        font-size: 14px;
    }

    .mainmenu-sub li a {
        font-size: 12px;
    }

    .m-account .ico-account {
        width: 90px;
    }

    .m-account img {
        width: 18px;
    }

    /*메인*/
    .main-subtitle h2 {
        font-size: 26px;
    }

    .main-list .info-contents .nav .title p {
        font-size: 12px;
    }

    .main-subtitle p {
        font-size: 15px;
    }

    .main-list .info-contents .nav .title {
        font-size: 18px;
    }

    /*즉시출고*/
    .list-box {
        width: 97%;
    }

    /*견적비교*/
    .compare-table {
        width: 100%;
        overflow: auto;
        overflow-x: scroll;
        padding-left: 10px;
        padding-right: 10px;
    }

    /*2차 추가*/
    /*본인홍보*/
    .api-nav {
        flex-wrap: wrap;
    }

    .api-nav .api-box {
        width: 49%;
    }

    .api-nav .api-box:last-of-type {
        width: 100%;
    }

    .api-result .result-nav {
        width: 49%;
    }

    /*베타 가이드*/
    .ribbon-container {
        width: 90%;
    }

    .ribbon {
        width: 100%;
        padding: 6px;
        line-height: 20px;
        font-size: 14px;
        word-break: keep-all;
    }

    .list-badge-g {
        flex-direction: row;
        align-items: baseline;
    }

    .list-badge-g .date-info {
        margin-left: auto;
        margin-top: 0px;
        flex-wrap: wrap;
        word-break: keep-all;
    }

    /*irr-잔가비교*/
    .api-result.compare .result-wrap .table-wrap .dealer-table table tbody th i {
        display: block;
    }

}

@media screen and (max-width:1000px) {

    /*헤더*/
    .m-i-accout {
        margin-left: auto;
        margin-right: 20px;
        text-align: right;
        padding-right: 10px;
    }

    .m-i-accout .m-account {
        text-align: center;
    }

    .head-menu {
        display: none;
    }

    .m-i-ham {
        display: block;
        cursor: pointer;
    }

    /*회원가입*/
    .signup-info {
        width: 98%;
    }

    /*2차 추가*/
    /*본인홍보*/
    .api-add .add-nav ul li.nav-last {
        width: calc(100% - 90px);
    }

    .api-add .add-nav ul li.del-button {
        width: 90px;
    }

    .main-list .info-contents {
        flex-wrap: wrap;
    }

    .main-list .info-contents .nav {
        width: 48%;
        margin: 1%;
        flex: auto;
    }

    .lease-modal .company-contens ul {
        flex: 1 1 100%;
    }
}

@media screen and (max-width:968px) {

    /*즉시출고*/
    .info-option {
        padding-bottom: 12px;
    }

    .info-option .option {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .info-option .option span {
        text-align: left;
    }

    /*즉시출고 딜러*/
    .list-nav .nav .api-result .result-nav {
        width: 100%;
    }

    /*메인*/
    .inventorylist .list-contents {
        width: 90%;
    }

    .notice-nav {
        width: 90%;
    }

    /*회원가입*/
    .signup-info.form-3 .sign-form {
        width: 50%;
    }

    /*리스트 검색창*/
    .com-list .search-bar {
        flex-direction: column;
        width: 100%;
    }

    .com-list .search-bar .sel {
        width: 100%;
        margin: 0;
        margin-bottom: 8px;
    }

    .com-list .search-bar .sel select {
        width: 100%;
    }

    .com-list .input-search {
        display: flex;
        justify-content: space-between;
    }

    .com-list .input-search input {
        width: calc(100% - 76px);
    }

    .com-list .search-bar .input-search button {
        width: 70px;
    }

    /*2차 추가*/
    /*본인홍보*/
    .search-icon ul li {
        width: 20%;
    }

    .api-add .add-nav ul li {
        width: 50%
    }

    /*금융사재고*/
    .list-total.total-search {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 10px;
        width: 93%;
    }

    .list-total.total-search .search-bar {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    .list-total.total-search .search-tit {
        padding: 0;
        width: 50px;
    }

    .list-total.total-search .search-bar input {
        width: calc(100% - 131px);
    }

    /*리스 견적 비교 모달*/
    .lease-modal .lease-nav .detail {
        flex-wrap: wrap;
        border: .5px solid #D7D9E1;
    }

    .lease-modal .lease-nav .detail .detail-box {
        flex: 1 1 50%;
    }

    /*플로팅 메뉴*/
    .aside-fix {
        left: auto;
        right: 10px;
    }

    .lease-modal .lease-nav .nav-title span.date {
        width: 100%;
        margin: 0;
        margin-top: 2px;
    }

    /*커뮤니티*/
    .api-result.dealer-result .result-nav {
        width: 100%;
    }

    /*랜딩페이지968*/
    .landing .main-visual .head-nav {
        width: 95%;
    }

    .landing .wrap-contents {
        flex-direction: column;
        width: 95%;
    }

    .landing .main-visual .wrap-contents {
        text-align: center;
        align-items: center;
    }

    .landing .main-visual .wrap-contents .nav {
        padding-top: 20px;
    }

    .landing .main-visual {
        height: 800px;
    }

    .landing .main-visual h2 {
        font-size: 60px;
        font-weight: 600;
    }

    .landing .main-visual .wrap-contents .nav p {
        font-size: 30px;
    }

    .landing .wrap-contents .nav-img {
        width: 95%;
    }

    .landing .wrap-contents .nav-img img {
        margin: 0 auto;
    }

    .landing .main-visual .wrap-contents .nav-img img {
        width: 500px;
        margin: 0 auto;
    }

    .landing .kakao-btn {
        margin: 0 auto;
        margin-top: 40px;
    }

    .landing .wrap-contents .nav .kakao-btn img {
        margin-bottom: 0;
        margin-right: 4px;
    }

    .landing .wrap-contents .nav {
        text-align: center;
        padding: 0;
        width: 100%;
    }

    .landing .wrap-contents .nav p {
        margin-bottom: 26px;
        font-size: 45px;
        line-height: 65px;
    }

    .landing .wrap-contents .nav img {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .nav-img.pc {
        display: none;
    }

    .nav-img.mobile {
        display: block;
    }

    .nav-img {
        margin-top: 50px;
    }

    .kakao-signup .wrap-contents h3 {
        font-size: 40px;
        word-break: keep-all;
    }

    .kakao-signup .wrap-contents p {
        font-size: 18px;
        word-break: keep-all;
    }
}

@media screen and (max-width:768px) {
    .est-head .head-btn {
        display: none;
    }

    .estimate-wrap.nav-col2 {
        display: none;
    }

    .estimate-wrap.nav-col3 {
        display: none;
    }

    .lease-result {
        overflow-x: hidden
    }

    .estimate-wrap.nav-col1 {
        width: 100%;
    }

    .lease-result .esit-result .nav-result {
        width: 100%;
    }

    .nav-result.nav-col2 {
        display: none
    }

    .nav-result.nav-col3 {
        display: none
    }

    .esit-result .result-box .name-ico {
        width: 18px;
        height: 18px;
        font-size: 10px;
    }

    .esit-result .result-box .name-ico i {
        padding-top: 0;
    }

    .esit-result .result-box .price-info {
        padding-left: 21px;
    }

    .esit-result .result-box .price-info ul {
        font-size: 13px;
    }


    .price-same .same-guide {
        font-size: 12px;
    }

    .price-same .percent-order {
        font-size: 12px;
        padding: 4px 5px;
    }

    .esit-result .result-box .name {
        flex-wrap: nowrap;
    }

    .esit-result .result-box .name strong {
        font-size: 14px;
    }

    .lease-result .contents-btn.community-btn.add-btn button {
        display: none;
    }

    .result-box.on .price.font-b strong {
        font-size: 14px;
    }

    .esit-result .result-box .price strong {
        font-size: 14px;
    }

    .i-down {
        width: 50px;
        height: 50px;

    }

    .i-down img {
        width: 18px;
    }

    .i-down span {
        font-size: 13px;
    }

    .list-box {
        width: 97%;
    }

    .navigation {
        position: absolute;
        top: 15px;
    }

    .page-tit.list {
        padding: 3%;
        top: 80px;
        padding-top: 32px;
    }

    .list-nav {
        top: 105px;
    }

    .page-tit h3 {
        margin-top: 14px;
    }

    .page-tit h3 span {
        margin-top: 4px;
    }

    .normal-wrap .page-tit {
        padding-top: 26px;
    }

    /*메인*/
    .main-list .info-contents .nav:last-of-type {
        margin: 1%;
    }

    .inventorylist-box .box {
        width: 24%;
    }

    .main-notice .notice-nav {
        flex-wrap: wrap;
        gap: 0
    }

    .main-notice .notice-nav .nav {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .notice-nav .head-subtitle h2 {
        font-size: 20px;
    }

    .notice-nav .head-subtitle p {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .main-notice {
        margin-top: 40px;
    }

    .main-subtitle h2 {
        font-size: 20px;
    }

    .main-subtitle p {
        font-size: 13px;
    }

    /*리스트 검색창*/
    .search-bar {
        flex-direction: column;
        width: 100%;
    }

    .search-bar .sel {
        width: 100%;
        margin: 0;
        margin-bottom: 8px;
    }

    .search-bar .sel select {
        width: 100%;
    }

    .input-search {
        display: flex;
        justify-content: space-between;
    }

    .input-search input {
        width: calc(100% - 76px);
    }

    .search-bar .input-search button {
        width: 70px;
    }

    /*반응형 테이블 공통레이아웃*/
    .div-table {
        display: block;
        width: 100%;
    }

    .t-head {
        display: none;
    }

    .t-body .table-row {
        width: 100%;
        display: flex;
        flex-direction: row;
        text-align: left;
        border-bottom: 1px solid #E3E5EA;
        flex-wrap: wrap;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .t-body {
        width: 100%;
        display: block;
    }

    .t-body .table-row .table-cell {
        margin-bottom: 5px;
        border-bottom: 0;
        font-size: 14px;
        color: #5d5d5d;
        padding: 0;
        width: 100% !important;
        word-break: keep-all;
    }

    .t-body .table-row .table-cell:first-of-type {
        width: 100%;
        font-size: 15px;
        font-weight: 500;
        color: #121212;
    }

    .t-sim .table-row .table-cell:nth-of-type(4) {
        display: flex;
    }

    .views-num {
        display: block;
        font-weight: 500;
        font-size: 14px;
    }

    /*커뮤니티*/
    .t-sim .table-row .table-cell:first-of-type {
        text-align: left;
    }

    .community .t-sim .table-row .table-cell:nth-of-type(3) i {
        margin-right: 4px;
        color: #1EA0D3;
        display: inline-block;
    }

    .community .t-sim .table-row .table-cell:nth-of-type(2) {
        font-size: 15px;
        font-weight: 500;
    }

    .community .t-sim .table-row .table-cell:nth-of-type(6) {
        display: flex;
    }

    .table-cell .co-title {
        flex-direction: column;
    }

    .table-cell .co-title .file-icon {
        width: 100%;
    }

    .table-cell .co-title .tit {
        width: 100%;
        padding-left: 0;
    }

    .ico-filecar {
        margin: 0 4px
    }

    /*금융자료실*/
    .com-list .list-search {
        width: 250px;
    }

    .com-list .list-nav {
        left: 250px;
        width: calc(100% - 250px);
        top: 110px;
    }

    .com-list .navigation {
        top: 20px;
    }

    .com-list .page-tit.list {
        padding: 3%;
        left: 250px;
        width: calc(100% - 250px);
        top: 80px;
        padding-top: 32px;
    }

    .com-list .table-row .table-cell:first-of-type {
        width: 100%;
        display: none;
    }

    .com-list .table-row .table-cell:nth-of-type(2) {
        display: inline-block !important;
    }

    .com-list .table-row .table-cell:nth-of-type(3) {
        display: inline-block !important;
        width: auto !important;
        margin-left: 6px;
        padding-top: 5px;
        font-size: 13px;
        font-weight: 500;
    }

    .com-list .table-row .table-cell:nth-of-type(4) {
        width: 100%;
        padding: 0;
        font-weight: 600;
        color: #222;
    }

    .com-list .table-row .table-cell:nth-of-type(5) {
        width: 100%;
        font-size: 13.5px;
        color: #a0a0a0;
    }

    .com-list .table-row .table-cell:nth-of-type(6) {
        width: 100%;
        display: flex;
    }

    .table-cell.com-badge span {
        display: inline-block;
        padding: 4px 12px;
        border: 1.5px solid #eef0f9;
        color: #5a69c4;
        background-color: #eef0f9;
        border-radius: 100px;
        font-size: 12px;
        font-weight: 500;
        max-width: 100%;
        word-break: keep-all;
        word-wrap: break-word
    }

    .t-ndata {
        border-bottom: 0;
    }

    /*견적비교*/
    .compare-list .search-btn {
        width: 245px;
    }

    .compare-table {
        display: none;
    }

    .m-compare-table {
        display: block;
    }

    .lease-modal .detail-info .car-detail img {
        margin: 0 auto;
    }

    /*404 에러페이지*/
    .error-nav {
        width: 90%;
        margin: 0 auto;
    }

    .error-nav h3 {
        font-size: 28px;
    }

    .error-nav .error-text {
        font-size: 16px;
        word-break: keep-all;
    }

    .error-btn button {
        width: 100%;
    }

    /*2차 추가*/
    /*본인홍보*/
    .api-nav .api-box {
        width: 100%;
    }

    .api-result .result-nav {
        width: 100%;
        margin-bottom: 8PX;
    }

    /*--------------------------------------------------------------------------------------
공지사항 수정
----------------------------------------------------------------------------------------*/
    .t-sim .notice .table-row .table-cell:first-of-type {
        width: 100%;
        text-align: left;
    }

    .t-sim .notice .table-row .table-cell:nth-of-type(2) {
        width: 100%;
        text-align: left;
    }

    .t-sim .notice .table-row .table-cell:nth-of-type(3) {
        width: 100%;
        text-align: left;
    }

    .t-sim .notice .table-row .table-cell:nth-of-type(4) {
        width: 100%;
        text-align: left;
    }

    /*문의내역*/
    .pencil-font {
        display: inline-block;
    }

    .div-table.qna .table-cell:first-of-type {
        font-size: 13px;
    }

    .kind-sel select {
        width: 100%;
    }

    .div-table.qna .table-head:first-of-type {
        width: 100%;
    }

    .div-table.qna .table-head:nth-of-type(2) {
        width: 100%;
    }

    .div-table.qna .table-head:nth-of-type(3) {
        width: 100%;
    }

    .div-table.qna .table-head:nth-of-type(4) {
        width: 100%;
    }

    /*카카오버튼*/
    .mobile-kakao {
        display: block;
    }

    .kakao-chat {
        display: none;
    }

    /*리스 견적 비교*/
    .lease-capital .capital-nav {
        width: 100%;
    }

    /*리스견적비교 모달*/
    .modal-wrap.mo-xl-md {
        height: 95%;
        width: 98%;
    }

    .lease-modal .modal-body {
        height: 100%;
        overflow-y: scroll;
    }

    .modal-nav {
        padding: 0 10px;
    }

    .lease-modal .modal-nav {
        flex-wrap: wrap;
    }

    .lease-modal .modal-nav > div {
        width: 100%;
        overflow-y: hidden;
        height: 100%;
    }

    .lease-modal .modal-nav > div.lease-nav {
        width: 100%;
        padding-bottom: 120px;
        border-left: 0;
    }

    /*리스견적비교 픽스 차량내용*/
    .fix-w-car .car-info .info {
        flex-wrap: wrap;
    }

    .fix-w-car .car-info .info p {
        width: 50% !important;
        flex-wrap: wrap;
        border-bottom: 1px solid rgba(230, 230, 230, 0.24);
    }

    /*리스견적함*/
    .t-sim .lease-list-table .table-row .table-cell.car-model .model {
        font-weight: 500;
        color: #333;
        margin-bottom: 4px;
    }

    .t-sim .lease-list-table .table-row .table-cell.product {
        text-align: left;
    }

    .t-sim .lease-list-table .table-row .table-cell.product {
        font-size: 14px;
        display: flex;
        align-items: center;
    }

    .table-cell.capital p .price {
        flex-direction: row;
        margin-bottom: 4px;
    }

    .t-sim .lease-list-table .table-row .table-cell.capital p {
        width: 100%;
    }

    .table-cell.capital p .price strong {
        width: 50%;
        font-size: 15px;
    }

    .table-cell.capital p .price > span {
        width: 50%;
    }

    .lease-list-table .m-table-title {
        display: block;
    }

    .t-sim .lease-list-table .table-row .table-cell.cm {
        display: flex;
    }

    .t-sim .lease-list-table .table-row .table-cell.cm .info {
        margin-left: auto;
        color: #333;
        font-weight: 500;
    }

    .t-sim .lease-list-table .table-row .table-cell.ag {
        display: flex;
    }

    .t-sim .lease-list-table .table-row .table-cell.ag .info {
        margin-left: auto;
        color: #333;
        font-weight: 500;
    }

    .t-sim .lease-list-table .table-row .table-cell.name {
        display: flex;
    }

    .t-sim .lease-list-table .table-row .table-cell.name .info {
        margin-left: auto;
        color: #333;
        font-weight: 500;
    }

    .t-sim .lease-list-table .table-row .table-cell.car-model .car-pop {
        left: 0;
        width: 100%;
    }

    /*차량정보 모달*/
    .lease-modal .lease-m-info .company-table ul li {
        width: 20%
    }

    .lease-modal .mo-l-md .modal-body {
        height: 700px;
    }

    .lease-modal .mo-l-md .modal-nav .lease-nav {
        padding-bottom: 20px;
    }

    address ul {
        width: 100%;
    }

    /*리스견적비교 셀렉트*/
    .select.active ul {
        width: 100%;
        max-width: 100%;
    }

    .select ul.rating li {
        flex-wrap: wrap;
        width: 100%;
        white-space: inherit
    }

    .select ul.rating li .price {
        width: 80px;
        text-align: right;
        word-break: keep-all;
    }

    .select ul.rating li .name {
        width: calc(100% - 90px);
    }

    /*긴급공지 배너*/
    .fix-talk {
        position: inherit;
        top: auto;
        width: 90%;
        left: auto;
        margin: 0 auto;
        box-shadow: none;
        margin-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        z-index: 1;
    }

    .talk-nav {
        display: flex;
        width: 50%;
    }

    .talk-title {
        width: 50%;
        height: 87px;
    }

    .talk-title p {
        margin-top: 10px;
    }

    .talk-nav p {
        width: 100%;
        font-size: 16px;
    }

    .talk-nav p strong {
        width: auto;
        justify-content: center;
        font-size: 16px;
    }

    .talk-nav p strong img {
        display: inline-block;
        vertical-align: middle;
    }

    .list-badge-g {
        flex-direction: column;
        align-items: flex-start
    }

    .list-badge-g .date-info {
        margin: 0;
        margin-top: 8px;
        flex-wrap: wrap;
        word-break: keep-all;
    }

    .list-head.sub-table-head {
        flex-direction: column;
    }

    .list-head.sub-table-head .del-btn {
        margin-bottom: 8px;
        width: 100px;
    }

    .aside-fix.aside-row {
        bottom: 120px;
        bottom: 50px;
    }

    /*irr-잔가비교*/
    .api-result.compare .result-wrap .table-wrap {
        flex-wrap: wrap;
    }

    .api-result.compare .result-wrap .table-wrap .api-write {
        width: 100%;
    }

    .api-result.compare .result-wrap .table-wrap .dealer-table {
        width: 100%;
    }

    .irr-company ul {
        flex-wrap: wrap;
        border: 0.5px solid #E3E5EA;
    }

    .irr-company ul li {
        flex: 1 1 50%;
        flex-wrap: wrap;
        border: 0.5px solid #E3E5EA;
    }

    .search-list .list-table table th i {
        display: block;
    }

    .search-list .list-table table .thead th.model .model-info strong {
        font-size: 14px;
    }

    .aside-fix.aside-row.aisde-left {
        left: 1%;
        margin: 0 auto;
    }
}

@media screen and (max-width:660px) {

    /*메인*/
    .inventorylist-box .box {
        width: 32.333333%;

    }

    .swiper-slide.swiper-slide-active {
        background-position: 20%;
    }

    section.main {
        padding-bottom: 200px;
    }

    .swiper-slide h2 {
        font-size: 28px;
    }

    .swiper-slide p {
        font-size: 14px;
    }

    .swiper-slide button {
        padding: 0 30px;
        height: 42px;
        font-size: 16px;
    }

    /*회원가입*/
    .signup-info.form-3 .sign-form {
        width: 100%;
    }

    .sign-radio {
        flex-direction: column;
    }

    /*로그인*/
    .normal-wrap.login-wrap {
        width: 90%;
        margin: 0 auto;
    }

    .page-tit.list {
        position: static;
        margin-bottom: 20px;
        padding: 10px 30px;
        width: 100%;
    }

    .list-search {
        position: static;
        width: 100%;
        padding-bottom: 0;
        height: auto;
    }

    .search-nav h4 {
        padding: 8px 30px;
    }

    .search-sel select {
        padding: 10px;
    }

    .search-btn {
        width: 100%;
        position: static;
    }

    .list-nav {
        position: static;
        width: 100%;
    }

    .list-box {
        width: 100%;
    }

    .navigation {
        top: 0px;
    }

    .page-tit {
        display: block;
    }

    /*회원가입*/
    .signup-info {
        flex-direction: column;
    }

    .sign-form {
        width: 100%;
    }

    .normal-wrap .page-tit {
        padding-top: 11px;
    }

    /*회원가입완료*/
    .signup-info.s-done h7 {
        font-size: 30px;
    }

    .signup-info.s-done span {
        font-size: 16px;
    }

    /*비밀번호 찾기*/
    .pw-form {
        width: 100%;
    }

    .contents-btn.pw {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .now-pw:before {
        width: 97%;
    }

    /*즉시출고*/
    .com-list .list-search {
        display: none;
    }

    .m-list-search {
        display: block;
        width: 95%;
        margin: 0 auto;
    }

    .m-list-search label {
        display: block;
        width: 100%;
        margin-bottom: 8px;
        font-size: 14px;
    }

    .m-list-search select {
        padding: 10px 8px;
        border-radius: 3px;
        border: 1px solid #D7D9E1;
        width: 100%;
    }

    .company-form {
        width: 90%;
        margin: 0 auto;
        padding: 20px 0px;
    }

    .m-list-search .compay-sel {
        position: relative;
        border: 3px solid transparent;
        border-radius: 12px;
        background-image: linear-gradient(#fff, #fff), linear-gradient(140deg, #1444B3 0%, #A66FF5 100%);
        background-origin: border-box;
        background-clip: content-box, border-box;
        margin-bottom: 12px;
    }

    .com-list .page-tit.list {
        width: 100%;
    }

    .com-list .list-nav {
        width: 100%;
    }

    .list-total {
        margin-bottom: 4px;
    }

    /*견적비교*/
    .list-search.compare-list {
        display: block;
        position: static;
        width: 100%;
        margin-bottom: 20px;
    }

    .compare-list .compare-search {
        padding-bottom: 0;
    }

    .list-search.compare-list .search-btn {
        width: 100%;
        position: static;
    }

    /*모달*/
    .mo-s-md {
        width: 95%;
    }

    /*금융자료실*/
    .com-list .signup-info.community-info {
        width: 98%;
        padding: 10px
    }

    /*푸터*/
    section {
        padding-bottom: 0;
    }

    .list-nav .nav {
        margin-bottom: 50px;
    }

    address {
        font-size: 13px;
        word-break: keep-all
    }

    .copyright {
        font-size: 13px;
        margin-top: 15px;
        padding-top: 15px;
    }

    .footer-nav {
        width: 100%;
    }

    .footer-style .footer-nav {
        padding: 20px 30px;
    }

    /*2차 추가*/
    /*본인홍보*/
    .api-add .add-nav ul li {
        width: 100%;
    }

    .contents-btn.community-btn {
        width: 95%;
        margin: 0 auto;
    }

    .contents-btn.community-btn button {
        font-size: 14px;
        height: 60px;
        padding: 0;
        width: 100%;
    }

    .signup-info.community.qna p.title {
        font-size: 15px;
    }

    /*리스견적문의*/
    .lease-modal .company-contens ul {
        flex: 1 1 100%;
    }

    /*베타 가이드*/

    .list-badge-g {
        flex-direction: row;
        align-items: baseline;
    }

    .list-badge-g .date-info {
        margin-left: auto;
        margin-top: 0px;
        flex-wrap: wrap;
        word-break: keep-all;
    }

    /*리스견적서*/
    .estimate-result .lease-nav .company-contens ul {
        flex: 1 1 100%;
        margin-bottom: 10px;
    }

    .estimate-result .lease-nav .detail .detail-box {
        font-size: 13px;
    }

    .aside-row .fix-menu:hover {
        width: 100%;
    }

    .aside-row .fix-menu ul li {
        flex-wrap: wrap;
    }
}

@media screen and (max-width:500px) {
    .i-down {
        bottom: 20px;
    }

    .signup-info.community.faq.company-info .con p {
        padding: 0;
    }

    .swiper-slide.swiper-slide-active .slide-nav1 img {
        display: none;
    }

    .swiper-slide.swiper-slide-active .slide-nav1 img.mobile-banner {
        display: inline-block;
    }

    .main-visual {
        background-color: #F3F6FA;
        height: 0;
        position: relative;
        padding-top: 56%;
        overflow: hidden;
        object-fit: cover;
        margin: 20px;
        border-radius: 12px;
    }

    .swiper.mySwiper {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        object-fit: cover;
    }

    .main-subtitle h2 {
        font-size: 18px;
    }

    .notice-nav .head-subtitle h2 {
        font-size: 18px;
    }

    .main-notice .notice-nav .notice-list {
        margin-top: 12px;
    }

    .main-list .info-contents {
        top: 0;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .main-list .info-contents .nav {
        padding: 12px 16px;
        padding-bottom: 10px;
    }

    .main-list .info-contents .nav .img {
        display: none;
    }

    .main-list .info-contents .nav .title {
        width: 100%;
        font-size: 1rem;
    }

    .list-box {
        width: 99%;
    }

    .main-btn {
        width: 90%;
        padding: 13px 0;
    }

    /*메인*/
    .inventorylist-box .box {
        width: 49%;
    }

    .main-list .info-contents .nav .title {
        font-size: 18px;
        margin-bottom: 8px;
    }

    /*회원가입완료*/
    .signup-info.s-done h7 {
        font-size: 26px;
    }

    .signup-info.s-done span {
        font-size: 14px;
    }

    /*게시판 상세*/
    .community-info .info-sub {
        flex-direction: column;
    }

    .community-info .info-sub h6 {
        width: 100%;
    }

    .community-info .info-sub p {
        width: 100%;
        margin-top: 4px;
    }

    address ul {
        flex-direction: column;
        flex-wrap: wrap
    }

    .copyright {
        font-size: 13px;
    }

    .footer-nav {
        padding: 15px 20px;
    }

    address {
        font-size: 10px;
        margin-top: 12px;
    }

    .f-logo img {
        width: 110px
    }

    .copyright {
        font-size: 10px;
        padding-top: 6px;
        margin-top: 6px;
    }

    .address-info {
        margin: 2px 0;
    }

    .footer-nav address ul li {
        margin-bottom: 2px;
    }

    address ul {
        margin-top: 2px;
    }

    /*2차 추가*/
    /*본인홍보*/
    .api-title.change .title {
        width: 100%;
    }

    .btn-form {
        margin-top: 10px;
    }

    .list-btn.community-change .cha-btn {
        width: 120px;
    }

    .list-btn.community-change .main-btn {
        width: 120px;
    }

    .list-btn.community-change .dis-btn {
        width: 80px;
    }

    /*리스견적 비교*/
    .flex-form .t-form:first-of-type {
        border-bottom: 1px solid #e6e6e6;
    }

    .t-sele .t-form:first-of-type {
        border-bottom: 1px solid #e6e6e6;
    }

    .capital-contents .capital-form {
        flex-wrap: wrap;
    }

    .capital-contents .capital-form .t-form {
        width: 100%;
    }

    .aside-fix {
        top: auto;
        left: 7.5%;
        bottom: 90px;
        width: 85%;
        box-shadow: 10px 10px 10px rgba(159, 156, 156, 0.17);
    }

    .aside-fix.aside-row.aisde-left {
        box-shadow: none;
        left: 50%;
        margin-left: -43.4%;
    }

    .aside-fix ul {
        display: flex;
        flex-direction: row;
    }

    .fix-menu ul li {
        width: auto;
    }

    .fix-menu ul li.pa-scroll {
        width: 8%;
        align-items: center;
    }

    .fix-menu ul li {
        align-items: center;
        width: 28%;
        border: 1px solid #e6e6e6;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .fix-menu ul li i {
        margin-top: 5px;
        margin-right: 4px;
    }

    .fix-menu ul li {
        border-right: 0;
    }

    .aside-fix.aside-row {
        width: 85%;
        margin-left: -42.5%;
        left: 50%;
    }

    /*리스견적비교 픽스 차량내용*/
    .fix-w-car .car-info .info {
        flex-wrap: wrap;
    }

    .fix-w-car .car-info .info p {
        flex: 1 1 33.333333%;
        flex-wrap: wrap;
        border-bottom: 1px solid rgba(230, 230, 230, 0.24);
    }

    .fix-w-car .car-info .info p.lineup {
        display: none;
    }

    /*차량정보 모달*/
    .lease-modal .lease-m-info .company-table ul li {
        width: 33.333333%
    }

    .lease-modal .detail-info .car-detail img {
        width: 95%;
        margin: 0 auto;
    }

    /*랜딩페이지500*/
    .landing .main-visual {
        margin: 0;
        border-radius: 0;
        padding: 0;
        height: 700px;
    }

    .landing .main-visual .wrap-contents .nav p {
        font-size: 20px;
    }

    .landing .main-visual h2 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    .landing .main-visual .wrap-contents .nav span {
        font-size: 15px;
    }

    .landing .wrap-contents .nav p {
        font-size: 36px;
        line-height: 45px;
        font-weight: 600;
    }

    .landing .wrap-contents .nav span {
        font-size: 18px;
    }

    .kakao-signup .wrap-contents h3 {
        font-size: 40px;
    }

    .kakao-signup .wrap-contents p {
        font-size: 15px;
    }

    /*메인팝업*/
    .pop-wrap {
        width: 90%;
    }

    .pop-body {
        max-height: 100%;
        max-width: 100%;
        height: auto;
    }

    .pop-wrap .btn-group button {
        font-size: 14px;
        word-break: keep-all;
    }

    .pop-wrap .btn-group button:first-of-type {
        width: 60%;
    }

    .pop-wrap .btn-group button:last-of-type {
        width: 40%;
    }

    .pop-wrap .swiper-slide .img {
        max-width: 100%;
        /* height: auto;*/
    }

    .pop-wrap .swiper-slide img {
        max-width: 100%;
        /*height: 410px;*/

    }

    .swiper-slide .text {
        height: 100%;
    }

    /*리스견적*/
    .estimate-result .lease-nav .detail-info .car-detail {
        width: 100%;
    }

    .estimate-result .lease-nav .detail-info .c-img {
        margin: 0 auto;
    }

    .estimate-result .lease-nav .detail-info .c-img .img-guide {
        position: inherit;
    }

    .estimate-result .lease-nav .detail-info .car-option {
        width: 100%;
    }

    .mo-table th {
        font-size: 13px;
    }

    .mo-table tr td {
        font-size: 13px;
    }

    .estimate-result .check-title .chk_box img {
        width: 18px;
    }

    .estimate-result .check-title .chk_box {
        font-size: 14px;
    }

    .estimate-result .chk_box {
        font-size: 13px;
    }

    .estimate-result input {
        font-size: 13px;
    }

    .estimate-result .lease-nav .detail-info .total-price .price-info {
        width: 49%;
        padding-bottom: 8px;

    }

    .estimate-result .lease-nav .detail-info .total-price .price-info:nth-child(2) {
        border-right: 0;
    }

    .estimate-result .lease-nav .detail-info .total-price .price-info.total {
        border-top: 1px solid #D7D9E1;
        padding-top: 8px;
        padding-bottom: 0;
    }

    .pop-wrap.m-pop {
        width: 90%;
        padding: 10px 0;
    }

}

@media screen and (max-width:460px) {
    .list-badge-g {
        flex-direction: column;
        align-items: flex-start
    }

    .list-badge-g .date-info {
        margin: 0;
        margin-top: 8px;
        flex-wrap: wrap;
        word-break: keep-all;
    }

    .estimate-result .lease-nav .company-contens ul {
        width: 100%;
    }

    .estimate-result .modal-form .form-box2 .form {
        width: 100%;
    }

    .estimate-result .lease-nav .detail {
        flex-wrap: wrap;
        flex-direction: column;
        border-right: 0.5px solid #D7D9E1;
        border-bottom: 0.5px solid #D7D9E1;
    }

    .estimate-result .lease-nav .detail .detail-box {
        flex-direction: row;
        width: 100%;
        border-bottom: 0;
    }

    .estimate-result .lease-nav .detail .detail-box label {
        width: 60px;
        border-bottom: 0;
        text-align: left;
    }

    .contents-box .irr-company ul li select {
        width: calc(100% - 50px)
    }

    .contents-box .irr-company ul li > span span.label {
        font-size: 12px;
        width: 50px;
    }

}

@media screen and (max-width:390px) {

    /*메인*/
    .main-list .info-contents .nav .title {
        font-size: 16px;
        margin-bottom: 8px;
    }

    /*회원가입완료*/
    .signup-info.s-done h7 {
        font-size: 20px;
        margin-bottom: 8px;
        margin-top: -30px;
    }

    .main-list .info-contents .nav .title p {
        font-size: 11px;
    }

    .signup-info.s-done span {
        font-size: 13px;
    }

    /*게시판 상세*/
    .community-info .info-sub p {
        flex-direction: column;
    }

    .community-info .info-sub p span {
        width: 100%;
        margin-top: 4px;
    }

    .community-info .community-nav .info-sub p span:first-of-type {
        padding-right: 0px;
        margin-right: 0px;
    }

    .community-info .community-nav .info-sub p span:first-of-type::before {
        width: 0;
    }

    .community-info .community-nav .info-title h4 {
        display: block;
    }

    .community-info .community-nav .info-title h4 > span {
        display: block;
    }

    .community-info .community-nav .info-title h4 .title-div {
        margin-top: 3px;
    }

    /*푸터*/
    address {
        font-size: 13px;
    }

    .copyright {
        font-size: 12px;
    }

    /*익명게시판 - 공유버튼*/
    .community-info .community-nav .info-title.share-title h4 span {
        width: 100%;
        margin-bottom: 8px;
    }

    .community-info .community-nav .info-title.share-title .share-tooltip {
        left: 12px;
        bottom: -80px;
        top: auto;
    }

    .community-info .community-nav .info-title.share-title .share-tooltip:after {
        left: 20px;
        right: auto;
    }

    .community-info .community-nav .info-title.share-title .share-tooltip:before {
        left: 20px;
        right: auto;
    }

    .fix-w-car {
        font-size: 12px;
    }

    .page-tit.list {
        padding: 10px 10px;
    }

    .estimate-result .label-check {
        width: 100%;
        flex-wrap: wrap;
    }
}