@charset "UTF-8";
.dash-v{
    display: inline-block;
    width: 1px;
    background: #777;
    height:1rem;
    vertical-align: middle;
    margin-right:4px;
    margin-left:4px;
}
/* 찜하기 */


.bg-mainvisual{
    position: absolute;
    left:0;top:0;
    right:0;height:690px;
    background: url('/images/img/img_mainvisual.png') left top no-repeat;
}

.data-dash{
    margin-left:5px;
    margin-right:5px;
}

/* start */
/* #contents_basic,
.login,
.sign-in,
#new_wrap{
    padding-top:205px;
} */
/* start */
.layout-header{
    border-bottom:1px solid #0a1c34;
}
.layout-header.header-join{
    border-bottom:2px solid #0a1c34;
}
.header-join .header-logo{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
}
.header-join .topnotice-inner{
    justify-content: center;
}
.header-top{
    color:#666;
    
   
}
.headert-top-inner{
    position: relative;
    width:var(--width-content);
    min-height:110px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  
}

.header-topnotice-wrap{
    background:#0a1c34;
    /* border-bottom: 1px solid #ccc; */
    
}
.topnotice-inner{
    position: relative;
    width:var(--width-content);
    margin:0 auto;
    height:38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-notice{
    font-size: 1.5rem;
    line-height: 46px;
    color: #fff;
}
.top-notice-right{
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    color: #fff;
}
.top-link-wrap{
    padding-right:120px;
}
.top-link-01{
    display: inline-block;
    line-height:46px;
}
.top-link-01 a{
    margin-left:20px;
}

.top-language{
    display: inline-block;
    margin-left: 25px;
    position: absolute;
    right:0;
    top:0px;
}
.top-language li i{
    margin-left:10px;
    transform: scale(0.8, 1);
}
.header-bottom{
    /* width:var(--width-content);
    margin:0 auto; */
    text-align:left;
    position: relative;

    /* background: #F0F4F8; */
    border-top: 1px solid #ddd;
}
.header-logo{
    display:inline-block;
}
.header-logo img{
    width:21rem;
}

.header-bottom-left{
    position: absolute;
    left:0;
    top:29px;
}
.iso-img{
    vertical-align: middle;
}
.iso-text{
    display:inline-block;
    text-align: left;
    vertical-align: middle;
    margin-left: 10px;
    max-width:300px;
}
.header-bottom-right{
    position: absolute;
    right:0px;
    top:0px;
    color: #585858;
}
.header-bottom-right-list{
    display: inline-flex;
    /* border:1px solid #e6e6e6;
    border-radius: 4px; */
}
.header-bottom-right-list li{
    display:inline-block;
    /* color: #fff; */
    font-size: 1.5rem;
    /* margin-left:8px; */
    /* border-left:1px solid #e6e6e6; */
}
.header-bottom-right-list li:first-child{
    border-left:0;
}
.header-bottom-right-list a:hover{
    color: #004e9c;
}
.header-bottom-right-list a:hover i{
    color: #004e9c;
}
.header-menu-wrap{
    background:#eff5f9;
    height:60px;
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #ccc;
}
.login-type,
.link-manage,
.user-name{
    display:inline-block;
}
.login-type{
    /* position: absolute;
    right:0; */
    color: #363636;
}

.link-manage {
    font-size: 1.5rem;
    color: #e34b4b;
    margin-right:10px;
  }
.user-name {
    font-size: 17px;
    font-weight: 700;
    color: #417ed0;
}
.btn-mypage{
    background: #31b9f2;
    padding:0 10px;
    border-radius:20px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin-left: 6px;
}
.btn-logout{
    border: 1px solid #ccc;
    background: #fff;
    color: #222222;
    padding: 0 10px;
    border-radius:20px;
    height: 30px;
    line-height: 30px;
    margin-left: 6px;
}
.btn-logout i{
    font-size:18px;
    margin-left:6px;
    color: #555;
}
.btn-join i,
.btn-login i{
    color: #0066cb;
    margin-right:4px;
    vertical-align: bottom;
    font-size:22px;
}

.btn-login,
.btn-join{
    color: #0066cb;
    display: inline-flex;
    align-items: center;
    border-radius:6px;
    padding:0 12px;
    height:28px;
}
.btn-join{
    /* background: #fff; */
}
.btn-login{
    /* background:#1f9286; */
    padding-left:10px;
}
.lang-select{
    display: inline-block;
}
.header-left{
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}
.icon-tel{
    display: inline-block;
    margin-right: 6px;
}
.header-left-tel{
    display: inline-block;
}
.header-tel-num{
    font-size: 3rem;
    font-weight: 700;
    color: #4870b7;
}
.header-tel-num2{
    font-size: 1.6rem;
    font-weight: 700;
    color: #4571a8;
    margin-bottom: 3px;
    letter-spacing: 0.09em;
}
.header-tel-text{
    font-size: 1.6rem;
    font-weight: 500;
}
.icon-tel::after{
    content: "";
    display: inline-block;
    width:40px;
    height:40px;
    background:url('/images/img/icon_phone_b.png') no-repeat;
    background-size:cover;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 700 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;

}


.header-baro-link{
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    display: inline-flex;
}
.header-baro-link button{
    display: inline-block;
    min-width:130px;
    height: 38px;
    background: #4e6176;
    /* border:1px solid #ccc; */
    /* padding:0 8px; */
    color: #fff;
    /* border-radius:3px; */
    /* border-radius:50%; */
    /* width:70px;
    height:70px; */
    text-align: center;
    /* margin-left: 10px; */
    /* letter-spacing: -0.03em; */
}
.header-baro-link button.btn-sucbid{
    background: #1f9286;
}

.header-baro-link button:hover{
    background: #34414f;
    color: #fff;
}
.header-baro-link button.btn-sucbid:hover{
    background: #15675f;
}
.header-baro-link button span{
    display: inline-block;
    margin-top: 3px;
    margin-left: 5px;
}
.header-baro-link button:nth-child(1):before{
    content:'';
    width:28px;
    height:33px;
    display: inline-block;
    background:url('/images/img/barolink_01_on.png') no-repeat;
    background-size:100%;
    vertical-align: middle;
    

}
.header-baro-link button:hover:nth-child(1):before{
    background:url('/images/img/barolink_01_on.png') no-repeat;
}
.header-baro-link button:nth-child(2):before{
    content:'';
    width:27px;
    height:33px;
    display: inline-block;
    background:url('/images/img/barolink_02_on.png') no-repeat;
    background-size:100%;
    vertical-align: middle;
}
.header-baro-link button:hover:nth-child(2):before{
 background:url('/images/img/barolink_02_on.png') no-repeat;
}
.header-baro-link button:nth-child(3):before{
    content:'';
    width:28px;
    height:33px;
    display: inline-block;
    background:url('/images/img/barolink_03.png') no-repeat;
    background-size:100%;
    vertical-align: middle;
}
.header-baro-link button:hover:nth-child(3):before{
    background:url('/images/img/barolink_03_on.png') no-repeat;
}


/* 중간 배너 */
.main-middle-banners{
    display: flex;
    justify-content: center;
    margin-top: 50px;

}
.main-middle-banners div{
    width: 50%;
}
.main-middle-banners div img{
    width: 100%;
}

.main-md-banner01{
    position:relative;
    display:inline-flex;
    align-items: center;
    justify-content: start;
    background: url('/images/07.jpg') no-repeat;
    background-size: cover;
    color: #fff;
    padding-left: 30px;
}
.md-banner01-text{
    font-size: 2.6rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.md-banner01-text2{
    color: #d3d3d3;
    line-height: 1.6;
}
.btn-img{
    position:absolute;
    right:30px;
    bottom:30px;
    display:inline-block;
    width: 90px;
    height:22px;
    background: #fff;
    text-align: center;
    font-size: 13px;
    font-weight:600;
    color:#353535;
    border-radius:10px;
    line-height: 22px;
}


/* 언어 변환 */

.lang{
    display: flex;
}

.lang li{
    display:inline-block;
    margin-left:1rem;
    position: relative;
    padding-right:1rem;
    line-height: 16px;
    color:#fff;
    font-size: 1.2rem;
}
.lang li:after{
    content:'';
    display: inline-block;
    width:1px;
    background: #999;
    height:12px;
    position: absolute;
    right:0;
    top:25%;
    
}
.lang li:last-child{
    padding-right:0;
}
.lang li:last-child:after{
    display: none;
}

.pop-top-lang .lang li{
    color:#2d2d2d;
}
/* flag */
.flag{
    display: inline-block;
    width: 2rem;
    height: 1.6rem;
    margin-right: 0.4rem;
    vertical-align: bottom;
}
.flag.ko {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNjAwIiB2aWV3Qm94PSItMzYgLTI0IDcyIDQ4IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtLTM2LTI0aDcydjQ4aC03MnoiLz4NCjxnIHRyYW5zZm9ybT0ibWF0cml4KC41NTQ3IC0uODMyMDUgLjgzMjA1IC41NTQ3IDAgMCkiPg0KPGcgaWQ9ImIyIj4NCjxwYXRoIHN0cm9rZT0iIzAwMCIgaWQ9ImIiIHN0cm9rZS13aWR0aD0iMiIgZD0iTS02LTI1SDZNLTYtMjJINk0tNi0xOUg2Ii8+DQo8dXNlIHk9IjQ0IiB4bGluazpocmVmPSIjYiIvPg0KPC9nPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBkPSJtMCwxN3YxMCIvPg0KPGNpcmNsZSBmaWxsPSIjYzYwYzMwIiByPSIxMiIvPg0KPHBhdGggZmlsbD0iIzAwMzQ3OCIgZD0iTTAtMTJBNiw2IDAgMCAwIDAsMEE2LDYgMCAwIDEgMCwxMkExMiwxMiAwIDAsMSAwLTEyWiIvPg0KPC9nPg0KPGcgdHJhbnNmb3JtPSJtYXRyaXgoLS41NTQ3IC0uODMyMDUgLjgzMjA1IC0uNTU0NyAwIDApIj4NCjx1c2UgeGxpbms6aHJlZj0iI2IyIi8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIGQ9Im0wLTIzLjV2M20wLDM3LjV2My41bTAsM3YzIi8+DQo8L2c+DQo8L3N2Zz4NCg==');
    
    background-size: 100% 100%;
   }
/* united_states */
.flag.en {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjM1IDY1MCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPGRlZnM+DQo8ZyBpZD0idW5pb24iPg0KPHVzZSB5PSItLjIxNiIgeGxpbms6aHJlZj0iI3g0Ii8+DQo8dXNlIHhsaW5rOmhyZWY9IiN4NCIvPg0KPHVzZSB5PSIuMjE2IiB4bGluazpocmVmPSIjczYiLz4NCjwvZz4NCjxnIGlkPSJ4NCI+DQo8dXNlIHhsaW5rOmhyZWY9IiNzNiIvPg0KPHVzZSB5PSIuMDU0IiB4bGluazpocmVmPSIjczUiLz4NCjx1c2UgeT0iLjEwOCIgeGxpbms6aHJlZj0iI3M2Ii8+DQo8dXNlIHk9Ii4xNjIiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPC9nPg0KPGcgaWQ9InM1Ij4NCjx1c2UgeD0iLS4yNTIiIHhsaW5rOmhyZWY9IiNzdGFyIi8+DQo8dXNlIHg9Ii0uMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMjUyIiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InM2Ij4NCjx1c2UgeD0iLS4wNjMiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPHVzZSB4PSIuMzE1IiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InN0YXIiPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0ibWF0cml4KC0uODA5MDIgLS41ODc3OSAuNTg3NzkgLS44MDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIgdHJhbnNmb3JtPSJtYXRyaXgoLjMwOTAyIC0uOTUxMDYgLjk1MTA2IC4zMDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDcyKSIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDE0NCkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNmZmYiIGlkPSJwdCIgZD0iTS0uMTYyNSwwIDAtLjUgLjE2MjUsMHoiIHRyYW5zZm9ybT0ic2NhbGUoLjA2MTYpIi8+DQo8cGF0aCBmaWxsPSIjYmYwYTMwIiBpZD0ic3RyaXBlIiBkPSJtMCwwaDEyMzV2NTBoLTEyMzV6Ii8+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMCwwaDEyMzV2NjUwaC0xMjM1eiIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjEwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSIyMDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iMzAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjQwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSI1MDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iNjAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8cGF0aCBmaWxsPSIjMDAyODY4IiBkPSJtMCwwaDQ5NHYzNTBoLTQ5NHoiLz4NCjx1c2UgeGxpbms6aHJlZj0iI3VuaW9uIiB0cmFuc2Zvcm09Im1hdHJpeCg2NTAgMCAwIDY1MCAyNDcgMTc1KSIvPg0KPC9zdmc+DQo=');
  
    background-size: 100% 100%;
}

/* russia */
.flag.ru {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTAgMzAwIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0wLDBoNDUwdjEwMGgtNDUweiIvPg0KPHBhdGggZmlsbD0iIzAwZiIgZD0ibTAsMTAwaDQ1MHYxMDBoLTQ1MHoiLz4NCjxwYXRoIGZpbGw9IiNmMDAiIGQ9Im0wLDIwMGg0NTB2MTAwaC00NTB6Ii8+DQo8L3N2Zz4NCg==');
   
    background-size: 100% 100%;
}

/*  */
.flag.ar {
 background: url('/images/img/flag_arabic.png');
width:28px;
 background-size: 100% 100%;
}
/*  */
.flag.mn {
 background: url('/images/img/flag_mongol.png');
width:28px;
 background-size: 100% 100%;
}

/* main-visual */
.main-visual-wrap{
position: relative;
}
.main-visual {
    height: 75rem;
  /* 900px  */
}



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

/* main-visual text */
.main-visual .intro-text-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    width:var(--width-content);
    /* min-width:760px; */
    transform: translate(-50%, -50%);
    color: #ffffff;
    z-index: 1;
    padding:40px 0;
    min-height: 400px;
    text-align: center;
    /* background:rgba(0, 0, 0, 0.5); */
}
.main-visual .intro-text01{
    font-size:35px;
    font-weight:400;
    line-height: 1.4;
    margin-bottom: 26px;
}
.main-visual .intro-text02{
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
}
.main-visual .intro-text03{
    font-size:19px;
    font-weight: 300;
}


.slide01-text{
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-130%, -90%); */
    color: #fff;
    text-align: left;
    letter-spacing: -0.06em;
}
.slide01-text1{
    font-size: 3.8rem;
    font-weight: 500;
}
.slide01-text2{
    display: inline-block;
    font-size: 4.6rem;
    margin-top: 0.8rem;
     background: rgba(72, 111, 183, 0.5);
     font-weight: 600;
     padding: 8px 10px;
}
.slide01-text2 strong{
    color: #fff;
    /* background: rgba(72, 111, 183, 0.5); */
    padding: 5px;
}
.slide01-text3{
    font-size: 2.3rem;
    margin-top: 4rem;
}

.linkbtns-wrap{
    display: flex;
    background: #ebf2f9;
    margin-bottom: 40px;
}
.linkbtns-contents{
    width: var(--width-content);
    margin:0 auto;
}
/* 바로가기 링크 */
.btnlink-wrap{
    display: flex;
    justify-content: space-between;

    padding: 30px 0px;
}
.btnlink-box{
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 1.6rem;
    background: #fff;
    border-radius:16px;
    border:2px solid #ddd;
    width: 14%;
    padding: 16px 10px 8px 10px;
}
.btnlink-box:hover{
    color: #486fb7;
    border:2px solid #486fb7;
    font-weight: 600;
}

.btnlink-box img{
    transition: transform 0.3s; /* 추가 */
    transform: rotateY(0deg); /* 추가 */
    margin-bottom: 10px;
    opacity: 0.7;
}
.btnlink-box:hover img{
    transform: rotateY(180deg); /* 추가 */
    opacity: 1;
}

.btnlink-btn{
    background: #486fb7;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    padding: 3px 8px;
    margin-top:8px;
}
.btnlink-box:hover .btnlink-btn{
    background: #5a8ae3;
}
/* .btnlink-box.od-01 img{
   height: 56px;
} */

.btnlink-box img{
   height: 48px;
}
/* .btnlink-box.od-03 img{
    height: 56px;
}
.btnlink-box.od-04 img{
   height: 56px;
}
.btnlink-box.od-05 img{
   height: 56px;
}
.btnlink-box.od-06 img{
   height: 56px;
} */

/* main - notice */
.main-notice-wrap{
    border-bottom:1px solid #a3a3a3;
    height:60px;
}
.main-notice{
    display: flex;
    width:var(--width-content);
    margin:0 auto;
    justify-content: space-between;
    align-items: center;
    height:60px;
}
.main-notice-title{
    color:#000;
    font-weight: 600;
    font-size: 1.5rem;
    width:8%;
}
.main-notice-title:before{
    content: "\f484";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 600 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    font-size:20px;
    margin-right: 10px;
    vertical-align: middle;
    margin-top:-4px;
}
.main-notice-content{
    display: inline-block;
    width:76%;
}

.btn-more a{
    text-align:right;
    color:#7e7e7e;
    font-weight: 600;
    position: relative;
    display: block;
}
.main-notice .btn-more a{
    width:76px;
}
.main-notice .btn-more a:before{
    content:'';
    width:1px;
    display: inline-block;
    height:1.6rem;
    background: #777;
    position: absolute;
    left:0;top:50%;
    transform: translateY(-50%);
}


.main-contents-wrap{
    width:var(--width-content);
    margin:0 auto;
}

/* main-twobanner */
.main-banner-outer{
    background: #f3f2f2;
    margin:75px auto;
    padding:70px 0;
}
.main-banner-wrap{
    width:var(--width-content);
    margin:0 auto;
   
}

.main-banner-subtitle{
    text-align: center;
    font-size: 1.6rem;
}
.main-twobanner{
    display: flex;
    justify-content: space-between;

}
.main-twobanner .main-banner{
    overflow: hidden;
    color: #fff;
    height: 314px;
    border-radius: 10px 20px 10px 10px;
    width:550px;
    border:1px solid #c4c4c4;
    box-shadow: 4px 4px 4px #c4c4c4;
}
.main-twobanner .main-banner .main-banner-top{
    background: url('/images/img/img_mainbanner01.png') no-repeat;
    width:100%;
    height:217px;

}
.main-banner-cont{
    background: #fff;
    height: 96px;
    color: #000;
    padding:22px;
    font-size: 1.6rem;
    font-weight: 600;
    background: url('/images/img/icon_banner01.png') no-repeat;
    background-position: right 20px  bottom 20px ;
}
.main-twobanner .main-banner.second .main-banner-cont{
    background: url('/images/img/icon_banner02.png') no-repeat;
    background-position: right 20px  bottom 20px ;
}

