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

.specifications-popup{display:none;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);background:#fff;width:100%;max-width:90%;max-height: 90%;overflow-y: auto;padding:71px 32px 110px;z-index:1000;}
.specifications-popup .close-popup{position:absolute;top: 72px;right: 32px;z-index: 10;}
.specifications-popup .car-info{}
.specifications-popup .car-info h5{position:relative;font-size: 24px;font-weight: bold;display: flex;align-items: center;gap:10px;}
.specifications-popup .car-info h5 i{display:inline-block;height: 35px;}
.specifications-popup .car-info h5 i img{display:block;max-height: 100%;}
.specifications-popup .car-info .detail-box{margin-top:16px;}
.specifications-popup .car-info .detail-box .top{}
.specifications-popup .car-info .detail-box .top figure{}
.specifications-popup .car-info .detail-box .top figure img{display:block;width:100%;}
.specifications-popup .car-info .detail-box .top .right{margin-top:14px;}
.specifications-popup .car-info .detail-box .top  .right .txt-box .price{position:relative;padding-left:102px;font-size:25px;font-weight: bold;color:#d22459;}
.specifications-popup .car-info .detail-box .top .right .txt-box .price span{display:inline-block;  font-size: 18px;color:rgba(34,34,34,0.4);position:absolute;top:11px;left:0;font-weight:normal;}
.specifications-popup .car-info .detail-box .top .right .txt-box .price strong{font-size:30px;}
.specifications-popup .car-info .detail-box .top .right .txt-box .txt{margin-top:31px;display:flex;}
.specifications-popup .car-info .detail-box .top .right .txt-box .txt p{position:relative;font-size: 18px;}
.specifications-popup .car-info .detail-box .top .right .txt-box .txt p:before{content:"";display:inline-block;width:1px;height:22px;background:#ddd;position:absolute;top:2px;left:-24px;}
.specifications-popup .car-info .detail-box .top .right .txt-box .txt p:first-child:before{display:none;}
.specifications-popup .car-info .detail-box .top .right .txt-box .txt p + p{margin-left:48px;}
.specifications-popup .car-info .detail-box .top .right .txt-box .txt p span{display:inline-block;  font-size: 18px;color:rgba(34,34,34,0.4);font-weight:normal;margin-right:24px;}
.specifications-popup .car-info .detail-box .top .right .color-box{margin-top:46px;}
.specifications-popup .car-info .detail-box .top .right .color-box .color-tab{display:flex;}
.specifications-popup .car-info .detail-box .top .right .color-box .color-tab button{display:inline-block;width:123px;height:48px;background:#fff;text-align: center;  font-size: 18px;font-weight: normal;border:1px solid #ddd;}
.specifications-popup .car-info .detail-box .top .right .color-box .color-tab button.active{border-color:#333;background:#333;color:#fff;}
.specifications-popup .car-info .detail-box .top .right .color-box .color-wrap{position:relative;top:-1px;border:1px solid #ddd;}
.specifications-popup .car-info .detail-box .top .right .color-box .color-wrap .color-list{display:none;;padding:13px 14px;font-size:0;}
.specifications-popup .car-info .detail-box .top .right .color-box .color-wrap .color-list span{display:inline-block;width:23%;position:relative;padding-left:34px;font-size: 14px;margin:13px 1%;vertical-align: middle;}
.specifications-popup .car-info .detail-box .top .right .color-box .color-wrap .color-list span em{display:inline-block;width:24px;height:24px;border-radius:100%;position:absolute;left:0;top:50%;transform: translateY(-50%);}
.specifications-popup .car-info .detail-box ul{margin-top:64px;}
.specifications-popup .car-info .detail-box ul li{position:relative;display:inline-block;width:100%;border:1px solid #ddd;background:#f7f7f7;font-size: 18px;font-weight: normal;padding:18px 38px;text-align: right;}
.specifications-popup .car-info .detail-box ul li + li{margin-top:-1px;}
.specifications-popup .car-info .detail-box ul li span{color:rgba(34,34,34,0.6);display:inline-block;position:absolute;left:38px;top:50%;transform: translateY(-50%);}
.specifications-popup .car-info .detail-box .img-box{margin-top:62px;display:flex;justify-content: center;}
.specifications-popup .car-info .detail-box .img-box .picture{}
.specifications-popup .car-info .detail-box .img-box .picture + .picture{margin-left:30px;}
.specifications-popup .car-info .detail-box table{border-top:1px solid #ddd;margin-top:56px;}
.specifications-popup .car-info .detail-box table tbody tr td{border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:23px 24px;font-size: 16px;font-weight: normal;}
.specifications-popup .car-info .detail-box table tbody tr td:first-child{border-left:0;text-align: center;}

.signin-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:90%;max-height:90%;background:#fff;z-index:1000;overflow-y:auto;}
.signin-popup .top{padding:93px 32px 34px;border-bottom:1px solid #ddd;position: relative;}
.signin-popup .top h2{font-size: 36px;font-weight: bold;text-align: center;}
.signin-popup .top .close-popup{position: absolute;top:26px;right:32px;}
.signin-popup .bottom{padding:48px 32px 96px;}
.signin-popup .bottom fieldset{}
.signin-popup .bottom fieldset .field{}
.signin-popup .bottom fieldset .field + .field{margin-top:24px;}
.signin-popup .bottom fieldset .field input[type="text"],
.signin-popup .bottom fieldset .field input[type="password"]{width:100%;height:64px;border:1px solid #ddd;font-size:16px;padding:0 22px;}
.signin-popup .bottom fieldset .field input[type="text"]::placeholder,
.signin-popup .bottom fieldset .field input[type="password"]::placeholder{color:rgba(34,34,34,0.6);}
.signin-popup .bottom fieldset button{margin-top:32px;display:block;width:100%;text-align: center;height:64px;font-size: 20px;font-weight: bold;color:#fff;background:#333;}
.signin-popup .bottom fieldset .checkbox-wrap{margin-top:53px;font-size:0;text-align: center;}
.signin-popup .bottom fieldset .checkbox-wrap .checkbox-type1{display:inline-block;}
.signin-popup .bottom fieldset .checkbox-wrap .checkbox-type1 + .checkbox-type1{margin-left:25px;}
.signin-popup .bottom .link-box{margin-top:69px;display:flex;justify-content: center;}
.signin-popup .bottom .link-box a{position:relative;display:inline-block;font-size: 16px;font-weight: normal;}
.signin-popup .bottom .link-box a:before{content:"";position:absolute;left:-30px;display:inline-block;width:1px;height:21px;background:#ddd;}
.signin-popup .bottom .link-box a + a{margin-left:60px;}
.signin-popup .bottom .link-box a:first-child:before{display:none;}
.signin-popup .bottom .button-box{margin-top:76px;}
.signin-popup .bottom .button-box button{position:relative;display:block;width:100%;height:72px;text-align: center;font-size: 20px;font-weight: bold;}
.signin-popup .bottom .button-box button:before{content:"";position:relative;top:5px;margin-right:16px;display:inline-block;width:24px;height:24px;}
.signin-popup .bottom .button-box button + button{margin-top:40px;}
.signin-popup .bottom .button-box .naver{color:#fff;background:#009345;}
.signin-popup .bottom .button-box .kakao{color:#2b1718;;background:#ebcb00;}
.signin-popup .bottom .button-box .apple{color:#fff;background:#000;}
.signin-popup .bottom .button-box .apple:before{background:url(../images/icon/apple-symbol.svg) no-repeat;background-size: cover;}
.signin-popup .bottom .button-box .kakao:before{background:url(../images/icon/kakaoicon.svg) no-repeat;background-size: cover;}
.signin-popup .bottom .button-box .naver:before{background:url(../images/icon/naver-icon.svg) no-repeat;background-size: cover;}
.signin-popup .bottom .txt{text-align: center;margin-top:74px;font-size: 16px;font-weight: bold;}
.signin-popup .bottom .txt a{display:inline-block;color:#d22459}


.signup-popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:90%;max-height:90%;background:#fff;z-index:1000;overflow-y:auto;}
.signup-popup .top{padding:93px 32px 34px;border-bottom:1px solid #ddd;position: relative;}
.signup-popup .top h2{font-size: 36px;font-weight: bold;text-align: center;}
.signup-popup .top .close-popup{position: absolute;top:26px;right:32px;}
.signup-popup .bottom{padding:108px 32px 115px;}
.signup-popup .bottom .txt-box{text-align: center;}
.signup-popup .bottom .txt-box strong{display:block;width:100%;font-size: 32px;font-weight: bold;}
.signup-popup .bottom .txt-box p{margin-top:21px;font-size: 24px;font-weight: normal;}
.signup-popup .bottom .local-signup{margin-top:80px;display:block;width:100%;text-align: center;height:72px;font-size: 20px;font-weight: bold;color:#fff;background:#333;}
.signup-popup .bottom .button-box{margin-top:40px;}
.signup-popup .bottom .button-box button{position:relative;display:block;width:100%;height:72px;text-align: center;font-size: 20px;font-weight: bold;}
.signup-popup .bottom .button-box button:before{content:"";position:relative;top:5px;margin-right:16px;display:inline-block;width:24px;height:24px;}
.signup-popup .bottom .button-box button + button{margin-top:40px;}
.signup-popup .bottom .button-box .naver{color:#fff;background:#009345;}
.signup-popup .bottom .button-box .kakao{color:#2b1718;;background:#ebcb00;}
.signup-popup .bottom .button-box .apple{color:#fff;background:#000;}
.signup-popup .bottom .button-box .apple:before{background:url(../images/icon/apple-symbol.svg) no-repeat;background-size: cover;}
.signup-popup .bottom .button-box .kakao:before{background:url(../images/icon/kakaoicon.svg) no-repeat;background-size: cover;}
.signup-popup .bottom .button-box .naver:before{background:url(../images/icon/naver-icon.svg) no-repeat;background-size: cover;}
.signup-popup .bottom .txt{text-align: center;margin-top:74px;font-size: 16px;font-weight: bold;}
.signup-popup .bottom .txt a{display:inline-block;color:#d22459}


/* mobile */
@media all and (max-width:640px) {
    .specifications-popup{padding:55px 16px 50px;}
    .specifications-popup .close-popup{top:16px;right:16px;width:25px;}
    .specifications-popup .car-info h5{font-size:18px;gap: 5px;}
    .specifications-popup .car-info h5 i{height:24px;}
    .specifications-popup .car-info .detail-box .top .right .txt-box .price span{font-size:14px;}
    .specifications-popup .car-info .detail-box .top .right .txt-box .price{font-size:18px;padding-left:70px;}
    .specifications-popup .car-info .detail-box .top .right .txt-box .price strong{font-size:25px;}
    .specifications-popup .car-info .detail-box .top .right .txt-box .txt{display:block;margin-top:15px;}
    .specifications-popup .car-info .detail-box .top .right .txt-box .txt p{font-size:14px;}
    .specifications-popup .car-info .detail-box .top .right .txt-box .txt p span{font-size:14px;margin-right:12px;}
    .specifications-popup .car-info .detail-box .top .right .txt-box .txt p + p{margin-left:0;margin-top:12px;}
    .specifications-popup .car-info .detail-box .top .right .color-box .color-tab button{height:45px;font-size:14px;}
    .specifications-popup .car-info .detail-box .top .right .color-box .color-wrap .color-list span{font-size:13px;width:46%;}
    .specifications-popup .car-info .detail-box .img-box{margin-top:31px;display:block;}
    .specifications-popup .car-info .detail-box .img-box .picture + .picture{margin-left:0;margin-top:15px;}
    .specifications-popup .car-info .detail-box ul{margin-top:32px;}
    .specifications-popup .car-info .detail-box ul li{font-size:14px;padding:15px 19px;}
    .specifications-popup .car-info .detail-box ul li span{left:19px;}
    .specifications-popup .car-info .detail-box table{margin-top:32px;}
    .specifications-popup .car-info .detail-box table tbody tr td{padding:11px 5px;font-size:14px;}

    .signup-popup .top{padding:46px 16px 17px;}
    .signup-popup .top h2{font-size:18px;}
    .signup-popup .top .close-popup{width:20px;top:13px;right:16px;}
    .signup-popup .bottom{padding:54px 16px 57px;}
    .signup-popup .bottom .txt-box strong{font-size:16px;}
    .signup-popup .bottom .txt-box p{margin-top:10px;font-size:14px;}
    .signup-popup .bottom .local-signup{margin-top:40px;height: 45px;font-size:15px;}
    .signup-popup .bottom .button-box{margin-top:20px;}
    .signup-popup .bottom .button-box button{height: 45px;font-size:15px;}
    .signup-popup .bottom .button-box button + button{margin-top:20px;}
    .signup-popup .bottom .button-box button:before{vertical-align: middle;width: 18px;height: 18px;top: -1px;margin-right: 8px;}
    .signup-popup .bottom .txt{margin-top:37px;font-size:14px;}

    .signin-popup .top{padding:46px 16px 17px;}
    .signin-popup .top h2{font-size:18px;}
    .signin-popup .top .close-popup{width:20px;top:13px;right:16px;}
    .signin-popup .bottom{padding:24px 16px 48px;}
    .signin-popup .bottom fieldset .field input[type="text"],
    .signin-popup .bottom fieldset .field input[type="password"]{height: 45px;padding:0 11px;font-size:14px;}
    .signin-popup .bottom fieldset .field + .field{margin-top:12px;}
    .signin-popup .bottom fieldset button{margin-top:16px;height: 45px;font-size: 15px;}
    .signin-popup .bottom fieldset .checkbox-wrap{margin-top:26px;}
    .signin-popup .bottom .link-box{margin-top:34px;}
    .signin-popup .bottom .link-box a{font-size:14px;}
    .signin-popup .bottom .link-box a + a{margin-left:30px;}
    .signin-popup .bottom .link-box a:before{left:-15px;top:1px;height: 12px;}
    .signin-popup .bottom .button-box{margin-top:37px;}
    .signin-popup .bottom .button-box button{height: 45px;font-size:15px;}
    .signin-popup .bottom .button-box button + button{margin-top:20px;}
    .signin-popup .bottom .button-box button:before{vertical-align: middle;width: 18px;height: 18px;top: -1px;margin-right: 8px;}
    .signin-popup .bottom .txt{margin-top:37px;font-size:14px;}
}