.main-banner-cont .smalltext{
    color: #a0a0a0;
    display: inline-block;
    margin-top: -18px;
    font-weight: 500;
    font-size: 14px;
}

.main-twobanner .main-banner.second .main-banner-top{
    background: url('/images/img/img_mainbanner02.png') no-repeat;
    background-position: 0 0;
}

.main-banner .mbanner-title{
    font-size: 25px;
    font-weight: 500;
}
.main-banner .mbanner-sub-text{
    font-size:14px;
    margin-top:8px;
    font-weight: 400;
}
.main-banner .mbanner-roundbox{
    border-radius:20px;
    height: 32px;
    line-height: 30px;
    background: #fff;
    padding:0 30px;
    margin-top: 14px;
    color:#1b61aa;
    font-weight: 600;
    font-size: 1.5rem;
    text-align: center;
    display: inline-block;
}
.main-twobanner .main-banner.second .mbanner-roundbox{
    color: #1f9286;
}
.main-banner .mbanner-roundbox .url{
    color:#000;
}
.main-banner .mbanner-roundbox .icon-arrow-half{
    margin-left: 4px;
}





/* 메인 안내  */
.main-info-wrap{
    background:url('/images/img/bg_maininfo.png') center top no-repeat;
}
.main-info{
    width:var(--width-content);
    margin:0 auto;
    padding:60px 0;
}
.main-info-title{
    display: block;
    font-size: 25px;
    color: #000;
    text-align: center;
    width:100%;
    font-weight: 700;
}
.main-info .inform{
    margin: 50px auto 0 auto;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(4, 285px);
}
.main-info .in-box{
    display: inline-block;
    background: #fff;
    padding: 0 0 2rem;
    margin-right: 13px;
    border: 1px solid #ccc;
    text-align: center;
}
.main-info .in-box .img-wrap, .main-info .in-box .img-wrap img {
    width:100%;
}
.main-info .in-box .in_tit {
    font-size: 18px;
    color: #222222;
    font-weight: 700;
    line-height: 19px;
    padding: 28px 0 18px;
}
.main-info .in-box p {
    width: 70%;
    margin: 0 auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #828282;
    text-align: center;
}


/* header- menu */
.header-menu{
    width:var(--width-content);
    margin:0 auto;
}


.gnb-menu {
    display: flex;
    width:var(--width-content);
    margin:0 auto;
    justify-content: space-between;
    flex-grow: 1;
}
.gnb-menu li a{
    font-size:1.8rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 70px;
    transition: all 0.3s ease-in-out;
    color: #333;
}
.gnb-menu li a:hover{
    color:#ff3e3e
}
.gnb-menu li:last-child a{
    padding-right:0;
}
.gnb-menu li:first-child a{
    padding-left:0;
}

  
  .main .notice-banner {
    width: 100%;
    border-bottom: 1px solid #a3a3a3;
  }
  .main .notice-banner .container {
    width: 1200px;
    margin: auto;
    display: flex;
    height: 60px;
    justify-content: space-between;
    align-items: center;
  }
  .main .notice-banner .container .notice {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
  }
  .main .notice-banner .container .notice .header {
    display: inline-flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .main .notice-banner .container .notice .header:before {
    content: "";
    display: inline-block;
    background-image: url("/images/front/icon_notice.png");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    margin-right: 10px;
    vertical-align: middle;
  }
  .main .notice-banner .container .notice .notice-item {
    flex: 1 1 auto;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding-right: 25px;
    margin-right: 25px;
  }
  .main .notice-banner .container .notice .notice-item:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-right: 1px solid #ababab;
    height: 1.6rem;
  }
  .main .notice-banner .container .notice .notice-item .title {
    padding: 10px 30px;
    font-size: 1.5rem;
  }
  .main .notice-banner .container .notice .notice-item .date {
    font-size: 1.5rem;
  }
  .main .notice-banner .container .btn-more {
    font-size: 1.5rem;
    font-weight: 600;
    color: #7e7e7e;
  }
  .main .co_car_all {
    display: block;
    width: 100%;
  }
  .main .co_car_tit {
    padding: 40px 0 10px;
    width: 100%;
  }


/* main-banner */
.main-banner{
    background: url('/images/img/bg_maintwobanner.png');
    
}
.main-banner-inner{
    width: var(--width-content);
    margin:0 auto;
    display: flex;
    justify-content:space-between;
    align-items: center;
    height:517px;
}
.main-banner-title{
    font-size: 39px;
    text-align: center;
    font-weight: 700;
    margin-bottom:10px;
}
.main-banner-subtitle{
    margin-bottom: 50px;
}
.main-banner-cont{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
}




/* 메인 고객센터 */
.main-cus-inner{
    width: var(--width-content);
    margin:0 auto;
}
.cus-title{
    width:100%;
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 500;
}
.cus-box-wrap{
    display:flex;
    justify-content: space-between;
    align-items: end;
}
.cus-box-two-wrap{
    display: flex;
    justify-content: space-between;
}
.cus-box-left{
    width:723px;
}
.cus-box-01{
    position: relative;
    background: #121c73;
    width:356px;
    color: #fff;
    border-radius:10px;
    padding:20px 18px 50px;
}
.cus-box-title{
    font-size: 18px;
    margin-bottom: 1.6rem;
    font-weight: 500;
}
.cus-btn-01{
    position: absolute;
    right:20px;
    bottom:20px;
    height:24px;
    line-height: 24px;
    border-radius:1.5rem;
    background: #121c73;
    color: #fff;
    border:1px solid #fff;
    padding:0 6px 0 10px;
}
.cus-btn-01:after,
.cus-btn-02:after{
    content: "\f285";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 700 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    margin-left: 4px;
}
.cus-box-02{
    position: relative;
    background: #008c4f;
    width:356px;
    color: #fff;
    border-radius:10px;
    padding:20px 18px 50px;
}

.cus-btn-02{
    position: absolute;
    right:20px;
    bottom:20px;
    height:24px;
    border-radius:1.5rem;
    background: #008c4f;
    color: #fff;
    border:1px solid #fff;
    padding:0 6px 0 10px;
}
.cus_box-03{
    width:450px;
}
.cus-tit-box{
    position: relative;
}
.notice-title{
    font-size: 24px;
    font-weight: 500;
}

.cus_notice{

}
.cus_notice li{
    position: relative;
    padding-left: 8px;
    margin-bottom: 6px;
}
.cus_notice li:before{
    content:'';
    display: inline-block;
    width:2px;
    height:2px;
    background: #000;
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}
.notice-list-wrap{
    border:1px solid #ccc;
    height:145px;
    border-radius:1.5rem;
    margin-top: 30px;
    padding:14px 20px;
}
/* input 관련 */
.soldout {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(100, 100, 100, .8);
    z-index:5;
  }
  
  .soldout::after {
    content: 'SOLD OUT';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
  }
  
  .input-wrap {
    overflow: hidden;
  }
  .input-wrap input, .input-wrap select {
    display: block;
    width: 100%;
    border-radius: 0;
    border: 1px solid #d0d0d0;
    font-size: 1.6rem;
    padding: 10px;
  }
  .input-wrap input::placeholder, .input-wrap select::placeholder {
    color: #8d8d8d;
  }
  .input-wrap input:focus, .input-wrap select:focus {
    outline: none;
    background-color: #ecf3f8;
    border-color: #31b9f2;
  }
  .input-wrap input[type=number]::-webkit-inner-spin-button, .input-wrap select[type=number]::-webkit-inner-spin-button {
    appearance: none;
  }
  .input-wrap select {
    padding: 0 10px;
  }
  
  .input-group {
    display: flex;
    align-items: center;
  }
  .input-group .input-wrap {
    margin-bottom: 0;
  }
  .input-group .dash {
    padding: 0 0.3125rem;
    width:15px;
    text-align: center;
  }
  .input-group.phone .input-wrap {
    min-width: 0;
    width: 32%;
  }

  .input-group.biz-number .input-wrap{
    min-width: 0;
    width: 32%;
  }
  .input-group.biz-number .input-wrap:nth-child(3){
    width:25%;
  }
  .input-group.corporation-number .input-wrap {
    min-width: 0;
    width:calc(50% - 10px);
  }


  .table-type.write.mem-modify td>input[type=text],
  .table-type.write.mem-modify td>input[type=password] {
    width:238px;
  }
  

  
table .form-table {
    border-collapse: collapse;
    border: 1px solid #d8d8d8;
    background: #fff;
  }
  table .form-table > tbody > tr > th, table .form-table > tbody > tr > td {
    border: 1px solid #D8D8D8;
    height: 36px;
    padding: 5px;
    font-size: 14px;
  }
  table .form-table > tbody > tr > th {
    text-align: center;
    background: #EFEFEF;
    font-weight: 700;
  }
  table .form-table > tbody > tr > td {
    text-align: left;
  }
  table .form-table > tbody > tr > td table td {
    font-size: 14px;
  }

  table .btn-default-table {
    cursor: pointer;
    background-color: #e8eff7;
    color: #0e3b5d;
    border: #4e7ac1 1px solid;
    padding-bottom: 3px;
    font-size: 12px;
    height: 25px;
    padding: 0 10px;
  }
  table .form-table .notice-text {
    margin: 0 10px;
  }
  table.table-standard tr td, table.table-standard tr th {
    font-size: 1.5rem;
    border: 1px solid #D8D8D8;
  }
  table.table-standard tr th {
    height: 35px;
    background: #f7f7f7;
    font-weight: normal;
  }
  table.table-standard tr td {
    text-align: center;
    padding: 2px 2px 2px 2px;
    color: #999999;
    color: #000000;
  }
  
  
  /* main - 예전 */
  .main .notice-banner {
    width: 100%;
    border-bottom: 1px solid #a3a3a3;
  }
  .main .notice-banner .container {
    width: 1200px;
    margin: auto;
    display: flex;
    height: 60px;
    justify-content: space-between;
    align-items: center;
  }
  .main .notice-banner .container .notice {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
  }
  .main .notice-banner .container .notice .header {
    display: inline-flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
  }
  .main .notice-banner .container .notice .header:before {
    content: "";
    display: inline-block;
    background-image: url("/images/img/icon_notice.png");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    margin-right: 10px;
    vertical-align: middle;
  }
  .main .notice-banner .container .notice .notice-item {
    flex: 1 1 auto;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding-right: 25px;
    margin-right: 25px;
  }
  .main .notice-banner .container .notice .notice-item:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-right: 1px solid #ababab;
    height: 1.6rem;
  }
  .main .notice-banner .container .notice .notice-item .title {
    padding: 10px 30px;
    font-size: 1.5rem;
  }
  .main .notice-banner .container .notice .notice-item .date {
    font-size: 1.5rem;
  }
  .main .notice-banner .container .btn-more {
    font-size: 1.5rem;
    font-weight: 600;
    color: #7e7e7e;
  }
  .main .co_car_all {
    display: block;
    width: 100%;
  }
  .main .co_car_tit {
    padding: 40px 0 10px;
    width: 100%;
  }
  .main .co_car_tit .co_car_area {
    position: relative;
    
    margin: 0 auto;
    text-align: center;
    margin-bottom:20px;
  }
  .main .co_car_tit .co_car_area .ctit {
    font-size: 2.3rem;
    font-weight: 500;
    line-height: 24px;
    color: #000;
    text-align: left;
  }
  .main .co_car_tit .co_car_area .btn-more a {
    position: absolute;
    top: 3px;
    right: 5px;

  }
  .main .co_car_tit .co_car_area .view a span {
    vertical-align: text-top;
    padding-right: 3px;
  }


/* 메인 배너  */
.main .main-half-banner {
    display: flex;
    flex-wrap:wrap;
    /* width:var(--width-content); */
    margin: 45px auto;
    justify-content: space-between;
  }
  .main-half-left{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width: calc(1180px - 30%);
    flex-wrap: wrap;
  }
  .main-boxbanner{
    width: 72%;
    display: inline-flex;
    justify-content: space-between;
  }
  .main-boxbanner .banner {
    position: relative;
    min-height: 175px;
    width:calc(50% - 10px);
    display: inline-block;
    color: #ffffff;
    text-align: left;
    padding: 20px ;
    background-repeat: no-repeat;
    background-position: right 6px bottom 10%;
    border-radius: 8px;
  }
  .main-boxbanner .banner:nth-of-type(1) {
    background-color: #1b61aa;
    background-image: url("/images/img/main_banner_bg_car.png");
  }
  .main-boxbanner .banner:nth-of-type(1) .btn.link {
    color: #1b61aa;
  }
  .main-boxbanner .banner:nth-of-type(2) {
    background-color: #1f9286;
    background-image: url("/images/img/main_banner_bg_document.png");
  }
  .main-boxbanner .banner:nth-of-type(2) .btn.link {
    color: #1f9286;
  }
  .main-boxbanner .banner .title {
    font-size: 2.3rem;
    font-weight: 600;
  }
  .main-boxbanner .banner .sub-text {
    width: 97%;
    margin-top: 5px;
    font-size: 1.4rem;
  }
  .main-boxbanner .banner .btn.link {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    height: 3.2rem;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0 1.5rem;
  }
  .main-boxbanner .banner .btn.link [class*=icon-] {
    margin-left: 5px;
  }
  .main-boxbanner .banner .btn.link .url {
    margin-left: 5px;
    color: #000000;
    font-weight: 700;
  }


  /* 메인 최근게시물 */
  .main .co_car_cus {
    margin: 40px auto 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* grid-template-columns: repeat(3, 370px); */
  }
  .main .co_car_cus .ccus_box {
    display: inline-block;
    vertical-align: top;
    width:calc(50% - 10px);
  }
  .main .co_car_cus .ccus_box:last-child {
    margin-right: 0;
  }
  .main  .ccus_tit {
    position: relative;
    padding: 0 0 17px;
    margin-bottom: 20px;
    font-size: 1.9rem;
    font-weight: 700;
    color: #000000;
    text-align: left;
    line-height: 19px;
    border-bottom: 1px solid #d8d8d8;
  }
  .main .co_car_cus .ccus_box .ccus_tit span {
    padding-left: 5px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #595959;
  }
  .main .co_car_cus .ccus_box .ccus_tit .n_tit {
    display: inline-block;
    position: relative;
  }
  .main .co_car_cus .ccus_box .ccus_tit .n_view {
    display: inline-block;
    position: absolute;
    right:0;
    top:0;
    font-weight: 500;
    font-size: 1.5rem;
  }
  .main .co_car_cus .ccus_box .ccus_tit .n_view a {
    color: #a2a2a8;
  }
  .main .co_car_cus .ccus_box .ccus_tel {
    padding: 0px 0 10px 5px;
    text-align: left;
    font-weight: 700;
    font-size: 2.7rem;
    color: #222;
    line-height: 33px;
  }
  .main .co_car_cus .ccus_box .ccus_tel span {
    padding-right: 10px;
    font-weight: 700;
    font-size: 1.5rem;
    color: #595959;
    line-height: 17px;
  }
  .main .co_car_cus .ccus_box .ccus_time {
    margin: 25px 0 0 5px;
    color: #222;
    text-align: left;
    font-weight: 700;
    font-size: 1.5rem;
  }
  .main .co_car_cus .ccus_box .ccus_time span:first-child {
    padding-right: 10px;
    color: #595959;
  }
  .main .co_car_cus .ccus_box .ccus_time span:last-child {
    padding-left: 20px;
    color: #afafaf;
  }
  .main .co_car_cus .ccus_box .ccus_notice li {
    text-align: left;
    font-weight: 500;
    font-size: 1.5rem;
    color: #595959;
    margin-top: 17px;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  }
  .main .co_car_cus .ccus_box .ccus_notice li:before {
    content: "·";
    margin-right: 5px;
  }
  .com-bank{
    width: 100%;
    margin-top: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 12px 20px;
  }
  .ibk{
    width: 160px;
    margin-top:-10px;
  }
  .bank_tit{
    position: relative;
    padding: 0 0 17px;
    font-size: 1.9rem;
    font-weight: 700;
    color: #000000;
    text-align: left;
  }
  .bank_img{
    margin-bottom: 10px;
  }
.bank_num{
    font-size: 2.3rem;
    color: #222;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.bank_name{
    font-size: 1.5rem;
    color: #555;
 
}
.bank_text{
    font-size: 1.4rem;
    margin-top: 10px;
    color: #999;
}

  .center-banner-wrap{
    position: relative;
    width:22%;
    background: #423dda;
    border-radius: 20px;
    padding:200px 20px 20px 20px;
  }
  .center-banner-icon{
    position: absolute;
    right:1%;
    top:2%;
    width:124px;
    height:187px;
    background:url('/images/img/icon_centerbanner.png') no-repeat;

  }
  .center-banner-wrap h1{
    position: absolute;
    top:90px;
    left:13px;
  }
  .center-banner-wrap h2{
    font-size: 2.5rem;
    font-family: 'S-CoreDream-4Regular';
    color: #fff000;
    margin-bottom: 12px;
  }
  .center-banner-text01{
    font-size: 1.8rem;
    color: #fff;
    font-family: 'S-CoreDream-3Light';
    line-height: 2.3rem;
    margin-bottom: 3rem;
  }
  .center-banner-text02{
    font-size: 1.8rem;
    color: #fff000;
    font-family: 'S-CoreDream-4Regular';
  }

  .center-banner-box{
    /* position: absolute;
    bottom:1.7rem;
    left:20px;
    right:20px; */
    margin-top: 2rem;
    background: #1e1b90;
    color: #fff;
    border-radius:0.8rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-family: 'S-CoreDream-4Regular';
  }

/* footer */
.footer{
    margin-top:100px;


}
.footer-wrap{
    background: #666666;
    border-top: 1px solid #ddd;
}
.footer-inner{
    display: flex;
    width: var(--width-content);
    margin: 0 auto;
    padding: 30px 0 45px;
    justify-content: left;
    gap: 0 50px;
}
.footer-copyright{
    color: #ffffff;
}
.footer-copyright li{
    display: inline-block;
}
.copyright-title{
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 18px;
    line-height: 1;
}
.footer-box{
    line-height: 1.5;
    font-size:1.4rem;
    margin-left:0px;
}

.footer-copy{
    display: block;
    margin-top:1.6rem;
    line-height: 1;
    color: #ffffff;
}
.footer-copy li{
    display: inline-block;
}
.footer-logo-wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer-logobox{
    display:block;
    margin-bottom: 2rem;

}
.footer-logobox img{
    width: 21rem;
    filter: grayscale(1);
  
}
.footer-logobox img:last-child{
    margin-right: 0;
}
.logo-footer2{
    width: 28rem;
    margin-top: 10px;
}
.logo-en{
    margin-left: 10px;
    font-size: 32px;
    font-weight: 700;
    color: #b4b4b4;
    letter-spacing: -1px;
}
.logo-text{
    display: block;
    color: #d5d5d5;
    text-align: center;
    width:270px;
    margin-top: 10px;
}

/* footer 윗부분 : 회사소개/이용약관/ 링크들 */
.comepanyinfor {
    padding: 0 0 12px 0;
}
  .comepanyinfor .cin_tit {
    margin: 0 auto;

    text-align: left;
    font-size: 14px;

  }
  .comepanyinfor .cin_tit .list {
    display: inline-flex;
    align-items: center;
  }
  .comepanyinfor .cin_tit .list a {
    position: relative;
    padding: 0 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -1px;
    padding:0 1.6rem 0 1.4rem;
    color: #d7d7d7;
  }
  .comepanyinfor .cin_tit .list a:after{
    content:'';
    display: inline-block;
    width:1px;
    height:10px;
    background: #949494;
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
  }
  .comepanyinfor .cin_tit .list a:last-child:after{
    display: none;
  }
  .comepanyinfor .cin_tit .list a:nth-child(1) {
    padding-left: 0;
  }
  
  .comepanyinfor .cin_tit .affiliates {
    display : inline-block;
    float : right;
  }
  .comepanyinfor .cin_tit .affiliates span {
    margin-right: 20px;
  }
  .comepanyinfor .cin_tit .affiliates span:last-child {
    margin-right: 0;
  }
  .comepanyinfor .cin_tit .affiliates span img {
    width: 110px;
    padding: 0 19px;
    margin-top: -8px;
  }
  .comepanyinfor .cin_tit .affiliates span img:last-child {
    width: 11.5rem;
    padding-right: 0;
  }
  
  
.linemap-page{
    margin-top:1rem;
    margin-bottom: 1rem;
    text-align: right;
   
}
.linemap-current{
    color: #333;
    font-size: 1.7rem;
    font-weight: 600;
}
.icon-home{
    display: inline-block;
    width:16px;
    height:16px;
    background: url('/images/img/icon_home.png') no-repeat; 
    background-position: cover;
    background-size:100% 100%;
    opacity: 0.6;
}

/* sub-visual */
.sub-visual {
    position: relative;
    height: 14rem;
    margin: 0 auto 4rem auto;
    background: url(/images/img/sub_visual.jpg) no-repeat;
    background-position: center center;
   
}

.sub-visual .sub-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    width: 90%;
}
.sub-visual .sub-text .catch-phrase {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 4.2rem;
}
.sub-visual .sub-text .description-text {
    margin-top: 1.6rem;
    font-size: 1.6rem;
    font-weight: 400;
}

.login .sub-visual,
.sign-in .sub-visual{
    /* height:auto;
    padding:4rem 2rem 2rem 2rem; */
}
.sub-visual a{
    color: #999;
    display: inline-block;
}
.sub-visual .dash{
    color: #ddd;
    font-size: 2rem;
    display: inline-block;
    margin:0 1rem;
}


.login .sub-visual .sub-text .description-text,
.sign-in .sub-visual .sub-text .description-text{
    width:100%;
    text-align: center;
    margin-top: 1rem;
}
.page-map{
    position: absolute;
    left:0;
    top:26px;
    font-size: 1.6rem;
    font-weight:300;
}


/* tab */
.tab_type01 {
    width: 100%;
    margin: 0px auto 24px auto;
}
.tab_type01 ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tab_type01>ul li {
    display: table-cell;
    width: 33.32%;
    vertical-align: middle;
}

.tab_type01 ul li a {
    display: block;
    height: 5.2rem;
    line-height: 5.2rem;
    background-color: #fff;
    border: 1px solid #ddd;
    border-right: none;
    font-weight: 500;
    text-align:center;
    overflow: hidden;
}

.tab_type01 ul li:last-child a {
    border-right: 1px solid #ddd;
}

.tab_type01 ul li a:hover {
    background-color: #f9f9f9;
}

.tab_type01 ul li a span {
    display: inline-block;
    color: #333;
    font-size: 1.6rem;
    vertical-align: middle;
}

.tab_type01 ul li.on a {
    background-color: #2f81ce;
    border: 1px solid #2f81ce;
}

.tab_type01 ul li.on a span {
    color: #fff;
}


/* 퀵메뉴 */
.quick-menu {
    position: fixed;
    top: 237px;
    right:20px;
    width: 100px;
    padding: 34px 8px 0;
    border-radius: 0;
    background-color: #f6f6f6;
    border: 1px solid #d0d0d0;
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    z-index: 2;
  }
  .quick-menu .quick-title {
    position: absolute;
    padding: 10px 5px;
    top:-1px;
    left:-1px;
    right:-1px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    background-color: #31b9f2;
    text-align: center;
    border-radius:6px;
  }
  .quick-menu .menu-item {
    font-size: 14px;
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #dbdbdb;
    font-weight: 700;
    color: #6f6f6f;
    text-align: center;
  }
  .quick-menu .menu-item:hover {
  }
  .quick-menu .menu-item:first-child {
    background-color: #ffe902;
  }
  .quick-menu .menu-item:last-child {
    border-bottom: 0;
  }
  .quick-menu .menu-item .icon {
    text-align: center;
    margin-bottom: 10px;
  }
  .quick-menu .menu-item .icon [class*=icon-] {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .quick-menu .icon-quick-dart {
    background-image: url("/images/img/quick_03.gif");
  }
  .quick-menu .icon-quick-heart {
    background-image: url("/images/img/quick_04.gif");
  }
  .quick-menu .icon-quick-notice {
    background-image: url("/images/img/quick_06.gif");
  }
  .quick-menu .icon-quick-chart {
    background-image: url("/images/img/quick_02.gif");
  }
  .quick-menu .icon-quick-checklist {
    background-image: url("/images/img/quick_05.gif");
  }
  .quick-menu .icon-quick-docu {
    background-image: url("/images/img/quick_01.gif");
  }



/* 빠른상담 */
.quick-consult-wrap{
    position: fixed;
    right: 20px;
	top:237px;
    width:225px;
    z-index:10;
}
.quick-consult-wrap .quick-consult{
    width: 100%;
}
.quick-consult{
    position: relative;
	border:1px solid #d0d0d0;
	width:30%;
	border-radius:10px;
	background: #fff;
    padding-bottom: 48px;
}
.quick-consult .radio-list{
    display:flex;
}
.quick-consult .radio-list li{
    display: inline-block;
    width:33.3%;
}

.quick-consult-title{
	position: relative;
	margin:0 12px;
	border-bottom:1px solid #259bff;
	padding:1.6rem 0 0 86px;
	line-height: 28px;
	text-align: left;
	font-weight: bold;
	min-height:76px;
}
.quick-consult-img{
	position: absolute;
	left:20px;
	top:14px;
}
.quick-consult-title01{
	font-size: 25px;
	line-height: 25px;
}
.quick-consult-title02{
	font-size: 14px;
	line-height: 22px;
}
.quick-consult-cont{
    padding: 1.5rem 12px;
}
.quick-cont-bottom{
    margin-top: 12px;
}
.quick-cont-bottom input[type=text],
.quick-cont-bottom select{
    width:100%;
    margin-top: 8px;
    border-radius:6px;
    height: 40px;
    padding-left:10px;
}
.quick-cont-bottom input[type=text]::placeholder{
}
.quick-cont-bottom textarea{
    margin-top: 8px;
    border-radius: 6px;
    width:100%;
    border: solid 1px #d0d0d0;
    line-height: 18px;
}
.btn-quick-btn{
    position: absolute;
    left:0;
    bottom:0;
    right:0;
    font-size: 18px;
    background: #259bff;
    height:44px;
    border-radius:0 0 10px 10px;
    color: #fff;
    font-weight: 600;
    border:none;
}
.btn-quick-btn:hover{
    background: #1373c7;
}

.quick-agree{
    margin-top: 14px;
    font-size: 13px;
}
.cus-tel{
    background: #fffff0;
    border:1px solid #d7d7d7;
    padding: 14px 4px;
    border-radius:10px;
    margin-top: 10px;
    text-align: center;
    line-height: 1.6;
    
}
.cus-number{
    color: #0b77d6;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -3;
}
.cus-time{
    color: #767676;
}
.cus-text{
    margin-top: 6px;
    line-height: 1.3;
}

/* quick-ch */
.quick-ch{
    position: fixed;
    left: 94%;
	top:270px;
    width:60px;
    z-index:10;
}
.quick-ch img{
    width: 100%;
}
.quick-ch-text{
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.1;
    text-align: center;
    margin-top: 0.6rem;
}
/* pagination */
.pagination-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    padding:4rem 0;
}

.pagination {
    margin-left: auto;
    margin-right: auto;
    display:inline-block;
}
.pagination li{
    display:table-cell;
    border-collapse:collapse;
	border-spacing:0;
    vertical-align: middle;
    
}
.pagination li a{
    display:inline-flex;
    justify-content: center;
    align-items: center;
    width:30px;
    height:30px;
    color:#bdbdbd;
    border-top:1px solid #cecece;
    border-right:1px solid #cecece;
    border-bottom: 1px solid #cecece;
    vertical-align: middle;
}
.pagination li a:hover{
    color: #35addf;
}
.pagination li a.active{
    background: #35addf;
    color:  #fff;
}
.pagination li:first-child a{
    border-left:1px solid #cecece;
    border-radius:3px 0 0 3px;
}
.pagination li:last-child a{
    border-radius:0 3px 3px 0;
}
.page_prev01:before{
    content:'';
    display:inline-block;
    background:urL('/images/img/pagination_arr_prev01.png') no-repeat;
    width:9px;
    height:8px;
}
.page_prev02:before{
    content:'';
    display:inline-block;
    background:urL('/images/img/pagination_arr_prev02.png') no-repeat;
    width:5px;
    height:8px;
}
.page_next01:before{
    content:'';
    display:inline-block;
    background:urL('/images/img/pagination_arr_next01.png') no-repeat;
    width:9px;
    height:8px;
}
.page_next02:before{
    content:'';
    display:inline-block;
    background:urL('/images/img/pagination_arr_next02.png') no-repeat;
    width:5px;
    height:8px;
}

/* .co_car_list + .pagination-wrap{
    margin-top:5rem;
} */

.car-list-btns-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:20px;
}

/* 회원가입페이지  */


/* btn  */
.btn{
    cursor: pointer;
}
.btn-listview{
    border: 1px solid #0066CC;
    border-radius: 20px;
    min-width: 80px;
    height: 32px;
    font-size: 12px;
    color:#0066CC;
    background: #fff;
    font-weight:600;
}
.btn-listview:hover{
    background: #0066CC;
    color: #fff;
}

.btn-modify,
.btn-write{
   border: 1px solid #cc3535;
   border-radius: 20px;
   min-width: 80px;
   height: 32px;
   font-size: 12px;
   font-weight: 600;
   color: #cc3535;
   background: #fff;
  
}
.btn-secondary2{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cc3535;

    min-width: 80px;
    height: 32px;
    font-size: 14px;
    font-weight: 600;
    background: #cc3535;
    color: #fff;
   
 }
.btn-modify:hover,
.btn-write:hover{
    background:#cc3535;
    color: #fff;
}
.btn-secondary2:hover{
    background:#fff;
    color: #cc3535;
}
.btn-seldel{
    border: 1px solid #000000;
    border-radius: 20px;
    min-width: 80px;
    height: 32px;
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    background: #fff;
}
.btn-seldel:hover{
    background: #000;
    color: #fff;
}
.view-btns .btn-seldel{
    position: absolute;
    left:0;
    top:50%;
    transform: translateY(-50%);
}

.user-btn {
    background: #2279CB;
    border-radius: 24px;
    width: 170px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.5rem;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #fff;
}

.user-btn:hover {
    background: #22A2CB;
    border-radius: 24px;
    width: 170px;
    height: px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.5rem;
    text-align: center;
    display: flex;
    justify-content: center;
}

.btn-submit{
    background: #2279CB;
    border-radius: 24px;
    width: 170px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
}
.btn-submit:hover {
    background: #22A2CB;
}





/* carinfo - 자동차상세페이지 */

.title {text-align:left}
.car-info-view {
	width: 1200px;
	margin: 0px auto;
	padding-bottom: 50px;
	text-align: left;
}

.car-info-view h3{
	color: #333333;
	font-size: 18px;
	margin-top: 25px;
	margin-bottom: 1.5rem;
    font-weight: 700;
}
.car-info-view .view-container{
	display:inline-block;
	vertical-align: top;
	width: 780px;
}

.car-info-view .aside{
	position: sticky;
	top: 8px;
	float: right;
	width: 400px;
    
}
.car-info-summary-bid {
    position: relative;
}
/* 평가금액등록 */

.summary-etc{
    margin-top:30px;
   
}

.summary-etc-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 2px solid #FF0000;
    padding:10px;
    gap:0 20px;
}

.summary-etc-title{
    color: #333;
    font-size: 15px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.summary-etc-box .form_control[type=text]{
    height: 30px;
    padding:5px 10px;
}
.summary-etc-box .btn-write{
    border-radius:4px;
    min-width:50px;
}


.car-info-view .car-image,
.car-info-view .car-image .img-wrap,
.car-info-view .car-image .img-wrap img{
	width: 100%;
}
.car-image .img-wrap{
	position:relative;
}
.car-image .img-wrap.swiper{
	width: 1280px;
}
.car-image .img-wrap.bxslider{
	width: 1280px;
}
.car-image.for-parts .img-wrap.swiper{
	width: 1280px;
	
}
.car-image.for-parts .img-wrap.bxslider{
	width: 1280px;
	
}
.car-image .bx-viewport{
    height: 520px;
    background: #a1a1a1 url(/images/img/noimg.png) no-repeat;
    background-position: center center;
    background-size: 15%;
}
.layer-popup-wrap .car-image .img-wrap.bxslider-popup{
	width: 1280px;
	height: 768px;
}
.layer-popup-wrap .car-image,
.layer-popup-wrap .bx-wrapper{
	min-width: 1280px;
}
.car-image .img-wrap img{
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	object-fit: cover;
}
.car-image .img-wrap.bxslider img{
	position: relative;
	width: 100%;
	top: unset;
	transform: none;
	height: 520px;
	object-fit: cover;
}
.car-image.for-parts .img-wrap.bxslider img{
	height: 768px;
	object-fit: contain;
	background-color: rgba(0,0,0,.8)
}
.layer-popup-wrap .car-image .img-wrap.bxslider-popup img{
	position: relative;
	top: unset;
	width: 100%;
	height: 768px;
	transform: none;
	object-fit: contain;
}
.layer-popup-wrap .car-image .img-wrap.bxslider-popup .slide{
	width: 1280px !important;
	height: 768px !important;
}

.img-wrap .nav-prev,
.img-wrap .nav-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	font-size: 20px;
	color: #ffffff;
	padding: 5px;
	height: 30px;
	width: 20px;
}

.bx-wrapper .bx-controls-direction a,
.layer-popup-wrap .bx-wrapper .bx-controls-direction a{
	display: inline-block;
	position: absolute;
	top: 50%;
    margin-top:-26px;
	font-size: 52px;
	font-weight: 600;
	color: #ffffff;
	height: 52px;
	width: 52px;
	text-indent: 0;
	text-align: center;
	line-height: 1;
	z-index: 1;

    
}
.nav-prev{
	left: 10px;
}
.nav-next{
	right: 10px;
}
.swiper-button-prev.nav-prev:after, .swiper-button-next.nav-next:after{
	content: none;
}
.swiper-button-prev.nav-prev:before, .swiper-button-next.nav-next:before{
	display: inline-block;
	width: 20px;
	height: 30px;
	text-align: center;
}

.bx-prev:before{
    content: "\f284";
	vertical-align: middle;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
}
.bx-next:before{
    content: "\f285";
	vertical-align: middle;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
}
.thum-btn.prev-btn{
    display:inline-block;
    text-align: center;
    padding:0;
}
.thum-btn.prev-btn:after{
    content: "\f284";
	vertical-align: middle;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 600 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    font-size:14px;
}
.thum-btn.next-btn{
    display:inline-block;
    text-align: center;
    padding:0;
}
.thum-btn.next-btn:after{
    content: "\f285";
	vertical-align: middle;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 600 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    font-size:14px;
}
.btn-zoom{
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 10px;
    height:38px;
    width:38px;
	color: #ffffff;
    line-height:0.5;
	border-radius:6px;
	z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-zoom i{
   display:inline-block;
   font-size:22px;
}



.car-image{
    position: relative;
}

.car-image .swiper .swiper-slide{
    text-align: center;
}
.car-image .pagination{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 60px;
	text-align: center;
	padding: 5px;
	border-radius: 20px;
	background-color: #000000;
	color: #ffffff;
	font-weight: 700;
}
.car-image .bx-wrapper .bx-pager.bx-default-pager,
.bx-wrapper .bx-pager,
.layer-popup-wrap .car-image .bx-wrapper .bx-pager.bx-default-pager{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 60px;
	text-align: center;
	padding: 5px;
	border-radius: 20px;
	background-color: #000000;
	color: #ffffff;
	font-weight: 700;
	font-size: 12px;
}
.gallery-wide .car-image .bx-wrapper .bx-pager.bx-default-pager{
    left: -86px;
}
.car-info-view .car-image.for-parts .bx-wrapper .bx-pager.bx-default-pager{
	left: unset;
	right: 20px;
}
.pagination .current-page:after{
	content: ' /';
}

.img-list-wrap {
	margin-top: 10px;
	overflow: hidden;
}
.img-list-wrap .img-list {
    height: 56px;
}

.img-list-wrap .img-list ul{
	display: flex;
	flex-wrap: nowrap;
	background-color: #fff;
}

.img-list-wrap .img-list li{
	width: 78px;
	height: 60px;
	overflow: hidden;
}

.car-info-view .car-image.for-parts + .img-list-wrap .img-list li{
	height: 90px;
}

.img-list-wrap .img-list li > img{
	width: 100%;
	height: 100%;
	opacity: 0.5;
	object-fit: cover;
}

.img-list-wrap .img-list li.active{
	border: 2px solid #00b5ff;
	box-sizing: border-box;
}
.img-list-wrap .img-list li.active > img{
	opacity: 1;
}
.data-line{
    margin:0 20px;
}
.notice-small{
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 30px;
	font-size: 12px;
	color: #333333;
}
.car-info-view .detail-info {
    position: relative;
	border: 1px solid #eeeeee;
    border-radius:10px;
    overflow: hidden;
    box-shadow: 3px 4px 6px #eee;
}
.car-info-view .detail-info:before{
    content:'';
    display: inline-block;
    width:7px;
    background: #2cade2;
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    z-index:4;
}
.car-info-view .detail-info dl{
	display: flex;
	flex-wrap: wrap;
}
.car-info-view .detail-info dl dt,
.car-info-view .detail-info dl dd{
    /* 보험경공매 & 수출, 부품 부분 테이블 스타일 같아야함 */
	box-sizing: border-box;
	padding: 10px 20px;
    position: relative;
}

.car-info-view .detail-info dl dt.label{
    flex: 0 0 22%;
    border-bottom: 1px solid #eeeeee;
    color: #353535;
    font-weight: 400;
    font-size: 14px;
}
.car-info-view .detail-info dl dt.label:after{
    content:':';
    position: absolute;
    right:0;

}
.car-info-view .detail-info dl dd.info-data{
    flex:0 0 78%;
    border-bottom: 1px solid #eeeeee;
    font-weight: 700;
    font-size: 1.5rem;
}

table.table-type th{
    /* 보험경공매 & 수출, 부품 부분 테이블 스타일 같아야함 */
	flex: 0 0 15%;
	background-color: #efefef;
	border-bottom: 1px solid #dedede;
	font-weight: 700;
	color: #888888;
	font-size: 14px;
    
}

table.table-type td{
     /* 보험경공매 & 수출, 부품 부분 테이블 스타일 같아야함 */
	flex: 0 0 35%;
	font-weight: 700;
	border-bottom: 1px solid #eeeeee;
	font-size: 1.5rem;
}
.car-info-view .detail-info dl dd.info-data.stretch{
	flex: 1 0 75%;
    align-items: flex-start;
}
.car-info-view .notice-must ul li{
	text-indent: -10px;
	margin: 8px 60px 8px 10px;
	line-height: 1.8;
	font-size: 1.5rem;
	color: #333333;
	word-break: keep-all;
}

.car-info-view .car-info-summary{
	color: #333333;
}
.car-info-view .car-info-summary .summary-header{
	padding: 18px;
    background-color: #ebf6fb;
    border: 1px solid #2cade2;
    border-bottom: 0;
}
.car-info-view .car-info-summary .summary-header .car-name{
	margin-bottom: 8px;
	font-size:3rem;
	font-weight: 700;
}
.car-info-view .car-info-summary .summary-header .summary-info{
	font-size: 14px;
    font-weight: 600;
    color: #888888;
}
.car-info-view .car-info-summary .summary-header .summary-info > span:after{
	content: ' / ';
}
.car-info-view .car-info-summary .summary-header .summary-info > span:nth-last-of-type(1):after{
	content: none;
}
.car-info-view .car-info-summary .summary-body{
	padding: 18px 0;
	padding-bottom: 80px;
	border:1px solid #2cade2;
	border-top: 0;
	border-bottom: 0;
}
.car-info-view .car-info-summary .summary-body .body-topper{
	display: flex;
	justify-content:space-between;
    align-items: center;
	margin-bottom: 1.5rem;
	color: #666666;
	font-size: 1.5rem;
	font-weight: 700;
}
.car-info-view .car-info-summary .summary-body .body-topper .prefix{
    width:170px;
    padding:0 0 0 18px;
}
.car-info-view .car-info-summary .summary-body .body-topper .suffix{
    width:calc(100% - 130px);
    text-align: center;
    display: flex;
    justify-content: right;
    align-items: center;
  
}
.car-info-view .car-info-summary .summary-body .body-topper .suffix > span:after{
	content: '';
	margin: 0 0 0 10px;
	color: #000000;
}
.car-info-view .car-info-summary .summary-body .body-topper .damage-type{
	color: purple;
    margin-left:5px;
}
.car-info-view .location-wrap .bid-type{
    font-weight: 600;
}
.car-info-view .car-info-summary .summary-body .body-topper .bid-type em{
	font-weight: 700;
}
.car-info-view .car-info-summary .summary-body .body-topper .icon-heart{
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url('/images/img/icon_heart_off.png');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
}
.car-info-view .car-info-summary .summary-body .body-topper .icon-heart-wrap{
    display: inline-block;
    margin-left:10px;
    margin-right:10px;
}
.car-info-view .car-info-summary .summary-body .body-topper .on .icon-heart{
	background-image: url('/images/img/icon_heart_on.png');
}

.car-info-view .car-info-summary .box-gray{
	background-color: #f8f8f8;
	padding: 18px;
}
.car-info-view .car-info-summary .box-pink{
	background-color: #fff2f5;
	padding: 18px;
}
.car-info-view .car-info-summary .bar-gray > ul > li{
	background-color: #f8f8f8;
}
.car-info-view .car-info-summary .summary-body .detail-info-table{
    border-top:1px solid #2cade2;
    border-bottom:1px solid #2cade2;
	margin-bottom: 5px;
}
.car-info-view .car-info-summary .summary-body .detail-info-table .data i{
    color: #333;
    margin-right: 6px;
}
.car-info-view .car-info-summary .summary-body .detail-info-table > ul > li{
	display: flex;
}
.car-info-view .car-info-summary .summary-body .detail-info-table > ul > li .label{
	flex: 0 0 120px;
	color: #666666;
}
.car-info-view .car-info-summary .summary-body .detail-info-table > ul > li .data{
	color: #333333;
	font-weight: 600;
}
.car-info-view .car-info-summary .summary-body .timer-count-down > ul > li{
	display: flex;
	justify-content: space-between;
}
.car-info-view .car-info-summary .summary-body .timer-count-down > ul > li .label{
	flex: 0 0 120px;
	font-size: 14px;
	font-weight: 600;
	color: #666666;
}
.car-info-view .car-info-summary .summary-body .timer-count-down > ul > li .data{
	color: #ff4141;
	font-weight: 600;
	font-size: 1.5rem;
}
.car-info-view .car-info-summary .summary-body .timer-count-down > ul > li .data .unit{
	color: #333333;
}
.car-info-view .car-info-summary .notice-small.bold{
	font-weight: 700;
}
.car-info-view .car-info-summary .notice-small{
	font-size: 14px;
	text-align: center;
	padding: 20px 18px;
    font-weight: 400;
    margin:0 0 0 0;
}
.car-info-view .car-info-summary .summary-body input[type="checkbox"]{
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.car-info-view .car-info-summary .notice-small .fc-emphas{
	color: #ff4141;
}
.car-info-view .car-info-summary .summary-body .price-list{
	border-bottom: 1px solid #2cade2;
    border-top:1px solid #2cade2;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li{
	display: flex;
	height: 35px;
	background-color: #fff;
	margin-bottom: 1px;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li label{
	vertical-align: middle;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li label input[type=radio]{
	vertical-align: middle;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .label{
	flex: 0 0 130px;
	height: 100%;
	padding: 10px 10px 10px 18px;
	background-color: #ebf6fb;
	color: #888;
    font-weight: 400;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .label em{
	font-weight: 700;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data{
	display: flex;
    position: relative;
    width:calc(100% - 130px);
    justify-content: right;
	font-size: 1.5rem;
	font-weight: 700;
	padding: 10px 18px 10px 10px;
	color: #000000;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data .unit{
	color: #666666;
	margin-left: 5px;
	font-size: 1.3rem;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data .unit:first-child{
    position:absolute;
    left:10px;
    font-weight: normal;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data input{
	font-size: 1.5rem;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data.flex-type{
	display: flex;
	justify-content: center;
	width: 100%;
	gap: 4px;
	align-items: center;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data.has-input{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 5px 10px;
	width: calc(70% - 40px);
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data input[type="text"]{
	flex: 0 1 auto;
	height: 30px;
	padding: 5px 10px;
	text-align: right;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-weight: 700;
	width: 55%;
    border-color:#999;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data input[type="text"]:focus{
    border-color:#0066cb;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data input[type="text"][readonly] {
	border: 0;
	background-color: transparent;
	opacity: 1;
	color: #000000;
    padding-right: 0;
}
.car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data.has-input .unit{
	flex: 0 1 33px;
	word-break: keep-all;
} 
.car-info-view .car-info-summary .summary-body .bar-gray .fc-emphas{
	color: #ff4141;
    vertical-align: top;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data .unit{
	color: #666666;
	margin-right: 5px;
	/* font-weight: 700; */
    line-height: 30px;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data .unit2{
	/* font-weight: 700; */
    line-height: 30px;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data .unit{
	color: #666666;
	margin-right: 5px;
	/* font-weight: 700; */
    line-height: 30px;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total{
	height: auto;
	background-color: #ffffff;
	color: #2cade2;
    border-top:1px solid #2cade2;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .label,
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .data{
	background-color: #ffffff;
	color: #2cade2;
	font-weight: 700;
	font-size: 1.8rem
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .data{
	display: flex;
	align-items: center;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .data input[type="text"][readonly]{
	flex: 1 1 auto;
	background-color: #ffffff;
	color: #2cade2;
	font-weight: 700;
	font-size: 18px;
	word-break: keep-all;
	min-width: 0;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .label{

	background-color: #ffffff;
	color: #2cade2;
	font-weight: 700;
	font-size: 18px;
	word-break: keep-all;
	min-width: 0;
}

.car-info-view .car-info-summary .summary-body .price-list > ul > li.total .data .unit{
	font-size: 1.5rem;
	color: #2cade2; 
}
.car-info-view .car-info-summary .summary-footer .button-bottom-fix{
	position: absolute;
	display: flex;
	bottom: 0;
	left: 0;
	width: 100%;
}
.car-info-view .car-info-summary .summary-footer .button-bottom-fix [class*=btn-]{
	flex: 1 1 50%;
}
.car-info-view .summary-footer [class*="btn-"]{
	font-size: 1.6rem;
	text-align: center;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.car-info-view .btn-outline{
	border: 1px solid #2cade2;
	color: #2cade2;
}
.car-info-view .btn-fill{
	border: 0;
	background-color: #2cade2;
	color: #ffffff;
}
.car-info-view .location-wrap{
    position: relative;
	text-align: left;
	padding: 10px 0;
	font-weight:300;
    font-size: 1.6rem;
}
.car-info-view .location-wrap a{
	display: inline-block;
    font-weight:300;
    font-size: 1.6rem;
    color:#2d2d2d;
}





.btn-listgo{
    position: absolute;
    right:0;
}
.car-info-view .location-wrap .btn-listgo a{
    font-weight: 600;
}
.car-info-view .car-info-summary .summary-body .price-list > ul > li .data input[type="text"].input-price01{
    width:160px;
}

.zoom-image-wrap{
	min-width: 800px;
	width: 100%;
}
.zoom-image-wrap .header-summary{
	width: 100%;
}
.zoom-image-wrap .img-list-wrap{
	margin-top: 10px;
}
.zoom-image-wrap .img-list-wrap .img-list ul{
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	background-color: #ffffff;
}
.zoom-image-wrap .img-list-wrap .img-list li{
	background-color: #ffffff;
	flex: 0 0 10%;
	height: 60px;
	overflow: hidden;
}
.zoom-image-wrap .img-list-wrap .img-list li > img{
	width: 100%;
	opacity: 0.5;
}
.zoom-image-wrap .img-list-wrap .img-list li.active{
	box-sizing: border-box;
	border: 2px solid #00b5ff;
}
.zoom-image-wrap .img-list-wrap .img-list li.active > img{
	opacity: 1;
}

.layer-popup-wrap{
	display: none;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.9);
	z-index: 9999;
}
.layer-popup-wrap.open{
	display: block;
}

.layer-popup-wrap .popup-content{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 1280px;
	min-height: 300px;	
	transform: translate(-50%, -50%);
	background-color: #fff;
}

.layer-popup-wrap .popup-content .popup-header{
	position: relative;
	padding: 1.5rem;
	text-align: left;
	background-color: #2cade2;
	font-size: 1.6rem;
	color: #ffffff;
	font-family: var(--font-family);
}
.layer-popup-wrap .popup-header .close-popup{
	position: absolute;
	right: 1.5rem;
	top: 14px;
	color: #ffffff;
}
.layer-popup-wrap .popup-content > .car-image {
	width: 100%;
	height: 750px;
}

.layer-popup-wrap .popup-content .img-large{
	width: 1280px;
	height: 750px;
	background-color: rgba(0,0,0,.8);
}

.layer-popup-wrap .popup-content .img-large img {
	width: 100%;
	height: 750px;
	object-fit: contain;
}

.div_information {
	width: 100%;
    margin-bottom: 20px;
}

.layer-popup-wrap .img-list-wrap {
	margin: 10px 0;
	overflow: hidden;
}

.view-container .img-list-wrap .img-list,
.layer-popup-wrap .img-list-wrap .img-list,
.gallery-wide .img-list-wrap .img-list{
	position: relative;
}

.view-container .img-list-wrap .img-list button,
.layer-popup-wrap .img-list-wrap .img-list button,
.gallery-wide .img-list-wrap .img-list button{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	width: 24px;
	height: 24px;
	color: #fff;
	font-weight: 600;
	border: none;
	border-radius: 50%;
	background-color: rgba(0,0,0,.8);
}

.view-container .img-list-wrap .img-list .prev-btn,
.layer-popup-wrap .img-list-wrap .img-list .prev-btn,
.gallery-wide .img-list-wrap .img-list .prev-btn{
	left: 10px;
	padding-right: 2px;
}

.view-container .img-list-wrap .img-list .next-btn,
.layer-popup-wrap .img-list-wrap .img-list .next-btn,
.gallery-wide .img-list-wrap .img-list .next-btn{
	right: 10px;
	padding-left: 2px;
}

.layer-popup-wrap .img-list-wrap .img-list ul {
	display: flex;
	background-color: #ffffff;
}

.layer-popup-wrap .img-list-wrap .img-list li {
	width: 64px;
	background-color: #ffffff;
	height: 40px;
}

.layer-popup-wrap .img-list-wrap .img-list li > img{
	width: 100%;
	height: 100%;
	opacity: 0.5;
	object-fit: cover;
}
.layer-popup-wrap .img-list-wrap .img-list li.active{
	box-sizing: border-box;
	border: 2px solid #00b5ff;
}
.layer-popup-wrap .img-list-wrap .img-list li.active > img{
	opacity: 1;
}
.layer-popup-wrap .car-image .pagination{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 50px;
	text-align: center;
	padding: 5px;
	border-radius: 20px;
	background-color: #000000;
	color: #ffffff;
	font-weight: 700;
}
.layer-popup-wrap .img-wrap .nav-prev,
.layer-popup-wrap .img-wrap .nav-next{
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: #ffffff;
	background-color: #000000;
	border-radius: 8px;
	padding: 5px;
	height: 30px;
	width: 20px;
}


/* car-image 경공매 페지 외 넓은 화면 */
.gallery-wide .car-image {
    text-align: center;
    background: #333;
    height:800px;
    position: relative;
}
.gallery-wide .car-image .bx-viewport{
    height:800px;
}

.gallery-wide .car-image .bx-wrapper{
    margin:0 auto;
    height:800px;
}

.gallery-wide .car-image .img-wrap.bxslider img{
    width:1000px;
    position: relative;
    height:800px;
    aspect-ratio: 4 / 3;
}

.gallery-wide .img-wrap .nav-prev,
.gallery-wide .img-wrap .nav-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	font-size: 20px;
	color: #ffffff;
	padding: 5px;
	height: 30px;
	width: 20px;
}
.gallery-wide .bx-wrapper .bx-controls-direction a{
	display: inline-block;
	position: absolute;
	top: 50%;
    margin-top:-26px;
	font-size: 52px;
	font-weight: 600;
	color: #ffffff;
	height: 52px;
	width: 52px;
	text-indent: 0;
	text-align: center;
	line-height: 1;
	z-index: 1;
}
.gallery-wide .bx-wrapper .bx-next{
    right:-80px;
}
.gallery-wide .bx-wrapper .bx-prev{
    left:-80px;
}
.gallery-wide .img-list-wrap .img-list{
    height:80px;
}
.gallery-wide .img-list-wrap .img-list li{
    width: 120px;
    height:80px;
}
.gallery-wide .img-list-wrap .img-list li img{
    width:100%;
}
.gallery-wide .swiper-slide{
    width:1000px;
    position: relative;
    height:800px;
    aspect-ratio: 4 / 3;
}

.img-list-wrap .img-list li:nth-child(10n){
    margin-right:0;
  }

  





/* 수정해야 하는 파일 css - 이용약관 페이지 , 글쓰기 버튼 */
.tbl_terms {
    color: #000;
    font-size: 13px;
    line-height: 160%;
    border: none !important;
    font-family: var(--font-family);
    font-weight: 400;
}

.tbl_login {
    color: #000;
    font-size: 13px;
    border: none !important;
    font-family: var(--font-family);
    font-weight: 400;
}


.widcen_1200,
.layout-1200 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}



/* 서브페이지 */
.main .co_car_ser {
    margin: 2rem 0;
    padding: 0 0 30px;
    width: 100%;
    background-color: #f1f1f1;
    background-image: url("/images/img/main_bg_gray.jpg");
    background-position: center;
    background-size: cover;
  }
  .main .co_car_ser .ser_tit {
    padding: 50px 0 25px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
  }
  .main .co_car_ser .inform {
    width: 1200px;
    margin: 25px auto;
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(4, 285px);
  }
  .main .co_car_ser .inform .in_box {
    display: inline-block;
    background: #fff;
    padding: 0 0 2rem;
    margin-right: 13px;
    border: 1px solid #ccc;
    text-align: center;
  }
  .main .co_car_ser .inform .in_box:last-child {
    margin-right: 0;
  }
  .main .co_car_ser .inform .in_box .img-wrap img {
    width: 100%;
  }
  .main .co_car_ser .inform .in_box .in_tit {
    font-size: 17px;
    color: #222222;
    font-weight: 700;
    line-height: 19px;
    padding: 28px 0 18px;
  }
  .main .co_car_ser .inform .in_box p {
    width: 70%;
    margin: 0 auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #595959;
    text-align: center;
  }
  
  
  .filter-group {
    font-size: 13px;
  }
  
  .sub .content-topper {
    border-bottom: 1px solid #b2b2b2;
  }
  .sub .content-topper .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 83px;
    width: 1200px;
    margin: auto;
  }
  .sub .content-topper .container h2 {
    font-size: 30px;
  }
  .sub .content-topper .container .location {
    text-align: right;
    flex: 1 1 300px;
    font-size: 1.6rem;
    color: #828282;
  }
  .sub .content-topper .container .location > ul {
    display: inline-block;
    margin-left: 10px;
  }
  .sub .content-topper .container .location > ul li {
    display: inline-block;
  }
  .sub .content-topper .container .location > ul li:after {
    content: ">";
  }
  .sub .content-topper .container .location > ul li:nth-last-child(1):after {
    content: none;
  }
  .sub .content-topper .container .location > ul li.current {
    font-weight: 500;
    color: #000000;
  }

  
 
  
  .search-box {
    width: 100%;
    background-color: #ebf6fb;
  }
  .search-box .filter-group {
    font-size: 14px;
  }
  .search-box .filter-group a {
    font-weight: 700;
    color: #000000;
  }
  
  /* 경공매 차량 리스트 */
  .co_car_list {
    margin: 0px auto 0px auto;
    width:100%;
    display: grid;
    grid-template-columns: repeat(5, 19%);
    justify-content: space-between;
    gap:20px 1%;
  }

  .co_car_list.for-sale .carbox:nth-of-type(5n) {
    margin-right: 0;
  }
  .co_car_list .carbox {
    display: inline-block;
    width:100%;
    background: #fff;
    /* border: 1px solid #d0d0d0; */
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    padding-bottom:68px;
    font-size: 14px;
  }
  .co_car_list.export-list.subpage .carbox {
    border-top:0;
    padding-top: 38px;
  }
  .co_car_list.export-list.subpage .carbox-top{
     display: block;
     padding:10px 0;
     background: #fff;
     position: absolute;
     left:-1px;
     right:-1px;
     top:0;
  }

  .crbox-bottom{
    border-top: 1px solid #d0d0d0;
  }
  .co_car_list.export-list .carbox{
    padding-bottom:0;

  }
  .co_car_list .carbox:last-child {
    margin-right: 0;
  }
  .co_car_list .carbox img {
    width: 100%;
  }
  .co_car_list .carbox .area_h {
    padding: 5px 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

  }
  .co_car_list .carbox .area_h button {
    display: inline-block;
    overflow: visible;
    border: 0;
    cursor: pointer;
    background: #fff;
    padding:0;
  }
  .co_car_list .carbox .area_h button .ico_carheart {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(/images/img/icon_heart_off.png);
    opacity: 0.6;
  }
    .co_car_list.for-sale .carbox .area_h button .ico_carheart.on {
    background-image: url(/images/img/icon_heart_on.png);
  }
  .co_car_list .carbox .area_h i {
    display: inline-block;
    vertical-align: top;
    background: center/100% no-repeat;
  }
  .co_car_list .carbox .area_h .ct_c {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6rem;
    color: #5d5fef;
  }
  .co_car_list .carbox .ct_r {
    display: inline-block;
    line-height: 1.6rem;
    color: #000;
  }
  .co_car_list .carbox .number {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 8px;
    margin: 0 0 10px;
    background: #f0f3f8;
    /* border-top:1px solid #d1d1d1; */
    font-weight: 500;
  }
  .co_car_list .carbox .n_tit ,
  .co_car_list .carbox .carname p{
    font-size: 1.4rem;
    color: #2d2d2d;
    line-height: 14px;
    vertical-align: middle;
  }
  .co_car_list .carbox .number .n_tit span {
    color: #2279cb;
  }
  .co_car_list .carbox .carname {
    position: relative;
    margin: 20px 0 10px;
    text-align:center;
    white-space: normal;
    word-break: break-all;
  }
  .co_car_list .carbox .carname .c_model {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    padding:0 5px;
    margin-bottom: 5px;
  }
  .co_car_list .carbox .carname .c_model2 {
    color: #000;
    padding:0 5px;
  }
  .co_car_list .carbox .carname p {
    padding: 10px 0;
  }
  .co_car_list .carbox .carname p span {
   position: relative;
   padding:0 5px;
  }
  .co_car_list .carbox .carname p span:after{
    content:'';
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    display: inline-block;
    width:1px;
    height:10px;
    background: var( --font-color-base);
  }
  .co_car_list .carbox .carname p span:last-child:after{
    content:'';
    display:none;
  }

  .co_car_list .carbox .btn-group{
    margin-bottom: 10px;
  }
  .co_car_list .carbox .carcheck {
    background: #f1f1f1;
    padding: 10px 8px;
    text-align: left;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
  }
  .co_car_list .carbox .carcheck p {
    padding: 2px 0;
    font-weight: 400;
  }
  .co_car_list .carbox .carcheck p .text-point{
    font-weight: 600;
    color: #000;
  }
  .co_car_list .carbox .carcheck p strong.text-point {
    color: #e84f4f;
  }
 
  .co_car_list .carbox .carcheck p span {
    padding-right: 5px;
    color: #999;
    font-size: 1.4rem;
  }
  .co_car_list .carbox .image-wrap {
    position: relative;
    /* height: 160px; */
    aspect-ratio: 4 / 3;
    overflow: hidden;
    /* border-top: 1px solid #d0d0d0; */
    background: #a1a1a1 url('/images/img/noimg.png') no-repeat;
    background-position: center center;
    background-size: 35%;
  }
  .co_car_list .carbox .image-wrap img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease-in-out;
  }
  .co_car_list .carbox .image-wrap:hover img {
    transform: translateY(-50%) scale(1.1);
  }
.search-box + .co_car_list{
    margin-top:20px;
}


  /* 로그인 */
  
  .login.id-pw {

  }
  
  .login.id-pw .container {
    width: 548px;
    height: 439px;
    margin: 100px auto 80px;
}
  
  .login.id-pw .container h2 {
    margin: 0 0 1.5rem;
    font-size: 2rem;
    font-weight: 500;
    display: block;
    text-align: center;
  }
  .login.id-pw .container .sub-text {
    font-size: 14px;
    color: #888888;
    margin:0 ;
    width:100%;
  }
  .login.id-pw .container .border-box {
    width: 100%;
    height: 100%;
    padding: 60px 50px;
    border: 1px solid #cbcbcb;
    box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.04);
    border-radius: 0.5rem;
    box-sizing: border-box;
  }

  .login.id-pw .container .border-box .input-wrap {
    /* min-width: 100px; */
    height: 50px;
    margin-bottom: 0.625rem;
  }
  
  .login.id-pw .container .border-box .input-wrap input {
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
  }
  
  .login.id-pw .container .border-box .submit.btn {
    margin-top: 1rem;
  }
  .login.id-pw .container .border-box .phone {
    margin-bottom: 0.625rem;
    display: flex;
    justify-content: space-between;
  }
  .login.id-pw .container .border-box .phone .input-wrap {
    margin-bottom: 0;
    width: auto;
  }
  .login.id-pw .container .border-box .phone .input-wrap input {
    width: 100%;
  }
  
  .login.id-pw .container .link {
    margin: 1.875rem 0 0;
    text-align: center;
  }
  .login.id-pw .container .link > ul {
    margin: 0;
  }
  .login.id-pw .container .link > ul li {
    position: relative;
    display: inline-block;
    padding: 0 1rem;
  }
  .login.id-pw .container .link > ul li:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-right: 1px solid #000000;
    height: 0.9375rem;
  }
  .login.id-pw .container .link > ul li:nth-last-child(1):after {
    content: none;
  }
  .login.id-pw .container .link > ul li a.btn-link {
    text-decoration: none;
    color: #333333;
    font-weight: 500;
  }

  .login.id-pw .container .tab_type01{
    margin-top:4rem;
  }


  /* 회원가입 */

.sign-in {
    /* margin-top: 50px; */
  }
  
  .sign-in .container {
    width: 800px;
    margin: 20px auto;
  }
  .sign-in .container .gnb-header {
    display: flex;
    /* justify-content: end; */
    width: 100%;
    align-items: center;
    background-color: #ffffff;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #404347;
  }
  .sign-in .container .gnb-header h1 {
    display: inline-block;
    margin: 0;
    line-height: 1;
  }
  .sign-in .container .gnb-header h1 .incaron-logo {
    display: inline-block;
    width: 123px;
    height: 33px;
    background-image: url("/images/front/index_logo_black.png");
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.3s ease-in-out;
    cursor:pointer;
  }
  .sign-in .container .gnb-header .step-wrap {
    border: 1px solid #a4a4a4;
    border-radius: 1.875rem;
    height: 3.5rem;
    overflow: hidden;
  }
  .sign-in .container .gnb-header .step-wrap ul {
    display: flex;
    height: 100%;
    counter-reset: step;
  }
  .sign-in .container .gnb-header .step-wrap ul li {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 3rem;
  }
  .sign-in .container .gnb-header .step-wrap ul li:last-child {
    padding-right: 2rem;
  }
  .sign-in .container .gnb-header .step-wrap ul li:not(:nth-last-child(1)):after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -1.6rem;
    width: 3.5rem;
    height: 3.5rem;
    border-top: 1px solid #a4a4a4;
    border-right: 1px solid #a4a4a4;
    transform: rotate(45deg);
  }
  .sign-in .container .gnb-header .step-wrap ul li.on {
    background-color: #000000;
    color: #ffffff;
  }
  .sign-in .container .gnb-header .step-wrap ul li.on:not(:nth-child(1)):before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -1.0625rem;
    width: 2.0625rem;
    height: 2.0625rem;
    transform: rotate(45deg);
    background-color: #ffffff;
  }
  .sign-in .container .gnb-header .step-wrap ul li.on:after {
    background-color: #000000;
    border: 0;
  }
  .sign-in .container .gnb-header .step-wrap ul li .step {
    z-index: 1;
  }
  .sign-in .container .gnb-header .step-wrap ul li .step:before {
    counter-increment: step;
    content: "0" counter(step) ". ";
  }
  .sign-in .container .header h2 {
    display: inline-block;
    font-size: 2rem;
    margin: 1.5625rem 0 0.5rem 0;
  }
  .sign-in .container .header .sub-text {
    display: inline-block;
    margin-left: 0.625rem;
    font-size: 1rem;
    color: #acacac;
  }
  .sign-in .container .form-table {
    margin-bottom: 0.625rem;
  }
  .sign-in .container .form-table > ul {
    display: table;
    width: 100%;
    border:1px solid #D8D8D8;
  }
  .sign-in .container .form-table > ul > li {
    display: table-row;
  }
  .sign-in .container .form-table > ul > li .label {
    display: table-cell;
    vertical-align: middle;
    width: 15.5rem;
    border-bottom: 1px solid #D8D8D8;
    height:37px;
    padding:0 10px;
    background-color: #f3f3f3;
    font-weight: 700;
	color: #888888;
	font-size: 1.4rem;
  }

  .sign-in .container .form-table > ul > li .data {
    display: table-cell;

    vertical-align: middle;
    border-bottom: 1px solid #D8D8D8;

    height:37px;
    padding:5px;
  }

  .sign-in .container .form-table > ul > li .data .input-wrap {
    display: inline-block;
    height:28px;
    vertical-align: middle;
    width: 238px;
    min-width: 0;
  }

  .sign-in .container .form-table > ul > li .data .input-wrap input{
    height:100%;
    padding:5px;
    font-size: 14px;
  }
  .sign-in .container .form-table > ul > li .label .input-wrap{
    height:100%;
    padding:5px;
    font-size: 14px;
  }

  .sign-in .container .form-table > ul > li .data .input-wrap select{
    height:100%;
    padding:5px;
    font-size: 14px;
    color: #666;
  }

  .sign-in .container .form-table > ul > li .data .input-wrap.w-238 {
    width: 238px;
  }
  .sign-in .container .form-table > ul > li .label .input-group {
    display: flex;
    align-items: center;
    justify-content: start;
  }

  .sign-in .container .form-table > ul > li .data .input-group ,
  .table-type.write .input-group{
    display: flex;
    align-items: center;
    width:238px;
    justify-content: space-between;
    
  }
  .sign-in .container .form-table > ul > li .label .input-group .input-wrap,
  .sign-in .container .form-table > ul > li .data .input-group .input-wrap {
    margin-bottom: 0;
  }


  .sign-in .container .form-table > ul > li .data .input-group.phone .input-wrap {
    min-width: 0;

  }
  .sign-in .container .form-table > ul > li .data .input-group.phone .input-wrap input {

  }
  .sign-in .container .form-table > ul > li .label .input-group.biz-number .input-wrap, .sign-in .container .form-table > ul > li .data .input-group.biz-number .input-wrap {
    min-width: 0;

  }
  .sign-in .container .form-table > ul > li .label .input-group.corporation-number .input-wrap, .sign-in .container .form-table > ul > li .data .input-group.corporation-number .input-wrap {
    min-width: 0;
  }

  .sign-in .container .form-table > ul > li .label .address, .sign-in .container .form-table > ul > li .data .address {
    margin-top: 0.625rem;
  }
  /* .sign-in .container .form-table > ul > li .label .address .input-wrap, .sign-in .container .form-table > ul > li .data .address .input-wrap {
    display: block;
    width: 28.125rem;
    margin-top: 0.625rem;
  } */
  .sign-in .container .form-table > ul > li .label .btn, .sign-in .container .form-table > ul > li .data .btn {
    margin: 0 0.3125rem;
  }
  .sign-in .container .form-table > ul > li:nth-last-child(1) .label, .sign-in .container .form-table > ul > li:nth-last-child(1) .data {
    border-bottom: 0;
  }

  .sign-in .container .form-table .notice-text, .sign-in .container .form-table .status-text {
    display: inline-block;
    font-size: 14px;
    margin: 0.3125rem;
    color: #828282;
  }
  .sign-in .container .form-table .status-text {
    color: #e34b4b;
  }
.ask-agree {
    text-align: center;
    margin-top:20px;
  }
 .ask-agree .question {
    display: inline-block;
    font-size: 1.5rem;
  }
 .ask-agree .answer {
    display: inline-block;
    margin-left: 1.25rem;
  }
 .ask-agree .answer > ul {
    display: inline-block;
    width: 200px;
    text-align: left;
  }
 .ask-agree .answer > ul > li {
    display: inline-block;
    margin: 0 0.625rem;
    font-size: 14px;
    color: #828282;
  }
 .ask-agree .answer > ul > li input[type=radio] {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    appearance: none;
    font-size: 0;
  }
  .ask-agree .answer > ul > li input[type=radio]:before {
    content: "";
    position: absolute;
    bottom: -0.125rem;
    left: 0;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
  }
  .ask-agree .answer > ul > li input[type=radio]:checked:after {
    content: "";
    position: absolute;
    bottom: -0.0625rem;
    left: 0.0625rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #e34b4b;
  }
  .sign-in .submit {
    text-align: center;
    margin-top: 1.875rem;
  }
  .sign-in .term-introduce .title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 2.1875rem;
  }
  .sign-in .term-introduce .description {
    margin-bottom: 20px;
    font-size: 1.7rem;
    line-height: 1.6;
    margin-top: 20px
  }
  .sign-in .term-wrap {
    border: 1px solid #a4a4a4;
    margin-bottom: 2rem;
  }
  .sign-in .term-wrap .agree {
    position: relative;
    padding: 1.25rem 1.5625rem;
    text-align: right;
  }
  .sign-in .term-wrap .agree label {
    font-size: 1.7rem;
    vertical-align: middle;
    font-weight: 700;
  }
  .sign-in .term-wrap .agree .link {
    position: absolute;
    right: 1.5625rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 700;
    color: #000000;
  }
  .sign-in .checkbox-wrap{
    border:2px solid #222;
    border-radius:4px;font-size: 0;
  }
  .sign-in .checkbox-wrap input[type=checkbox] {
    width: 2rem;
    height: 2rem;
    
}
  .sign-in .term-wrap .terms-text {
    padding: 1.25rem 1.5625rem;
    /* background-color: #f8f8f8; */
    border-bottom: 1px solid #a4a4a4;
  }
  .sign-in .term-wrap .terms-text .title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 2rem;
  }
  .sign-in .term-wrap .terms-text ul {
    font-size: 14px;
  }
  .sign-in .term-wrap .terms-text ul li {
    display: flex;
    margin-bottom: 0.625rem;
    line-height: 1.4;
  }
  .sign-in .term-wrap .terms-text ul li .label {
    flex: 0 0 6rem;
    color: #333;
    font-size: 1.5rem;
    font-weight: 600;
  }
  .sign-in .term-wrap .terms-text ul li .data {
    margin-left: 14px;
    font-size: 14px;
  }
  .term-bottom-wrap{
    text-align: center;
    padding:20px;
    font-size: 1.7rem;
    color: #222;
    font-weight: 600;
  }
  .circle-list{
    margin-top: 10px;
  }
  .sign-in .next {
    margin-top: 1.25rem;
  }
  .sign-in input[type=text].form_control,
  .sign-in input[type=password].form_control,
  .sign-in select.form_select {
    height: 30px;
  }


  /* 마이페이지 */
.join_area{
    width:var(--width-content);
    margin:0 auto;
}
.join_img_body { position:relative;  margin-top:30px; }
.join_area p {text-align:left; margin:10px 0;}
.join_img_body table.join_form tr th {height: 35px; background:#f7f7f7; font-weight:normal;border:1px solid #D8D8D8;}
.join_img_body table.join_form tr td { text-align:center; padding:2px 2px 2px 2px; color:#000000; border:1px solid #D8D8D8;}
.join_img_body table.join_form tr td  table { padding:0; margin:0; }
.join_img_body table.join_form tr td  table tr td { padding:0; margin:0; border:none; padding:2px 2px 2px 2px; }
.join_area p.s_title { font-size:10pt; font-weight:bold;margin-bottom: 30px; }
select.no{border:1px solid #666666;}
p.car-info-p{
	padding-left: 10px;
    margin-bottom:10px;
	text-align:left;
	font-weight: 600;
}
.join_area p.car-info-p.fs-14{
	font-size: 14px;
}
input[type="text"].counter{
	background: transparent;
	font-size: 13px;
	width: 100%;
	text-align: center;
}
.div_title { text-align:left; margin-top:20px;padding-bottom:7px; }

.div_con { width:759px; height:130px; overflow-y:scroll; text-align:left; white-space:pre-line; padding:10px; margin:0px;	border:1px solid #959595; line-height:150%; }
.confirm_area { margin:1.5rem 0; }

/* 비번변경 */
.btn-pwchange{
    width:160px;
    height:50px;
    background: #007aff;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 16px;
}
.btn-pwlater{
    width:160px;
    height:50px;
    background: #fff;
    color: #175289;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border:1px solid #0e59a5;
}

/* 고객센터 */
.customer-wrap{
    width: var(--width-content);
    margin:0 auto;
}

/*회사소개탭*/
/* 인사말 */
.greeting{
    padding: 3rem 0 13rem;
    background: url('/images/logo.png') no-repeat;
    background-position: right bottom;
    background-size: 18%;
    letter-spacing:-0.05em;
}
.greeting-ceo{
    font-size: 3rem;
}
.greeting-header{
    font-size: 3.5rem;
    color: #50a2c9;
    line-height: 34px;
}
.greeting-point01{
    color: #2a6edc;
    font-weight: 600;
}
.greeting-body{
    margin-top: 3rem;
    font-size: 17px;
    line-height: 1.4;
}
.greeting-body p{
    margin-bottom: 2rem;
}
.greeting-second{
    margin-top: 2rem;
    font-size: 2rem;
}
.greeting-third{
    margin-top: 2rem;
    font-size: 1.7rem;
}
.gt-txt01{
    margin-bottom:30px;
    line-height:1.5;
}
.gt-txt02{
    margin-bottom:30px;
    line-height:1.5;
}
.greeting-footer{
    text-align: left;
    margin-top:50px;
    font-size: 18px;
}
.a1_con {
    display: flex;
    margin-top: 50px;
}
.sub_txt .left {
    width: 50%;
}
.sub_txt .right {
    width: 50%;
}
.sub_txt .left div h4 {
    font-size: 30px;
    line-height: 37px;
    font-weight: bold;
}
.sub_txt .right h4 {
    font-size: 30px;
    line-height: 37px;
    font-weight: bold;
}
.sub_txt .left div h4:before {
    content: "";
    position: relative;
    width: 63px;
    height: 4px;
    display: block;
    background: #c4d1f3;
    left: 0px;
    margin-bottom: 8px;
}
.sub_txt .right h4:before {
    content: "";
    position: relative;
    width: 4px;
    height: 63px;
    display: block;
    background: #c4d1f3;
    left: 594px;
    margin-bottom: 8px;
}
.left p {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: #3d3d3d;
}

.sub_txt .right p {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: #3d3d3d;
}
.right {
    text-align: right;
}
.sub_txt .left div {
    margin-bottom: 100px;
    margin-right: 50px;
}

.sign {
    text-align: right;
    font-size: 1.125em;
    font-weight: bold;
    color: #222;
    margin-top: 60px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 50px;
    position: relative;
}
.sign .name {
    font-size: 24px;
}
.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.sub_txt img {
    width: 100%;
}
td#sub_use {
    font-family: var(--font-family);

}

.a2_table th {
    text-align: left;
    font-size: 1.6rem;
    padding: 5px 10px;
    background: #e9efff;
    color: #000;
    font-weight: 400;
}
.a2_table td {
    font-size: 1.6rem;
    padding: 5px 10px;
    border: 1px solid #eee;
    line-height: 30px;
    color: #3d3d3d;
}
table.tbl_terms table {
    border-collapse: initial;
    border-spacing: 2px;
    color: #3d3d3d;
}
p.com2 {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 50px;
}
.subtitle {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}
.subtitle2{
    font-size:1.9rem;
    font-weight: bold;
    text-align: left;
}
.sty_m {
    margin-top: 50px;
}
.a2_wrap1 {
    margin-bottom: 3%;
}
.a2_wrap {
    width: 100%;
    display: flex;
    margin-bottom: 2%;
    margin-top: 20px;
}
.a2_wrap img:first-child {
    margin-right: 2%;
}
.a2_wrap img {
    width: 49%;
}
.a2 img {
    width: 100%;
}
.history_point {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -5px;
    bottom: 20px;
    width: 8px;
    background-color: #f6f6f6;
    overflow: hidden;
    z-index: -1;
}
.history_area div:nth-child(odd) dl {
    padding-right: 20px;
    padding-left: 94px;
}
.history_area dl {
    width: 50%;
    padding-right: 94px;
    padding-left: 20px;
    box-sizing: border-box;
}
.history_area dt {
    margin-bottom: 20px;
    font-size: 46px;
    line-height: 1.3;
    color: #207f46;
    font-weight: bold;
}
.history_area dd p {
    display: block;
}
.button_container {
    margin: 0 auto;
    width: 1200px;
    text-align: center;
}
button.btn2 {
    padding: 10px 20px;
    /* font-weight: bold; */
    font-family: 'Pretendard';
    font-size: 14px;
}
/*.lead {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: -0.02em;
    color: #555;
    font-weight: 300;
    word-break: keep-all;
}*/
.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.history_area dl {
    width: 50%;
    padding-right: 94px;
    padding-left: 20px;
    box-sizing: border-box;
}
.fr {
    float: right;
}
.history_area dt {
    margin-bottom: 20px;
    font-size: 46px;
    line-height: 1.3;
    color: #207f46;
    font-weight: bold;
}
.history_area dd p {
    display: block;
}
.sub_txt {
    position: relative;
}
.sub_txt h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0;
}
table.com4_tb  {
    text-align: center;
    width: 100%;
    line-height: 40px;
}
table.com4_tb th {
    background: #e9efff;
    font-size: 1.6rem;
}
table.com4_tb td {
    font-size: 1.6rem;
    border: 1px solid #eee;
}
dl.fl.right dt, dt.aniBox.type_right.gogo {
    font-size: 30px;
    font-weight: bold;
    color: #1f3c8d;
    margin-top: 48px;
}
.a6_con {
    display: flex;
    width: 100%;
    margin: auto;
}
.a6_con img {
    width: 80%;
    margin: auto;
}
.a6_con a:hover {
    transform: scale(1.05);
    transition: 1s;
}
.a6_con a {
    width: 100%;
    height: auto;
    text-align: center;
}
.list-top-wrap{
    text-align: right;
    margin-bottom: 10px;
}
.list-top-wrap.type-mypage{
    justify-content: end;
}
.list-top-wrap .search-wrap{
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}
/* 수출, 부품 */

.search-box-inner{
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:50px;
    padding-top:3px;
    border:1px solid #CCCCCC;
    padding:0 20px;
}
.search-box-left{
    text-align: center;
    font-size : 14px;
    font-weight:500
}
.btn-search{
    cursor: pointer;
    background-color: #fff;
    color: #0d6efd;
    border: #0d6efd 1px solid;
    min-height: 26px;
    border-radius: 5px;
    font-weight:500;
    vertical-align: middle;
}
.btn-search:hover{
	background: #0d6efd;
	color: #fff;
}
.search-box-inner .form_select{
    min-width:80px;
}
.search-box-inner .search-input{
    display: inline-block;
    text-align: left;
}
.search-box-right.type-5 .search-input input{
    width:calc(100% - 50px);
}
.search-box-inner .search-input input{
    width: calc(100% - 48px);
}


.search-box-inner .search-input .btn-search{
    width:44px;
}

/* car-view 페이지 */
.view-btns{
    position: relative;
    text-align: center;
    margin-bottom:30px;
}
.view-info{

}
.view-btns .btn + .btn{
    margin-left:10px;
}
.detail-title{
    background: #259bff;
    color: #fff;
    font-size: 1.6rem;
    padding:10px;
}


/* table */
table .radio-list li {
    display: inline-block;
    margin-right: 10px;
  }
table.table-type{
    border:1px solid #D8D8D8;
}
table.table-type th{
    border: 1px solid #D8D8D8;
    height:37px;
    padding:0 10px;
}
table.table-type td{
    text-align: center;
    border:1px solid #D8D8D8;
    height:37px;
    padding:5px;
}
table.table-type td table {
    border:0;
}
table.table-type td table td{
    height:auto;
    padding:0;
}
table.table-type td.text-left{
    text-align:left;
}
table.table-type td.td-detail{
    height:150px;
    text-align: left;
    vertical-align: top;
}
table.table-type.write th{
    padding:0 10px;
    text-align:left;
}
table.table-type.write td{
    text-align:left;
    padding:5px;
}
table.table-type.board-list td a:hover{
    color:#2279CB;

}
table.table-type.write td.text-center{
    text-align:center;
}
table.table-type.write .radio-label + input[type=radio]{
    margin-left:1.6rem;
}
.table-top-text{
    margin-bottom: 10px;
}
.table-bottom-text{
    margin-top: 20px;
}
.table-bottom{
    text-align:center;
    margin-top:20px;
}
.text-est{
    color:#FF6600;
    margin-left: 4px;
}
.text-mypage{
    display: block;
    color: #1855c6;
    /* margin:1.5rem 0px; */
}
.text-mypage2{
    display: block;
    /* margin-top: 1.5rem; */
    color: #008a00;
    line-height: 1.4;
    font-size: 17px;
}
.view-picture-info{
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 2px;
    color: #fff;
    font-size: 1.6rem;
    width: 100%;
    height: 50px;
    text-align: left;
    background-color: rgb(44, 173, 226);
}
.file-add-top{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:10px 0;
}
.btn-file-find{
    BORDER: #ff0000 1px solid;
    background-color : #ffe3e7;
    font-size:13px;
    color: #ff0000;
    padding:0 6px 0 6px;
    height:26px;
}
.btn-reset{
    BORDER: #7FA8C4 1px solid;
    background-color : #edf1f6;
    font-size: 13px;
    color: #165899;
    padding:0 6px 0 6px;
    height:26px; 
}
.file-add-imgbox{
    width:100%;
    height:110px;
    overflow-y:scroll;
    padding:10px;
    border:1px solid #cccccc;
    margin-bottom:5px;
}
input.wd-100{
    width:100%;
}
.file-add-ex{
    border:1px solid #ccc;
    padding:10px 10px 5px 0;
}
.file-add-ex ul{
    display:flex;
    justify-content: left;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:20px 0px;
}
.file-add-ex ul li{
    display:inline-block;
    width:10%;
    text-align: center;
}
.input-sidetext{
    margin-left:6px;
}

.board-btns{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:20px;
}
.board-btns.write{
    justify-content: center;
}
.board-btns.write .btn + .btn{
    margin-left:10px;
}
.adress-wrap{
    margin:5px 0;
}
.adress-wrap li{
    margin-bottom: 5px;
}
.adress-wrap li .adress-long{
    width:60%;
}
table.table-type td.td-board-cont{
    text-align: left;
    height:300px;
    vertical-align: top;
}
/* 게시판- 서치 */

.board-list .search-wrap{
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    text-align: right;
}


/* 회사소개 */
 /*게시판 갤러리*/
 .content-company{
    width:100%;
}
.gall_box {
    width:100%;
    display:flex;
    justify-content:left;
    flex-wrap:wrap;
    gap:20px 10px;
}
.gall_box_in {
    position:relative;
    width:292px;
    overflow: hidden;
}
.gall_box_img{
    width: 100%;
    height: 284px;
    overflow: hidden;
}
.gall_box_img img{
    width:100%;
}
.gall_box_over{
    display:none;
    border:1px solid #ccc;
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:10;
}
.gall_box_over .btn_gall_close{
    position: absolute;
    right:-50px;
    top:0px;
    display: inline-block;
    width:40px;
    height:40px;
    color:#fff;
    background: none;
    border:none;
}

.btn_gall_close:before{
    content: "\f659";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 700 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    font-size:36px;
}

.gall_box_over img{

    max-height:95vh;
}
.dim-preview{
    position: fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
}
.gall_box_in .title {
    margin-top: 10px;
    text-align: center;
    font-size: 1.5rem;
}
.table-type .gall_box_img{
    width:150px;
    height:auto;
    display:inline-block;
}
.gall-top-write{
    margin-bottom: 20px;
}
.form-title{
    width:100%;
}
span.sign-in_red {
  color: #f10000;
}
span.font_15 {
    font-size: 1.5rem;
    font-weight: bold;
}
.f_12 {
    font-size: 12px;
}

/* 지도 관련  */
.customoverlay{
    background: #fff;
    color: #333;
    display:inline-block;
    width:auto;
    padding:2px 10px 4px 10px;
    margin-bottom:48px;
    border:1px solid #666;
    border-radius:6px;
}
.map{
    position: relative;
    width:100%;
    height:600px;
}

.map2{
    position: relative;
    width:100%;
    height:600px;
}



/* 오시는길 tab 스타일 */
.root_daum_roughmap .cont{
    display: none;
}


.tab-list {
    display:block;
  width: 100%;
}
.tab-item {
    display:inline-block;
    margin-bottom: 20px;
}
.tab-content-list{
    position: relative;
    height:700px;
}
.tab-content{
    position: absolute;
    left:0;
    top:0;
    right:0;
}
/* 탭 스타일 */
.tab-item{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    color: #333333;
    display: inline-block;
    text-align: center;
    border: 1px solid #333;
    padding:0 10px;
    background: #fff;
}
.tab-item.on{
    background: #333;
    color:#fff;
}


/* 탭 컨텐츠 스타일 */
.tab_content {
  display: none;
  padding: 40px 0 0;
  clear: both;
  overflow: hidden;
}
.adress-header {
    display: grid;
    grid-template-columns: 9rem 1fr;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.adress-header .label {
    background-color: #EFEFEF;
    text-align: center;
    font-weight: 700;
}
.adress-header > div {
    padding: 0.9375rem;
    font-size: 1.4rem;
    border-bottom: 1px solid #D8D8D8;
}


.bi-clock-fill{
    margin-right:6px;
}
.bi-clock-fill:before{
    content:'' !important;
    background:url('/images/img/icon_clock.png') no-repeat;
    display: inline-block;
    width:18px;
    height:18px;
    background-size: cover;
}




/* 메인  */
.main-barolink{
    margin-bottom: 20px;
}
.main-barolink-inner{
    width:var(--width-content);
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:232px;
}
.main-barolink-inner div{
    width:33.33%;
    height:100%;
    text-align: center;
    position: relative;
}
.main-barolink-inner div a{
    display: block;
    height:100%;
    padding-top:50px;
}
.main-barolink-inner div:after{
    content:'';
    display: inline-block;
    width:1px;
    height:160px;
    background: #dedede;
    position: absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}
.main-barolink-inner div:last-child:after{
    display: none;
}
.icon-boat{
    display: inline-block;
    width:43px;
    height:43px;
    background: url('/images/img/icon_boat.png');
    margin-bottom: 30px;
}
.icon-pench{
    display: inline-block;
    width:39px;
    height:36px;
    background: url('/images/img/icon_pench.png');
    margin-bottom: 30px;
}
.icon-car{
    display: inline-block;
    width:42px;
    height:32px;
    background: url('/images/img/icon_car.png');
    margin-bottom: 30px;
}
.barolink-title{
    font-size: 18px;
    font-weight: 600;
}
.barolink-subtitle{
    color: #a0a0a0;
    font-weight: 600;
}




/* 뷰페이지 */
.view-title-wrap{
    position: relative;
    padding:40px 0 20px;
    border-bottom:1px solid #000;
    /* margin-bottom: 20px; */
}


.view-title-wrap .btn-listtext{
    position: absolute;
    right:0;
    top:-2px;
}
.view-title-wrap .btn-listtext:before{
    content: "\f479";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 700 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    font-size: 3.6rem;
    color: #7f7f7f;
}
.view-title{
    font-size: 3rem;
    color: #000;
    font-weight: 600;
}
.view-title-sub{
    color: #9b9b9b;
    margin-top:6px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap:0 10px;
}
.view-title-sub .sub-text{
    font-size: 1.8rem;
    vertical-align: middle;
}
.view-title-sub .sub-text span{
    vertical-align: middle;
}
.view-title-sub .sub-text:first-child{
    padding-left:0;
}

/* 뷰페이지 swiper 다시 작업 */

/* 갤러리 swiper 다시 */
.thumb-list .swiper-wrapper{
    padding:5px 0;
    position: relative;
    width:1200px;
    height:90px;
}
.thumb-list .swiper-slide{
    
    width:120px;
    height:86px;
    

}
.thumb-list .swiper-slide {
    opacity: 0.4;
}
.thumb-list .swiper-slide img{
    width:100%;
   
}
.thumb-list .swiper-slide-thumb-active {
    position: relative;
    opacity: 1;
    }
.thumb-list .swiper-slide-thumb-active:after{
    content:'';
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    border:3px solid #0066cb;
}
.gallery-pagination{
    display: inline-block;
    position: absolute;
   left:20px !important;
   bottom:10px;
    z-index: 10;
    background:#000;
    border-radius: 20px;
    color: #fff !important;
    padding:6px;
    width:68px !important;
    text-align: center;
}


.swiper-slide img {
    aspect-ratio: 4 / 3;
    max-height: 100%;
}
.car-image .swiper-button-next,
.car-image .swiper-button-prev{
    color:#fff;
    font-size:40px;
}

.thumb-next-btn{
    position: absolute;
    right:20px;
    top:50%;
    transform: translateY(-50%);
    height:28px;
    width:28px;
    display: inline-block;
    background:rgba(0,0,0,0.7);
    color: #fff !important;
    font-size: 20px;
    z-index: 99999;
    border-radius: 50%;

}
.thumb-prev-btn{
    position: absolute;
    left:20px;
    top:50%;
    transform: translateY(-50%);
    height:28px;
    width:28px;
    display: inline-block;
    background:rgba(0,0,0,0.7);
    color: #fff !important;
    font-size: 20px;
    z-index: 99999;
    border-radius: 50%;

}
.thumb-next-btn:after{
    content: "\f285";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
}
.thumb-prev-btn:after{
    content: "\f284";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
}

.btn-expand{
    position: absolute;
    right:20px;
    bottom:10px;
    z-index: 3;
    padding:8px;
    background: #000;
    border-radius:5px;
}
.btn-expand img{
    width:28px;
}


.layer-popup-wrap .mySwiper {
    box-sizing: border-box;
    padding: 10px;
}
.layer-popup-wrap .div_information{
    width:1280px;
    margin-top: 0;
}
.layer-popup-wrap .swiper-slide{
    text-align: center;
}
.layer-popup-wrap .mySwiper .swiper-slide {
width:60px;
height:40px;
opacity: 0.4;
overflow: hidden;
}

.layer-popup-wrap .mySwiper .swiper-slide-thumb-active {
opacity: 1;
}

.pop-thumb-list .swiper-slide img {
display: block;
width: 100%;
height: 100%;
}

.pop-thumb-list .swiper-button-next{

}

.pop-thumb-list .swiper-button-prev:after,
.pop-thumb-list .swiper-button-next:after{
    font-size: 14px;
    color:#fff;
    font-weight: 700;
    background: rgba(0, 0, 0, .9);
    border-radius:50%;
    width:24px;
    height:24px;
    text-align: center;
    line-height: 24px;
}


.sum-text{
  display: block;
  text-align: center;
  color: red;
}


/* 회사소개 */
#contents_basic.company-wrap{
    background: url('/images/img/company_bg.jpg') no-repeat;
    background-size:cover;
    height:900px;
    color: #fff;
    padding-top: 250px;
}

.company-box{
    width:40%;
    padding:30px;
    line-height: 1.5;
    font-size: 1.6rem;
    margin:0 auto;
    text-align: center;
    background-color: rgb(27, 37, 103, .45);
}
.company-box p{
    margin-bottom:20px;
}
.company-wrap + .footer{
    margin-top:0 !important;
}
.company-title{
    font-size: 28px;
}





/* 공유하기 */
.view-title-right{
    position: absolute;
    right:54px;
    top:0px;
}
.share-list li{
    display: inline-block;
    margin-left:6px;
}
.share-list li:last-child{
    display: none;
}
.share-list li img{
    width: 34px;
}
.share-list li button{
    margin: 0;
    padding: 0;
}
.share-list li button >span{
display: none;
}
.btn-phone{
    
}
.btn-phone:before{
    content:'';
    background: url('/images/img/icon_phone2.png') left top no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width:3rem;
    height:3rem;
    opacity: 0.5;
}
.btn-phone.on:before{
    background: url('/images/img/icon_phone_on.png') left top no-repeat;
    background-size: 100% 100%;
    opacity: 1;
    
}
.btn-sms-01{
    
}
.btn-sms-01:before{
    content:'';
    background: url('/images/img/icon_sms_01.png') left top no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width:3rem;
    height:3rem;
    opacity: 0.5;
}
.btn-sms-01.on:before{
    background: url('/images/img/icon_sms_on.png') left top no-repeat;
    background-size: 100% 100%;
    opacity: 1;
}

.btn-share{
   
}
.btn-share:before{
    content:'';
    display: inline-block;
    width:3rem;
    height:3rem;
    background: url('/images/img/icon_share.png') no-repeat;
    background-size:100% 100%;
    opacity:0.7;
}
.btn-share.on:before{
    background: url('/images/img/icon_share_on.png') no-repeat;
    background-size:100% 100%;
    opacity:1;
}


.pop-share{
    position: absolute;
    right:0;
    top:50%;
    background: #f3f9ff;
    box-shadow: 4px 4px 4px #eee;
    border-radius:10px;
    border:2px solid #217ad2;
    z-index:3;
    padding:20px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.7;
    color: #6b6b6b;
}
.pop-share-close{
    position: absolute;
    right:14px;
    top:14px;
    display: inline-block;
}

.btn-share-close:before{
    content: "\f659";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    color:#777;
}
.pop-share .inputlist li{
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    font-size: 1.5rem;
    color: #5a5a5a;
}
.pop-share .inputlist li label{
    margin-right:10px;
    width:20%;
    text-align: left;

}
.pop-share-title{
    text-align: center;
    font-size: 18px;
    color: #555;
    margin-bottom:20px;
    font-weight: 700;
}
.pop-share-text{
    margin:10px 0;
    line-height: 1.4;
}
.pop-share .agreebox{
   margin-bottom:14px; 
   font-weight: 700;
}
.pop-share .inputlist li input[type=text]{
    width:80%;
    height:34px;
}
.inputlist-conttext{
    font-weight: 700;
}
.pop-share .inputlist li .sns-label2{
    width:88%;
}
.btn-sms-send{
    width:100%;
    height:40px;
}
.inputlist{
    padding:10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.pop-share.share{
    width:380px;
}
.share-icon-list {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.share-icon-list li{
    text-align: center;
    display: inline-block;
    width:20%;
}
.share-icon-list li .icon{
    width:40px;
    height:40px;
}

.share-icon-list li span{
    display:block;
    margin-top: 6px;
}
.share-icon-list li button{
    font-size: 13px;
    color: #616161;
    font-weight: 400;
}
.share-copy-wrap{
    position: relative;
    height: 40px;
}
.share-copy-wrap input{
    width:100%;
    padding-right:50px;
    height:40px;
}
.share-copy-wrap .btn-copy{
    position: absolute;
    right:0;
    bottom:0;
    top:0;
    width:60px;
    text-align: center;
    background: #e1e1e1;
    font-weight: 700;
}
.customer-tel{
    font-size: 1.6rem;
    text-align: center;
    font-weight: 400;
    line-height: 1.7;
    color: #6b6b6b;
}



/* 차량등록 */
.form-reginum{
    display:inline-block;
    margin-left: 10px;
  }
.form-reginum input{
    width:140px;
}
  
  




/* car-image win-pop */
.pop-gallery-win-bg{
 
}
.pop-top-lang{
    text-align: right;
    display: flex;
    justify-content: end;
    background:#eee;
    padding:8px;
}

.pop-gallery-win-top{
    position: relative;
    color:#2279CB;
    padding:10px;
    text-align: center;
}
.pop-gallery-win-wrap{
    width:1200px;
    margin:0 auto;
}
.pop-gallery-win-wrap.trade{
    width:100%;
}
.pop-gallery-win-wrap .car-image{
    margin-bottom: 10px;
    background: #3b3b3b;
}
.pop-gallery-win-wrap.trade .car-image img{
    width:100%;
}


.pop-gallery-win-wrap .car-image .img-wrap.bxslider img{
   width:initial;
    position: relative;
    height:760px;
    /* aspect-ratio: 4 / 3; */
    display: inline-block;
}

.pop-gallery-win-wrap.trade .car-image .img-wrap.bxslider{
	width:100%;
}
.pop-gallery-win-wrap.trade .car-image .img-wrap.bxslider img{
    width:initial;
    max-width:100%;
    height:auto;
    aspect-ratio: initial;
}

.pop-gallery-win-wrap .car-image .img-wrap .slide{
  text-align: center;
  
}
.pop-gallery-win-wrap .img-list-wrap .img-list {
    height: auto;
}
.pop-gallery-win-wrap .img-list-wrap ul{
    display: flex;
    flex-wrap:wrap;
}
.pop-gallery-win-wrap .img-list-wrap ul li{
    display: inline-block;
    width:56px;
    height:42px;
    margin-right:calc(80px / 19);
    margin-bottom: 5px;
}
.pop-gallery-win-wrap .img-list-wrap .img-list li:nth-child(10),
.pop-gallery-win-wrap .img-list-wrap .img-list li:nth-child(30),
.pop-gallery-win-wrap .img-list-wrap .img-list li:nth-child(50),
.pop-gallery-win-wrap .img-list-wrap .img-list li:nth-child(70){
    margin-right:calc(80px / 19);
  }

.pop-gallery-win-wrap .img-list-wrap .img-list-wrap ul li:nth-child(20n){
    margin-right: 0;
}
.pop-gallery-win-wrap .img-list-wrap ul li img{
    width:100%;

}
.pop-gallery-win-wrap .img-list-wrap .img-list li > img{
	width: 100%;
	height: 100%;
	opacity: 0.7;
	object-fit: cover;
}

.pop-gallery-win-wrap .img-list-wrap .img-list li.active{
	border: 2px solid #00b5ff;
	box-sizing: border-box;
}
.pop-gallery-win-wrap .img-list-wrap .img-list li.active > img{
	opacity: 1;
}

.pop-gallery-win-wrap .bx-wrapper .bx-pager{
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 60px;
    text-align: center;
    padding: 5px;
    border-radius: 20px;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    font-size: 12px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pop-gallery-win-wrap .bx-wrapper .bx-controls-direction a{
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    font-size: 52px;
    font-weight: 600;
    color: #ffffff;
    height: 52px;
    width: 52px;
    text-indent: 0;
    text-align: center;
    line-height: 1;
    z-index: 1;
}


.pop-gallery-win-wrap .popup-header{
	position: relative;
	padding: 1.5rem;
	text-align: center;
	background-color: #2cade2;
	font-size: 1.6rem;
	color: #ffffff;
	font-family: var(--font-family);
}
.pop-gallery-win-top .close-popup{
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
}
.pop-gallery-win-top .close-popup.btn-secondary2{
	position: absolute;
	right: 1.5rem;
	top:initial;
}
.btn-copy{
    border-radius: 4px;
  margin-left: 10px;
    
}

.btn-zoom2{
    position: absolute;
    right:20px;
    bottom:20px;
    z-index:100;
    border:1px solid #000;
    background: #000;
    width:80px;
    height:30px;
    color: #fff;
    opacity: 0.8;
}
.btn-zoom2:before{
    content: "\f62c";
    color: #Fff;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: 1.6rem;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    margin-right: 4px;
    
}



@media screen and (max-width:768px){
    .pop-gallery-win-wrap{
        width:100%;
    }
    .pop-gallery-win-wrap .car-image .img-wrap.bxslider{
        width: 100%;
    }
    .pop-gallery-win-wrap.trade .car-image img{
        width:100%;
    }
    .pop-gallery-win-top .close-popup{
        display: none;
    }
    .pop-gallery-win-wrap .car-image .img-wrap.bxslider img{
        width:100%;
        height:auto;
        aspect-ratio: 4 / 3;
    }
    .pop-gallery-win-wrap .img-list-wrap{
        margin:0 10px;
    }
    
}

@media screen and (min-width:481px) and (max-width:768px){
    .pop-gallery-win-wrap .img-list-wrap .img-list li > img{
        width:100%;
         height:100%;
          aspect-ratio: 4 / 3;
    }
     .pop-gallery-win-wrap .img-list-wrap .img-list li{
        width:9%;
        height:47px;
          aspect-ratio: 4 / 3;
        margin-right:calc( 10%/9 );
    }
    .pop-gallery-win-wrap .img-list-wrap .img-list li:nth-child(10n){
        margin-right:0;
    }
}
@media screen and (max-width:480px){
   
    .pop-gallery-win-wrap .img-list-wrap .img-list li{
        width:15%;
        height:38px;
        aspect-ratio: 4 / 3;
        margin-right:calc( 10%/5 );
    }
    .pop-gallery-win-wrap .img-list-wrap .img-list li > img{
        height:100%;
         aspect-ratio: 4 / 3;
    }
    .pop-gallery-win-wrap .img-list-wrap .img-list li:nth-child(6n){
        margin-right:0;
    }
    .pop-gallery-win-wrap .img-list-wrap .img-list li:nth-child(10),
    .pop-gallery-win-wrap .img-list-wrap .img-list li:nth-child(30),
    .pop-gallery-win-wrap .img-list-wrap .img-list li:nth-child(50),
    .pop-gallery-win-wrap .img-list-wrap .img-list li:nth-child(70){
        margin-right:calc( 10%/5 );
    }

}

 /* leftmenu */
 .layout-leftmenu{
    display: none;
 }
.media-mobile{
    display: none;
}
.media-mobile-sm{
    display: none;
}
/* 회원탈퇴 */
.memberout-wrap{
    border-top: 2px solid #78a5cd;
    margin-top: 3rem;
}
.memberout-title{
    padding:15px 0;
    text-align: center;
    border-bottom:1px solid #78a5cd;
}
.memberout-list{
    border-bottom:1px solid #78a5cd;
    padding:30px 0 30px 40px;
}
.memberout-list ul li{
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.memberout-list ul li:last-child{
    margin-bottom: 0;
}
.btn_area{
    margin-top: 2rem;
    text-align: center;
}
/* 비번변경 */
.newpass-text{
    font-size: 1.7rem;
}






/* board */
.board-info{
    font-weight: 400;
    color: #888;
    font-size: 1.4rem;
    margin-top: 4px;
}
.board-info span:after{
    content:'';
    display: inline-block;
    width:1px;
    height:10px;
    background: #999;
    margin:0 6px 0 6px;

}
.board-info span:last-child:after{
    display: none;
}

.badge{
    border:1px solid #ccc;
    border-radius:20px;
    min-width:80px;
    padding:0 10px;
    color: #e40404;
    font-size: 1.4rem;
}
.board-title{
    font-size: 1.5rem;
}
table.table-type.board-list {
    border:none;
}
table.table-type.board-list tr:hover td{
    background: #d9f3fb;
}
table.table-type.board-list th{
    background: #fff;
    border:none;
    padding:10px 5px;
}
table.table-type.board-list td{
    border-left:none;
    border-right:none;
    padding:10px 5px;
}
table.table-type.board-list td a{
    display: block;
}
.board-label{
    font-weight: 400;
}
.board-list-icon{
    margin-left:4px;
    vertical-align: middle;
}

/* 차량상담 */
.form-tel{
    width:50%;
}
.form-tel input{
    width:30%;
}

/* 마이페이지 리스트 */
.list-mypage-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: top;
    gap:20px 20px;
    justify-content: start;
}

.mypage-list-bigbox{
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap:2rem 0;
    width:calc(50% - 10px);
    border:1px solid #ccc;
    padding-bottom: 20px;
}
.mypage-list-bigbox:hover{
    background: #d9f3fb;
}

.mypage-list-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f0f3f8;
    padding:10px;
    font-size: 1.4rem;
}

.mypage-list-title-text{
    color: #1855c6;
    font-size: 1.4rem;
}
.mypage-list-title .mypage-list-gubun{
    display: inline-flex;
    align-items: center;
    gap:0 6px;
}
.mypage-list-title-left{
    display: inline-flex;
    align-items: center;
    gap:0 10px;
    font-weight: 600;
}
.mypage-list-box{
    display: flex;
    align-items:start;
    justify-content: start;
    flex-wrap: wrap;
    padding:0;
    gap:10px 10px;
}
.mypage-list-img{
    position: relative;
    width:150px;
    margin-left: 20px;
}
.mypage-list-img img{
    width:150px;
    height:120px;
    border:1px solid #ddd;
}
.btn-zzim-wrap{
   
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(/images/img/icon_heart_off.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}


.mypage-list-info{
    width:calc(100% - 180px);
}
.mypage-list-info .mypage-list-dday{
    margin-bottom: 8px;
}
.mypage-list-gubun{
    display: block;
    margin-bottom: 10px;
}
.mypage-list-title .mypage-list-gubun{
    margin-bottom: 0;
}
.mypage-list-doc{
    margin-bottom:10px;
}
.mypage-text01{
    font-size: 1.4rem;
    font-weight: 600;
    
}
.mypage-list-carname{
    font-size:1.8rem;
    color: #333;
    font-weight: 700;
    margin-bottom: 1rem;
}
.mypage-list-carinfo{
    font-size: 1.4rem;
    color: #2d2d2d;
    margin-bottom: 1.5rem;
}
.mypage-list-carinfo >span{
    display: inline-block;
}
.mypage-list-place{
    margin-bottom: 10px;
    font-weight: 700;
}
.mypage-list-dday{
    width:100%;
    font-size: 1.5rem;
    letter-spacing: -0.03em;
    color: #000;
    font-weight: 700;
}
.mypage-list-dday .text-point{
    color: #e84f4f;
}
.mypage-list-ddaytime{
    margin-left:5px;
}
.mypage-list-subinfo {
    border-top:1px solid #ddd;
    padding-top:14px;
    width: calc(100% - 10px);
    margin-right:10px;
    display: block;
    font-weight: 700;
}
.mypage-list-subinfo.media-mobile{
    display: none;
}
.mypage-list-subinfo li{
    display: flex;
    margin-bottom: 6px;
    color: #818181;
    letter-spacing: -0.02em;
}
.mypage-list-subinfo li:last-child{
    margin-bottom: 0;
}

.mypage-list-subinfo li .subinfo-title{
    text-align: right;
    margin-right: 5px;
    font-size: 1.4rem;
    color: #333;
}
.mypage-list-subinfo li .subinfo-date2{
    display: inline-block;
   
}
.subinfo-cont{
    display: inline-flex;
    align-items: center;
}
.subinfo-num{
    color: #333;
    margin-right: 4px;
}


/* 마이페이지 서치 */
.filter-search{
    display: inline-flex;
    flex-wrap:wrap;
    gap:0 4px;
}


.usedparts{
    display: flex;
	flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 2px solid #FF0000;
	margin-top:20px;
    padding:10px;
    gap:0 20px;
}
.usedparts .label{
    height:30px;
}
.usedparts .data{
    align-items: center;
	width:100%;
}
.usedparts .btn-write{
    border-radius:4px;
    min-width:50px;
}
.usedparts .form_control{
	font-weight:bold;
    height: 80px;
	max-width:82%;
}

/* 자동로그아웃 */
.autologout-wrap{
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:1000;
    background:rgba(0, 0, 0, 0.5);
    display:flex;
    justify-content: center;
    align-items: center;
    
}
.autologout-inner{  
    margin:10px;
    position: relative;
    background: #fff;
    font-size: 1.6rem;
    text-align: center;
    border-radius:10px;
}
.autologout-btn-wrap{
    position: absolute;
    left:20px;
    right:20px;
    bottom:20px;
}
.autologout-text{
   padding:4rem 5rem 9rem 6rem;
    text-align: center;
    line-height: 1.5;
    font-size: 1.6rem;
    color: #555;
}
.autologout-submit{
    color: #fff;
    font-size: 1.8rem;
    width:100%;
    height: 5rem;
    background: #0d6efd;
    border-radius:8px;
    
    
}

.autologout-submit.type-half{
    width: 45%;
}
.btn-autologout-close{
    display: inline-block;
    position: absolute;
    right:20px;
    top:20px;
    
}
.btn-autologout-close:before{
    content: "\f659";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    font-size: 3rem;
}
.icon-autologout{
    background: #0d6efd;
    display: inline-block;
    width:4rem;
    height:4rem;
    border-radius:50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.icon-autologout:before {
    content: '';
    display: inline-block;
  background:url('/images/img/icon_logout.png') no-repeat;
  width:40px;
  height:40px;
  background-size: 70% 70%;
  background-position: center center;
  margin-left: 4px;

}
.autologout-text-big{
    font-size: 2rem;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #000;
}
.autologout-text-big.type-2{
    color: #606060;
    font-size: 1.8rem;
}

.form-flex{
    display: flex;
    flex:1 1 auto;
    gap:0 2px;
}

/* 연관삳이트 */
.relative-link-wrap{
    background-color: #e6e6e6;
}
.relative-box{
 display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: var(--width-content);
    margin:0 auto;
    padding: 24px 0;
}
.relative-link-wrap img{

    height: 40px;
}



/* filebox */
table.type-simple thead{
    border-bottom: 1px solid #ddd;
}
table.type-simple thead th{
    text-align: center;
}


.btn-search-small{
    border: 1px solid #ddd;
    border-radius:4px;
    width: 24px;
    height: 24px;
    text-align: center;
}
.btn-search-small i{
    font-weight: 600;
    font-size: 13px;
    line-height: 1;
}
.btn-search-small:hover{
    background: #efefef;
}



/* 전체 미디어쿼리 */

@media screen and (max-width: 1024px) {
    .headert-top-inner,
    .topnotice-inner,
    
    .main-notice,
    .main-banner-wrap,
    .main-info,
    .header-menu,
    .main-banner-inner,
    .main-cus-inner,
    .main .main-half-banner,
    .main .co_car_tit .co_car_area,
    .co_car_list,
    .footer-inner,
    .div_basic,
    .company-content,
    .join_area,
    .main-middle-banners{
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .headert-top-inner{
        min-height:9rem;
    }
    .header-bottom{
        width:100%;
    }
    .gnb-menu{
        width:90%;
    }
    .pagination-wrap{
        width:100%;
    }
    .tab_type01{
        width:100%;
    }
    .media-pc{
        display: none !important;
        visibility:hidden;
    }
    .footer {
        margin-top: 30px;
    }

    .main .co_car_tit .co_car_area{
        margin-bottom: 0;
      }
    
      .main .main-half-banner .banner:nth-of-type(1),
      .main .main-half-banner .banner:nth-of-type(2){
        background-image:none;
      }
    

      .main-visual .intro-text-wrap{
        min-width: 80%;
        padding: 10px;
        left: 10px;
        transform: translate(0, -50%);
    }

    .main-visual .intro-text02 {
        font-size: 1.8rem;
    }


    .main-visual .intro-text-wrap2{
        transform: translate(-50%, -50%);
        min-width: 100%;
    }
    .main-visual .intro-text03 {
        font-size: 2.2rem;
    }
    .main-visual .intro-text05 {
        font-size: 1.8rem;
    }
    .main-visual .intro-text04 {
        font-size: 2.8rem;
        margin-top: 0;
    }



    .memberout-list{
        padding:10px;
    }
    .greeting{
        padding:3rem 0 3rem;
        background:none;
    }

    .quick-ch{
        display: none;
    }

        
    /* 경공매페이지 */
    .car-info-view{
       width:96%;
         /* padding:0 10px; */
    }
    .car-info-view .view-container{
        width:100%;
    }
    .car-info-view .aside {
        position: relative;
        top: initial;
        float: initial;
        width: 100%;
    }
    .car-info-view .notice-must ul li {
        
        margin: 8px 10px;
    }

    /* 수출, 부품 */

    .search-box-inner{
        flex-wrap: wrap;
        align-items: center;
        height:auto;
        padding:10px;
    }
    .search-box-inner .form_select,
    .search-box-inner .search-input{
        width:49%;
        min-width:initial;
    }
    .search-box-right.type-5 .search-input{
        width: 100%;
        margin-top: 5px;
    }
    .search-box-inner .form_select:nth-child(1),
    .search-box-inner .form_select:nth-child(2){
        margin-bottom: 4px;
    }
    .search-box-left{
        width:100%;
    }
    .search-box-right{
        margin-top: 6px;
        display: block;
        width:100%;
        text-align: center;
    }

    /* 게시판 */
    .media-mobile{
        display: block;
    }
    .board-view-wrap{
        border-top:2px solid #666;
        border-bottom:1px solid #666;
    }
    .board-view-title{
        font-size: 2rem;
        padding:10px;
    }
    .board-view-info{
        border-bottom:1px solid #666;
        padding:5px 10px;
        font-size: 1.7rem;
        
    }
    .board-view-info span{
        color: #939393;
    }
    .board-view-info span:after{
        content:'';
        display: inline-block;
        width:1px;
        height:10px;
        background: #aaa;
        margin-left:15px;
        margin-right: 15px;

    }
    .board-view-info span:last-child:after{
        display: none;
    }
    .board-view-cont{
        padding:10px;
    }
    .board-view-cont img{
        width: 100%;
        height: auto;
    }
    .board-view-files{
        padding:0 10px 10px 10px;
    }

    /*  */
    .div_information{
        width:100%;
    }
    .view-title-sub{
        /* padding-bottom:50px; */
    }
    .pop-share.share {
        width: 330px;
    }


    /* car-image 경공매 페지 외 넓은 화면 */
    .gallery-wide .car-image {
       width:100%;
       height:auto;
    }
    .gallery-wide .car-image .bx-viewport{
       height:auto;
    }

    .gallery-wide .car-image .bx-wrapper{
       
       height:auto;
    }
    .gallery-wide .swiper-slide{
        height:auto;
    }

    .gallery-wide .car-image .img-wrap.bxslider img{
        width:100%;
       height:auto;
    }
    .gallery-wide .bx-wrapper .bx-next{
        right:0px;
    }
    .gallery-wide .bx-wrapper .bx-prev{
        left:0px;
    }
    .gallery-wide .car-image .bx-wrapper .bx-pager.bx-default-pager {
        left: 10px;
    }

    .car-info-view .aside{
        margin-top: 30px;
    }
    .view-container .img-list-wrap{
        display: none;
    }

    .gallery-wide .img-list-wrap{
        display: none;
    }
    
    /* 회원가입 adress form*/
    .adress-wrap li .adress-long{
        width:100%;
    }

    /* 마이페이지  */
    .mypage-list-subinfo.media-mobile{
        display: block;
    }
    .mypage-list-subinfo{
        width: calc(100% - 10px);
        margin-right: 5px;
        margin-left:5px;
    }
    /* .mypage-list-subinfo li .subinfo-date2{
        display: none;
    } */


    /* 탭높이 pc, 태블릿 에서 수정 */
    .tab_type01 ul li a {
        height:4.8rem;
        line-height:4.8rem;
    }

    /* 마이페이지 에서 회원탈퇴 삭제 */
    .tab_type01.tab-mypage li:last-child,
    .tab_type01.tab-mypage li:nth-child(5){
        display: none;
    }
    .tab_type01.tab-mypage li:nth-child(4) a{
        border-right:1px solid #ddd;
    }

    .tab_type01.tab-mypagemember li:nth-child(1),
    .tab_type01.tab-mypagemember li:nth-child(2),
    .tab_type01.tab-mypagemember li:nth-child(3),
    .tab_type01.tab-mypagemember li:nth-child(4){
        display: none;

    }

    .main-half-left{
        width:100%;
    }

    .main-contents-wrap {
        width: initial;
        margin: 0 auto;
    }

    /* leftmenu */
    .layout-leftmenu{
        display: block;
        position: fixed;
        left:-100%;
        top:0;
        bottom:0;
        background: #333;
        width:100%;
        z-index:200;
        -webkit-transition: left .3s;
        -moz-transition: left .3s;
        -ms-transition: left .3s;
        -o-transition: left .3s;
        transition: left .3s;

    }
    
    .layout-leftmenu.open{
        left:0;
    }


    .leftmenu-wrap{
        height:100%;
        overflow: auto;
    }
    .leftmenu-top{
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding:30px 20px 20px;
    }
    .leftmenu-top .btn-menu-close{
        /* position: absolute;
        right:10px;
        top:10px; */
        color:#fff;
    }
    .leftmenu-logo img{
        width:18rem;
        opacity: 0.8;
    }
    .leftmenu-btns{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:5px 10px;
        border-bottom:2px solid #646464;
        color: #fff;
        gap:0 ;
    }
    .leftmenu-btns i{
        display: none;
    }
    .leftmenu-btns > a,
    .leftmenu-btns .user-name{
       
        vertical-align: middle;
        text-align: center;
     
        display: inline-block;
        font-size: 15px;
        padding:10px 10px;
        margin:0;
        
    }
    .leftmenu-btns .btn-join,
    .leftmenu-btns  .btn-login {
        width: 49%;
        color: #fff;
        height: auto;
    }
    .leftmenu-btns > a.mypage,
    .leftmenu-btns > a.logout{
        background:#31b9f2;
        border-radius:20px;
        margin-right:10px;
    }
    .leftmenu-btns > a:last-child{
        margin-right:0;
    }
    .btn-menu-close:before{
        content: "\f659";
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 700 !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        -webkit-font-smoothing: antialiased;
        font-size:30px;
    }

    .leftmenu li{
        border-bottom:1px solid #646464;
        padding:0 20px;
        color:#fff;
        
    }
    .leftmenu >li> a{
        padding:20px 0;
        display: inline-block;
        width: 100%;
        font-size: 16px;
    }
    .leftmenu >li> a:before{
        content:'-';
        display:inline-block;
        margin-right:6px;
    }
    .leftmenu li >a:hover{
    color:#ff3e3e
    }
    .leftmenu-sel-lang{
        border-bottom:1px solid #484848;
    }
    

    .autologout-text{
        padding:4rem 2rem 9rem 2rem;
         font-size: 1.4rem;
     }


     .search-box-left.type-4 .form_select:nth-child(3){
        width: 30%;
    }
    .search-box-left.type-4 .search-input{
        width: 68%;
    }

    /* 중고부품 메모 */
    .summary-etc{
        margin-top:30px;
       
    }
    
    .summary-etc-box{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: 2px solid #FF0000;
        padding:10px;
        gap:0 20px;
    }
    
    .summary-etc-title{
        color: #333;
        font-size: 15px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .summary-etc-box .form_control[type=text]{
        height: 30px;
        padding:5px 10px;
    }
    .summary-etc-box .btn-write{
        border-radius:4px;
        min-width:50px;
    }
    
    .summary-memo-box{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: 2px solid #FF0000;
        padding:10px;
        gap:0 20px;
    }
    
    .summary-memo-box .form_control{
        height: 30px;
        max-width:80%;
    }
    .summary-memo-box .btn-write{
        border-radius:4px;
        min-width:50px;
    }
   
}



@media screen and (max-width:1199px) {
    .relative-link-wrap .p-logo img{
        height: initial;
        width: 10%;
    }
}

@media screen and (max-width:768px) {
    .btnlink-wrap{
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px;
        justify-content: center;
    }
    .btnlink-box img{
        height: 38px;
        margin-bottom: 4px;
    }
    .btnlink-box {
        width: 30%;
        font-size: 1.5rem;
        border-radius: 14px;
        padding: 10px 10px 6px 10px;
    }
    .btnlink-btn {
        border-radius: 4px;
        font-size: 13px;
        margin-top: 5px;
        padding: 3px 6px;
    }
    .linkbtns-wrap{
        margin-bottom:10px;
    }
    .btnlink-box:nth-child(4),
    .btnlink-box:nth-child(5),
    .btnlink-box:nth-child(6){
        display: none;
    }


}
@media screen and (min-width: 681px) and (max-width: 1024px) {
   
   
   /* 메인 - 경공매 차량 리스트 */
  .co_car_list {
        grid-template-columns: repeat(4, 24%);
        gap:10px 1%;
  }

  .main-visual .intro-text-wrap{
        min-width: 80%;
        padding: 20px;
    }
   
    .header-logo{
        position: absolute;
        left:0;
    }

    .media-mobile-sm{
        display: none;
    }

    .main .main-half-banner .banner{
        min-height:140px;
    }
    .btn-menu-wrap.join{
        display: inline-block;
        position: absolute;
        left:0px;
        top:50%;
        transform: translateY(-50%);
    }
    .btn-menu-wrap.join .btn-menu:before{
        content: "\f479";
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 700 !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        -webkit-font-smoothing: antialiased;
        font-size: 4rem;
        color:#3a81c3;

    }

}

@media screen and (max-width: 680px) {

  .footer-copyright li:first-child{
    display: block;
  }
   
    .sub-visual .sub-text{
        flex-wrap: wrap;
    }

    .header-logo img{
        width:20rem;
    }


    .media-pctablet{
        display: none !important;
    }
    .media-mobile-sm{
        display: block;
    }
    .media-wide{
        display: none;
    }
    .btn-menu-wrap{
        display: inline-block;
        position: absolute;
        left:0px;
        top:50%;
        transform: translateY(-50%);
    }
    .btn-menu:before{
        content: "\f479";
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 700 !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        -webkit-font-smoothing: antialiased;
        font-size: 4rem;
        color:#3a81c3;

    }
    /* 메인 - 경공매 차량 리스트 */
    .co_car_list {
        grid-template-columns: repeat(2, 48%);
        gap:10px 1%;
      }
    /* .co_car_list>div:nth-child(n+7) {
		display: none !important;
      } */
      .footer-inner {
       padding:30px 10px;
        flex-wrap:wrap;
        gap: 0 0px;
    }
    /* 언어 */
    .flag {
        width: 2rem;
        height: 1.6rem;
        margin-right: 0.3rem;
    }
    .lang li {
        
        margin-left: 0.4rem;
        padding-right: 0.4rem;
    }
    .lang li a{
        display:flex;
        align-items: center;
    }
    .main .main-half-banner .banner{
        height:auto;
        min-height:initial;
        width:100%;
        margin-bottom:10px;
    }
    .main .main-half-banner .banner .sub-text{
        width:100%;
        margin-bottom: 10px;
    }
    .main .main-half-banner .banner .btn.link{
        position: relative;
        left:initial;
        bottom:initial;
    }

   
    .main-visual {
        aspect-ratio: 4/3;
        height: auto;
    }
    .main-visual .intro-text-wrap{
        min-width: 40%;
        padding: 0px;
        min-height: 180px;
        width: auto;
    }
    .main-visual .intro-text01 {
        font-size: 2.2rem;
        margin-bottom: 2rem;
    }
    .main-visual .swiper-wrapper{
        height:auto;
    }
    .main-visual .swiper-slide{
        aspect-ratio: 4/3;
        height:auto;
    }
    .main-visual .swiper-slide img{
        height:auto;
    }

    .slide01-text1{
        display: inline-block;
        font-size: 2.8rem;
        background: rgba(72, 111, 183, 0.5);
    }
    .slide01-text2{
        font-size: 3.8rem;
        padding: 6px 8px;
        
    }
    .slide01-text3{
        display: inline-block;
        font-size: 1.8rem;
        margin-top: 4rem;
        background: rgba(72, 111, 183, 0.5);
    }
    

    /* 메인 고객센터 */
    .main .co_car_cus {
        display: none;
        
    }
    .main .co_car_cus .ccus_box.type-cscenter {
     
        width: 100%;
    }

    .footer-logobox{
        margin-bottom:1rem;
    }
    .comepanyinfor{
        padding:10px 0;
    }
    .comepanyinfor .cin_tit .list a{
        font-size: 1.5rem;
        padding: 0 1rem;
    }


    
    .btn-mypage2{
        color: #3a81c3;
        display: inline-block;
       padding:0;
        overflow:hidden;
        text-align: center;
        margin-right:6px;

    }
    .btn-mypage2 i{
        position: relative;
        font-size: 30px;
    }

    .btn-join,
    .btn-login{
        width:49%;
        color: #fff;
        height: auto;
    }
    .btn-join i,
    .btn-login i{
        display: none;
    }

    .login.id-pw .container{
        width:80%;
        height:auto;
        margin: 0px auto 80px;
    }
    .login.id-pw .container .border-box {
        
        padding: 20px;
    }

    .sign-in .container{
        width:96%;
    }
    .sign-in .container .gnb-header .step-wrap ul li .step:before{
        display: none;
    }
  
   
    .text-est{
        margin-left: 0;
    }

    .sign-in .container .form-table > ul > li .label{
        width:11rem;
    }
    .sign-in .container .form-table > ul > li .data .input-wrap {
        width:auto;
    }
    .sign-in .container .form-table > ul > li .data >.input-wrap{
        width:calc(100% - 80px);
    }
    .sign-in .container .form-table > ul > li .data .input-group,
    .table-type.write .input-group{
        width:100%;
    }

    .sign-in .container .form-table > ul > li .label .address, .sign-in .container .form-table > ul > li .data .address .input-wrap{
        margin-top:4px;
        width:100%;
    }

    /* 경공매 상세페이지 */
    .car-info-view .detail-info dl dt.label {
        flex: 0 0 25%;
    }
    .car-info-view .detail-info dl dd.info-data {
        flex: 0 0 75%;
    }
    .car-info-view .detail-info dl dt, .car-info-view .detail-info dl dd {
        padding: 10px 5px 10px 10px;
    }

    .car-image .img-wrap.bxslider img {
       
        height: auto;
        aspect-ratio: 4/3;
    }
    .data-line {
        margin: 0 10px;
    }


    .tab_type01 ul li a span{
        letter-spacing: -0.05em;
    }

    .intro-text01 span,
    .intro-text02 span{
        display: inline-block;
    }
    .button-wrap .center > a {
        margin: 0 !important;
    }

    /* 고객센터 탑 */
    .list-top-wrap{
        flex-wrap:wrap;
    }
    .list-top-wrap .subtitle2{
        width: 100%;
        margin-bottom: 10px;
    }
    .list-top-wrap .search-wrap{
        width: 100%;
        display: inline-flex;
        justify-content: end;
        gap:0 6px;
    }
    .search-wrap .form_control{
        width:50%;
    }
    /* .gallery-wide .img-list-wrap .img-list li{
        width: 82.5px;
        height:auto;
    } */
   

    .btn-zoom{
       
        height:30px;
        width:30px;
       
    }
    .btn-zoom i{
       font-size:16px;
    }

   
    .car-info-view .car-info-summary .summary-body .bar-gray > ul > li .data{
        padding:10px 6px 10px 6px;
    }

    /* header */
    .header-right{
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        z-index:10;
    }

        
    /* 상단 헤더  */
    .header-menu-box{
        display: none;
        position: fixed;
        right:0px;
        top:40px;
        width:100px;
        z-index: 10;
        background: #fff;
        border:1px solid #ccc;
    }
    .header-menu-box.open{
        display: block;
    }
    .header-menu-box li a{
        display: block;
        padding:10px;
        font-size: 1.6rem;
    }
    .header-menu-box li a:hover{
        background: #0b77d6;
        color: #fff;
    }
    
    .tab_type01.tab-sub01 li:nth-child(1){
        display: none;
    }

    /* 차량등록 */
   
    .table-type.write.table-consult input[type=text]{
        width:100%;
    }
    .mo-wd100{
        width:100%;
    }
    .form-tel{
        width:100%;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
    
    }
   
    .notice-text{
        display: inline-block;
    }

    /* 마이페이지 리스트  */
    .mypage-list-title{
        font-size: 1.5rem;
    }
    .mypage-list-info{
        width:calc(100% - 142px);
    }
    .mypage-list-img{
        width:120px;
        margin-left: 10px;
    }
    .mypage-list-img img{
        width:120px;
        height:96px;
    }

    .mypage-list-bigbox{
        width:100%;
    }
    .filter-search{
        width: 100%;
    }
    .filter-search > div{
        width: 100%;
        margin-bottom:5px;
    }
    .filter-search > div:last-child{
        margin-bottom: 0;
    }
    .filter-select{
        display: flex;
        gap:4px;
        width:100%;
    }
    .filter-select select{
        width:50%;
    }
    .filter-input {
        width:100%;
        display: flex;
        justify-content: space-between;
    }
    .filter-input input[type=text]{
        width:calc(100% - 47px);
    }
    .filter2{
        margin-bottom: 10px;
    }
    .filter-search.type2 {
        margin-bottom: 4px;
    }
    .filter-search.type2 .form_select{
        width:100%;
        
    }


    .table-type.write.mem-modify td>input[type=text] ,
    .table-type.write.mem-modify td>input[type=password]{
        width:100%;
      }
      .table-type.write.mem-modify td>input[type=text].wd-small{
        width:calc(100% - 76px);
      }
    .footer-logobox img{
        width:17rem;
        margin-right: 2rem;
    }
    .share-list li:last-child{
       display: inline-block;
    }
    .share-list li{
        margin-left: 5px;
    }
    .share-list li img{
        width:28px;
    }

    .list-top-wrap .search-wrap{
        position: relative;
        right:initial;
        top:initial;
        transform: initial;
    }


    /* 메인 배너 */
    .main-middle-banners{
        flex-wrap: wrap;
        gap: 20px;
    }
    .main-middle-banners div{
        width: 100%;
    }

    .main .main-half-banner{
        margin:3rem auto;
    }

    
}


@media screen and (max-width : 860px) {
    .relative-link-wrap{
        display: none;
    }
}