@charset "utf-8";

/* ==========================================================================
    BASIC SETTING
    ========================================================================== */
::selection{background-color: var(--point-color01); color: #fff;}
body{font-family: 'Pretendard', 'Malgun Gothic', '맑은고딕' , '돋움','dotum', 'Helvetica', 'AppleSDGothicNeo', sans-serif; font-size: 14px; font-weight: 400; color: var(--basic-color); letter-spacing: -0.25px; background-color: var(--bg-color);}
/* body:not(#main){padding-right: 0 !important; overflow-y: auto !important;} */
#wrap{position: relative; width: 100%; visibility: hidden; opacity: 0;}
#wrap.load{visibility: visible; opacity: 1; transition: .3s ease-in-out; /*animation: fadeEffect .5s ease-in-out;*/}
#header{position: relative; width: 100%; z-index: 200;}
#container{position: relative;}
#footer{position: relative; background-color: #fff;}
#content{position: relative; min-height: 400px; padding-top: 40px;}
.main-grid{position: relative; width: 1240px; margin: 0 auto;}
.main-grid01{position: relative; width: 920px; margin: 0 auto;}
.grid01{position: relative; width: 1240px; margin: 0 auto;}
.grid02{position: relative; width: 1420px; margin: 0 auto;}
.grid03{position: relative; padding-left: var(--main-gap); padding-right: var(--main-gap);}

.btn-sns .blog{width: 25px;}
.btn-sns .store{width: 22px;}

/* ==========================================================================
   HEADER
   ========================================================================== */
.inner-header{height: calc(var(--topbar-height) + var(--fixed-header-height));}
.top-bar{font-weight: 600; background-color: var(--point-color01);}
.top-bar .inner-sec{display: flex; justify-content: space-between; align-items: center; height: var(--topbar-height);}
.top-bar .top-slogon{color: #b1b1b1; padding-left: 22px; background: url('../images/common/symbol0101.png') no-repeat 0 center; background-size: 19px auto;}
.top-bar .top-slogon span{color: #fff;}
.top-bar .top-link{display: flex;}
.top-bar .top-link .item-link{position: relative; color: #aaa; padding: 0 9px;}
.top-bar .top-link .item-link::after{content: ""; position: absolute; right: 0; top: calc(50% - 6px); display: block; width: 1px; height: 12px; background-color: rgba(255, 255, 255, .3);}
.top-bar .top-link .item-link:last-child::after{display: none;}
.top-bar .top-link .item-link > a{padding: 8px;}
.top-bar .top-link .item-link:last-child{padding-right: 0;}
.top-bar .top-link .item-link:last-child > a{padding-right: 0;}
.row-header{width: 100%; background-color: var(--point-color01);}
.row-header .inner-sec{position: relative; display: flex; justify-content: center; align-items: center; height: var(--fixed-header-height); transition: .5s ease-in-out;}
.fixed .row-header{position: fixed; top: 0;}

#header h1{position: absolute; left: 0;}
#header h1 img{width: 200px;}
#header .right-set{position: absolute; right: 0; display: flex; align-items: center;}
#header .right-set .btn-member > a{vertical-align: top;}
#header .right-set .btn-logout{background: #fff url('../images/common/ico_out01.png') no-repeat calc(100% - 6px) center; background-size: 21px auto;}
#header .btn-allmenu{position: relative; border: 1px solid rgba(255,255,255,.5); margin-left: 10px;}
#header .btn-allmenu span{display: block; position: absolute; left: 12px; width: 15px; height: 2px; background: #fff; opacity: 1; transform: rotate(0deg); transition: .25s ease-in-out;}
#header .btn-allmenu span:nth-child(1){top: 13px; transform-origin: left center;}
#header .btn-allmenu span:nth-child(2){top: 18px; transform-origin: left center;}
#header .btn-allmenu span:nth-child(3){top: 23px; transform-origin: left center;}
#header .btn-allmenu.open span:nth-child(1){transform: rotate(45deg); left: 14px; top: 13px;}
#header .btn-allmenu.open span:nth-child(2){width: 0; opacity: 0;}
#header .btn-allmenu.open span:nth-child(3){transform: rotate(-45deg); left: 14px; top: 23px;}

#gnb > ul{display: flex;}
#gnb > ul > li{position: relative; width: var(--main-nav-width); font-size: 18px; font-weight: 600; color: #fff; text-align: center; text-transform: uppercase;}
#gnb > ul > li > a{display: block; padding: 14px 14px;}
#gnb > ul > li > a::after{content: ""; position: absolute; top: -4px; left: calc(50% - 3px); display: block; width: 6px; height: 6px; border-radius: 50%; background-color: transparent; transition: .3s ease-in-out;}
#gnb > ul > li:hover > a::after,
#gnb > ul > li.active > a::after{top: 0; background-color: #fff;}
#gnb .sub-menu{display: none; position:absolute; min-width: 126px; top: 50px; left: calc(50% - 63px); text-align: center; border: 1px solid var(--point-color01); background: #fff; border-radius: 15px; animation: subMenu .3s; z-index: 150;}
#gnb .sub-menu > ul{padding: 11px 0}
#gnb .sub-menu > ul > li > a{display: block; font-size: 15px; font-weight: 400; color:#696b6f; line-height:32px; transition:.2s ease-in-out}
#gnb .sub-menu > ul > li > a:hover,
#gnb .sub-menu > ul > li > a.active{font-weight: bold; color:var(--point-color01)}
#gnb > ul > li:hover .sub-menu{display:block}

.allmenu{position: relative; display: flex; justify-content: center; max-height: 0; background-color: #2226a1; overflow: hidden; transition: .3s ease-in-out}
.allmenu.open{max-height: 204px;}
.allmenu > ul{display: flex;}
.allmenu > ul > li{position: relative; width: var(--main-nav-width); text-align: center;}
.allmenu .sub-menu > ul{padding: 11px 0 21px}
.allmenu .sub-menu > ul > li > a{display: block; font-size: 16px; font-weight: bold; color: #a9aad3; line-height: 36px; transition: .2s ease-in-out;}
.allmenu .sub-menu > ul > li > a:hover,
.allmenu .sub-menu > ul > li > a.active{color: #fff}

/* ==========================================================================
   FOOTER
    ========================================================================== */
.top-footer{border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
.top-footer .inner-sec{display: flex; justify-content: space-between; align-items: center; height: 71px;}
.top-footer .tit-cs{font-size: 22px; font-weight: 600; color: var(--point-color01);}
.top-footer .footer-nav > ul{display: flex;}
.top-footer .footer-nav > ul > li{margin-left: 28px;}
.top-footer .footer-nav > ul > li > a{padding: 6px; font-weight: 500; color: #555;}
.top-footer .footer-nav > ul > li > a:hover{color: #222;}
.top-footer .footer-nav > ul > li:last-child > a{padding-right: 0;}
.mid-footer .inner-sec{display: flex; justify-content: space-between; align-items: center; height: 74px;}
.mid-footer .txt-set{display: flex; align-items: center; font-size: 15px; color: #666;}
.mid-footer .txt-set .title{font-weight: bold; margin-right: 8px;}
.mid-footer .txt-set .title::after{content: " : "; margin-left: 4px;}
.mid-footer .txt-set > ul{display: flex;}
.mid-footer .txt-set > ul > li{position: relative; display: flex; align-items: center; padding-right: 12px; margin-right: 12px;}
.mid-footer .txt-set > ul > li::after{content: ""; position: absolute; right: 0; top: calc(50% - 7px); display: block; width: 1px; height: 14px; background-color: #e9e9e9;}
.mid-footer .txt-set > ul > li:last-child::after{display: none;}
.mid-footer .txt-set .txt-time{position: relative; top: -1px; font-size: 18px; color: #222; margin-left: 10px;}
.mid-footer .btn-tel{font-size: 18px; font-weight: bold; color: var(--point-color01); line-height: 22px; padding-left: 26px; background: url('../images/common/ico_phone01.png') no-repeat 0 center; background-size: 22px auto;}
.bt-footer{color: #a7a7c8; padding-top: 32px; padding-bottom: 50px; background-color: var(--point-color01);}
.bt-footer .inner-sec{display: flex; justify-content: space-between;}
.bt-footer address > ul{display: flex; flex-wrap: wrap;}
.bt-footer address > ul > li{font-size: 14px; font-weight: 500; color: #a7a7c8; line-height: 24px; letter-spacing: 0; margin-right: 30px;}
.bt-footer address > ul > li > span{color: #fff; margin-right: 8px;}
.bt-footer address > ul > li:first-child{width: 100%;}
.bt-footer address > ul > li:nth-child(4){margin-right: 500px;}

.bt-footer .copyright{font-size: 11px; color: #7d7eb1; text-transform: uppercase; letter-spacing: 0; margin-top: 28px;}
.bt-footer .logo-bottom{padding-top: 6px;}
.bt-footer .logo-bottom img{width: 172px;}

/* ==========================================================================
   SIDE NAVIGAION
    ========================================================================== */   
#right-sidebar{flex-direction: column; transition: transform .4s ease-in-out;}
#right-sidebar .top-sidebar{display: flex; justify-content: space-between; align-items: center; height: var(--fixed-header-height); padding: 0 20px; background-color: var(--point-color01);}
#right-sidebar .logo img{width: 200px;}
#right-sidebar .top-sidebar .btn-close{width: 18px; opacity: 1;}
#right-sidebar .top-sidebar .btn-close img{width: 100%;}
#right-sidebar .bottom-sidebar{position: relative; padding: 15px 0 20px; line-height: 20px; font-size: 10px; color: #9d9d9d; text-align: center; text-transform: uppercase;}
#right-sidebar .member-sidebar{padding: 23px 20px 10px;}
#right-sidebar .member-sidebar .txt-set .main-text{font-size: 18px; font-weight: bold; color: var(--point-color01); letter-spacing: 0;}
#right-sidebar .member-sidebar .txt-set p{font-size: 13px; color: #999; line-height: 20px; margin-top: 5px;}
#right-sidebar .member-sidebar .btn-set{display: flex; gap: 7px; margin-top: 15px;}
#right-sidebar .member-sidebar .btn-set > .button02{height: 40px; font-size: 14px;}
#right-sidebar .state-off{}

#right-sidebar .sidenav{flex: 1; position:relative; padding: 0 20px; overflow-y: auto;}
#right-sidebar .sidenav::-webkit-scrollbar{display: none}
#right-sidebar .sidenav > ul > li > a,
#right-sidebar .sidenav > ul > li > .accordion-button{display: flex; align-items: center; height: 60px; padding: 0 12px; border-top: 1px solid #e7e7e7; font-size: 17px; font-weight: bold; color: #222;}
#right-sidebar .sidenav > ul > li:first-child > a,
#right-sidebar .sidenav > ul > li:first-child > button{border-top: 0;}
#right-sidebar .sidenav > ul > li:last-child{border-bottom: 1px solid #e7e7e7}
#right-sidebar .sidenav .accordion-button{box-shadow:none; background-color:transparent}
#right-sidebar .sidenav .accordion-button::after{width: 12px; height: 12px; background: url('../images/common/ico_sidebar0101.png') no-repeat center; background-size: 12px auto; transition: .2s ease-in-out;}
#right-sidebar .sidenav .accordion-button:not(.collapsed)::after{background-image: url('../images/common/ico_sidebar0102.png'); transition: .2s ease-in-out;}
#right-sidebar .sidenav .item-single{background: url('../images/common/ico_sidebar0103.png') no-repeat calc(100% - 13px) center; background-size: 8px auto;}
#right-sidebar .sidenav .item-home{background: url('../images/common/ico_sidebar0104.png') no-repeat calc(100% - 13px) center; background-size: 13px auto;}
#right-sidebar .sidenav > ul > li > a.active,
#right-sidebar .sidenav > ul > li > button.active,
#right-sidebar .sidenav .accordion-button:not(.collapsed),
#right-sidebar .sidenav > ul > li > a:hover,
#right-sidebar .sidenav .accordion-button:hover{color: var(--point-color01);}
#right-sidebar .sidenav .dp2{padding: 15px 20px; border-top: 1px solid #e7e7e7}
#right-sidebar .sidenav .dp2 li > a{font-size: 16px; font-weight: bold; color: #999; line-height: 30px; letter-spacing: -0.25px; transition: .2s ease-in-out;}
#right-sidebar .sidenav .dp2 li > a.active,
#right-sidebar .sidenav .dp2 li > a:hover{color: var(--point-color01);}

/* ==========================================================================
    SUB LAYOUT
    ========================================================================== */   
/*페이지 탑*/
.pg-top{display: flex; justify-content: space-between; align-items: center; height: 72px;}
.pg-top .path{display: flex; align-items: center;}
.pg-top .path span,
.pg-top .path strong{display:inline-block; font-size: 14px; font-weight: bold; margin-left: 10px; padding-left: 14px; background: url('../images/common/arr0501.png') no-repeat 0 center; background-size: 5px auto}
.pg-top .path .ico-home{position: relative; top: -1px; width: 14px}
.pg-top .path > span{color:#999;}
.pg-top .path > strong{color: var(--point-color01);}
.pg-top .path-text{font-size: 11px; font-weight: bold; color: #cecece; letter-spacing: 0; text-transform: uppercase;}

#sub-nav-dp3 > ul{display: flex; justify-content: center;}
#sub-nav-dp3 > ul > li{margin: 0 5px;}
#sub-nav-dp3 > ul > li > a{display: flex; justify-content: center; align-items: center; width: 154px; height: 42px; font-size: 16px; font-weight: bold; color: var(--point-color01); text-align: center; border: 1px solid var(--point-color01); background-color: #fff; border-radius: 21px; transition: .2s ease-in-out;}
#sub-nav-dp3 > ul > li > a.active,
#sub-nav-dp3 > ul > li > a:hover{color: #fff; background-color: var(--point-color01);}
#sub-nav-dp3m{display: block; width: 100%; height: 48px; border: 1px solid var(--point-color01); padding: 0 14px; font-size: 15px; font-weight: bold; color: var(--point-color01); line-height: 1.2; background: url('../images/common/arr0102.png') no-repeat calc(100% - 14px) center; background-size: 12px auto;}
#sub-nav-dp3m option{font-weight: bold; color: #fff; background-color: var(--point-color01);} 

.pg-title{text-align: center; margin-top: 4px;}
.pg-title .txt-en{font-size: 14px; font-weight: bold; color: #bbb; letter-spacing: 0.25px; text-transform: uppercase; margin-bottom: 7px;}
.pg-title .title{font-size: 32px; font-weight: bold;}
.pg-title .refer01{font-size: 13px; color: #999; line-height: 20px; word-break: keep-all; margin-top: 6px;}
.pg-title p{font-size: 15px; color: #999; line-height: 22px; word-break: keep-all; margin-top: 4px;}
.pg-title + #sub-nav-dp3{margin-top: 25px;}

/* ==========================================================================
    차량리스트
    ========================================================================== */
.box-car{border-radius: 20px; background-color: #fff; box-shadow: 3px 3px 8px 5px rgba(0,0,0,.09);}
.box-car .thumb{border-radius: 20px; overflow: hidden;}
.box-car .thumb::after{padding-bottom: 56.6%;}
.box-car .thumb > img{transition: .3s ease-in-out;}

.box-car .info-car{display: flex; flex-direction: column; min-height: 163px; padding: 16px 20px;}
.box-car .info-car .title{font-size: 18px; font-weight: 600; line-height: 24px; word-break: keep-all; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.box-car .info-car .txt-set{display: flex; font-family: 'Roboto', sans-serif; color: #666; letter-spacing: 0; margin-top: 9px;}
.box-car .info-car .txt-set > li::after{content: ""; position: relative; top: 1px; display: inline-block; width: 1px; height: 12px; background-color: #e9e9e9; margin: 0 7px;}
.box-car .info-car .txt-set > li:last-child::after{display: none;}
.box-car .info-car .bt-set{position: relative; display: flex; justify-content: flex-end; margin-top: auto;}
.box-car .info-car .total{color: #666;}
.box-car .info-car .total strong{font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: bold; color: var(--point-color01); margin-right: 6px;}
.box-car .info-car .check-like{position: absolute; left: -2px; top: 3px;}
.box-car .info-car .btn-more{display: flex; justify-content: center; align-items: center; border: 1px solid #e2dfe1; width: 100%; height:40px; font-size: 14px; font-weight: bold; color: #888; background-color: transparent; border-radius: 8px; transition: .2s ease-in-out;}

.box-car:hover .thumb > img{transform: scale(1.1);}
.box-car:hover .info-car .btn-more{color: #fff; border-color: var(--point-color01); background-color: var(--point-color01);}



.auction-titlebar{display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 42px; border-top: 1px solid var(--point-color01);}
.auction-titlebar .txt-en{font-family:'Roboto', sans-serif; font-size: 12px; font-weight: bold; color: #bbb; letter-spacing: 0; text-transform: uppercase; margin-bottom: 17px;}
.auction-titlebar .tit-date{font-size: 28px; font-weight: bold;}
.auction-titlebar .tit-box{display: flex; justify-content: center; align-items: center; width: 234px; height: 42px; font-size: 17px; font-weight: bold; color: #fff; background-color: var(--point-color01); padding: 0 18px; border-radius: 21px; margin-top: 12px;}

.search-cars01{width: 284px; padding: 24px 23px 23px; border: 1px solid #e3e3e3; border-radius: 15px;}
.search-cars01 .top-search{display: flex; justify-content: space-between; margin-bottom: 24px;}
.search-cars01 .top-search .title{font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: bold; color: var(--point-color01);}
.search-cars01 .search-filter > ul > li{padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #efefef;}
.search-cars01 .search-filter > ul > li.ht-auto{padding-top: 20px; padding-bottom: 17px;}
.search-cars01 .search-filter .form-ip{height: 42px; border: 0; padding: 0; font-size: 14px; font-weight: 500; color: var(--form-fontcolor); line-height: var(--form-lineheight); background-color: #fff;}
.search-cars01 .search-filter select.form-ip{background-position: right center;}
.search-cars01 .search-filter select.form-ip option{font-size: 15px;} 
.search-cars01 .search-filter .tit-item{font-size: 14px; font-weight: 500; margin-bottom: 5px;}
.search-cars01 .search-filter .ip-set{display: flex; align-items: center;}
.search-cars01 .search-filter .ip-set .item-ip{flex: 1;}
.search-cars01 .search-filter .ip-set .form-ip{height: 42px; border: 1px solid #e3e3e3; padding: 0 14px; background-color: #f4f4f4; border-radius: 6px;}
.search-cars01 .search-filter .ip-set select.form-ip{background-position: calc(100% - 15px) center;}
.search-cars01 .search-filter .ip-set .space{width: 24px; font-size: 15px; font-weight: bold; text-align: center;}
.search-cars01 .btn-search{margin-top: 24px;}
.search-cars01 .btn-search .button02{height: 46px; font-size: 16px; border-radius: 8px;}

.list-cars01{flex: 1; border-top: 1px solid #e3e3e3;}
.list-cars01 .list-top{display: flex; justify-content: space-between; align-items: center; height: 68px; margin-bottom: 8px;}
.list-cars01 .list-top .total{font-size: 18px; font-weight: bold; color: #999;}
.list-cars01 .list-top .total strong{color: var(--point-color01);}
.list-cars01 .list-top .btn-sort{font-size: 14px; font-weight: bold; color: #999; padding-right: 13px; background: url('../images/common/arr0401.png') no-repeat right center; background-size: 8px auto; margin-left: 12px;}
.list-cars01 .list-top .btn-sort.active{color: var(--point-color01); background-image: url('../images/common/arr0402.png');}
.list-cars01 .list-sec > ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px;}
.list-container01{padding-top: 30px; padding-bottom: 90px;}
.list-container01 .auction-titlebar{margin-bottom: 47px;}
.list-container01 .btn-modal{display: none; justify-content: flex-end; margin-bottom: 20px;}
.list-container01 .btn-modal > button{width: 180px; height: 48px; font-size: 16px; font-weight: bold; color: #fff; background-color: var(--point-color01); border-radius: 6px;}
.list-container01 .inner-sec{display: flex; align-items: flex-start; gap: 35px;}
.detail-car{margin-top: -30px; padding-bottom: 120px;}
.detail-car .c01{color: var(--point-color0203);}
.detail-car .c02{color: var(--point-color01);}
.summary-car{display: flex; gap: 10px;}
.summary-car .tit-box{display: flex; justify-content: center; align-items: center; height: 34px; font-size: 14px; font-weight: bold;}
.summary-car > div{display: flex; height: var(--top-detail-height); border: 1px solid var(--point-color01);}
.summary-car .info-box{flex: 1; color: #999;}
.summary-car .info-num{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 134px; font-weight: bold; color: #fff; background-color: var(--point-color01);}
.summary-car .info-num .txt-num{font-size: 36px;}
.summary-car .info-num .txt-ko{font-size: 14px; margin-top: 8px;}
.summary-car .info-area{flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 18px 25px 17px 27px;}
.summary-car .info-area .row-info{display: flex; justify-content: space-between;}
.summary-car .info-area .tit-car{flex: 1; font-size: 32px; font-weight: bold; color: var(--point-color01); margin-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.summary-car .info-area .btn-set{display: flex; padding-top: 3px;}
.summary-car .info-area .btn-set a{font-size: 16px; font-weight: bold;}
.summary-car .info-area .btn-set > div::after{content: ""; display: inline-block; width: 1px; height: 15px; background-color: #e2e2e2; margin: 0 9px 0 7px; position: relative; top: -2px; vertical-align: middle;}
.summary-car .info-area .btn-set > div:last-child::after{display: none;}
.summary-car .info-area .info-car{display: flex; align-items: center; font-size: 16px; font-weight: bold; color: var(--point-color01);}
.summary-car .info-area .info-car > li::after{content: ""; display: inline-block; width: 1px; height: 15px; background-color: #e2e2e2; margin: 0 11px; position: relative; top: -1px; vertical-align: middle;}
.summary-car .info-area .info-car > li:last-child::after{display: none;}
.summary-car .info-area .info-car > li .ico01{ padding-left: 22px; background: url('../images/common/ico_check01.png') no-repeat 0 center; background-size: 16px auto;}
.summary-car .info-area .date{padding-top: 2px; font-size: 13px;}
.summary-car .info-cost{display: flex; flex-direction: column; width: 155px; border-left: 1px solid var(--point-color01);}
.summary-car .info-cost .tit-box{color: #fff; background-color: var(--point-color01);}
.summary-car .info-cost .cost{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: bold; color: var(--point-color01);}
.summary-car .info-cost .cost strong{font-size: 24px;}
.summary-car .info-cost .cost span{position: relative; top: 3px; margin-left: 2px;}
.summary-car .rate-box{flex-direction: column; width: 96px;}
.summary-car .rate-box .tit-box{color: var(--point-color01);}
.summary-car .rate-box .rate{flex: 1; display: flex; justify-content: center; align-items: center; color: #fff; background-color: var(--point-color01); font-size: 36px; font-weight: bold;}

.detail-container{display: flex; gap: 40px;}
.detail-container .right-area{width: 270px;}
.detail-area{flex: 1;}
.detail-area .row-dt{margin-bottom: 38px;}
.detail-area .row-dt:last-child{margin-bottom: 0;}
.detail-area .row-dt01{margin-bottom: 58px;}
.detail-area .row-dt:first-child,
.detail-area .blue-line{padding-top: 38px; border-top: 1px solid var(--point-color01);}
.detail-area .tit-row{font-size: 18px; font-weight: bold; color: var(--point-color01); margin-bottom: 19px;}
.detail-area .box-dt{border: 1px solid #e3e3e3; border-radius: 20px;}
.detail-area .info-set01{padding: 12px 25px;}
.detail-area .info-set01 > ul{display: grid; grid-template-columns: repeat(3, 1fr);}
.detail-area .info-set01 > ul > li{display: flex; align-items: center; font-size: 15px; font-weight: 500; padding-top: 12px; padding-bottom: 12px;}
.detail-area .info-set01 .i-item{width: 100px; color: #666;}
.detail-area .info-set01 .i-item::before{content: "· ";}
.detail-area .info-set02{padding: 9px 25px;}
.detail-area .info-set02 > ul > li{display: flex;}
.detail-area .info-set02 .i-item{width: 74px; font-size: 18px; font-weight: bold; padding-left: 12px; padding-top: 22px;}
.detail-area .info-set02 .i-vl{flex: 1; display: flex; flex-wrap: wrap; padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #efefef;}
.detail-area .info-set02 .i-vl > li{font-size: 14px; color: #bbb; line-height: 32px; margin-right: 20px;}
.detail-area .info-set02 .i-vl > li.active{font-weight: bold; color: var(--point-color01);}
.detail-area .info-set02 > ul > li:last-child .i-vl{border-bottom: 0;}
.detail-area .txt-set01{font-size: 16px; line-height: 26px; padding: 20px 25px;}
.detail-area .txt-set02{display: flex; padding: 17px 0;}
.detail-area .txt-set02 .txt-num{width: 128px; text-align: center; padding-top: 4px;}
.detail-area .txt-set02 .tit-num{font-size: 18px; font-weight: bold; margin-bottom: 4px;}
.detail-area .txt-set02 .num{font-family: 'Roboto', sans-serif; font-size: 42px; font-weight: bold;}
.detail-area .txt-set02 .txt-set{flex: 1; font-size: 16px; line-height: 26px; padding-right: 25px; word-break: keep-all;}
.detail-area .box-dt + .box-dt{margin-top: 10px;}
.detail-area .row-summary{display: none;}
.detail-area .btn-dt{margin: 15px 0 7px;}
.detail-area .btn-dt .button02{height: 48px; font-size: 16px; color: #fff; border-radius: 6px; background-color: var(--point-color01);}

.summary-box{position: sticky; top: 124px; width: 100%; padding: 20px; border: 1px solid #e3e3e3; border-radius: 18px; box-shadow: 5px 5px 20px 4px rgba(0,0,0,.1);}
.summary-box .tit-summary{font-size: 22px; font-weight: bold; line-height: 30px; word-break: keep-all;}
.summary-box .info-summary{margin-top: 22px; padding-bottom: 6px;}
.summary-box .info-summary > li{display: flex; justify-content: space-between; align-items: center; height: 39px; border-bottom: 1px solid #efefef;}
.summary-box .info-summary .s-item{font-size: 14px;}
.summary-box .info-summary .s-item span{font-size: 12px;}
.summary-box .info-summary .s-vl{font-size: 15px; font-weight: bold;}
.summary-box .in-box{display: flex; justify-content: space-between; width: 100%; height: 86px; border: 1px solid var(--point-color01); font-weight: bold; color: var(--point-color01); padding: 13px 15px 11px; border-radius: 8px; margin-top: 10px;}
.summary-box .in-box .tit-box{align-self: flex-start; font-size: 14px;}
.summary-box .in-box .txt01{align-self: flex-end; font-size: 15px;}
.summary-box .in-box .txt01 strong{font-size: 24px;}
.summary-box .in-box .txt02{align-self: flex-end; font-size: 36px;}
.summary-box .blue-box{color: #fff; background-color: var(--point-color01);}
.summary-box .btn-summary{padding-top: 14px; border-top: 1px solid #ddd; margin-top: 14px;}
.summary-box .btn-summary .button02{height: 52px; font-size: 17px; color: #fff; border-radius: 8px; background-color: var(--point-color01);}

.detail-car .slider-container{margin-top: 10px;}
.detail-car .detail-container{margin-top: 40px;}

/* ==========================================================================
    BOARD
    ========================================================================== */



/* ==========================================================================
    MEMBER
    ========================================================================== */
.refer-text01{text-align: center; word-break: keep-all;}
.refer-text01 .title{font-size: 24px; font-weight: bold; color: var(--point-color01); letter-spacing: 0;}
.refer-text01 p{font-size: 13px; color: #999; line-height: 20px; margin-top: 10px;}
.refer-text01 p .c01{color: var(--point-color0201)}
.refer-text02{text-align: center; word-break: keep-all;}
.refer-text02 p{font-size: 15px; color: #999; line-height: 24px;}
.refer-text02 p strong{color: var(--point-color01);}
.lr-container{position: relative; display: flex; flex-wrap: wrap; border-top: 1px solid #222; margin-top: 11px;}
.lr-container > div{position: relative; width: 50%;}
.lr-container .left-area{padding-right: 80px;}
.lr-container .left-area::after{content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; background-color: #ebebeb;}
.lr-container .right-area{padding-left: 80px; padding-top: 4px;}

.form-member01 .select-group01{margin-bottom: 5px;}
.form-member01 > ul > li{padding: 5px 0;}
.form-member01 .btn-submit{margin-top: 15px;}
.form-member01 .bt-member{display: flex; justify-content: space-between; align-items: center; margin-top: 17px;}
.form-member01 .bt-member .form-chk01{user-select: none;}
.form-member01 .bt-member .form-chk01 input[type="checkbox"]{border-color: var(--gray-color01);}
.form-member01 .bt-member .form-chk01 input[type="checkbox"]:checked{border-color: var(--point-color01);}
.form-member01 .bt-member .form-chk01 label{color: var(--point-color01);}
.form-member01 .bt-member .btn-find{font-size: 16px; font-weight: bold ; color: var(--gray-color01);}

.form-member02 .row-member{display: flex; gap: 40px;}
.form-member02 .item-row{flex: 1; padding-top: 18px; padding-bottom: 18px;}
.form-member02 .m-item{font-size: 15px; font-weight: bold; color: #666; letter-spacing: 0; margin-bottom: 11px;}
.form-member02 .m-item .req{color: var(--point-color0201); margin-left: 4px;}
.form-member02 .m-ip{display: flex; align-items: center;}
.form-member02 .m-ip .item-ip{flex: 1;}
.form-member02 .m-ip .item-btn{margin-left: 10px;}
.form-member02 .m-ip .item-btn button{width: 120px;height: var(--input-height); border: 1px solid #bbb; border-radius: var(--form-radius); font-size: 16px; font-weight: bold; color: #666;}
.form-member02 .m-ip .space{width: 10px; font-size: 18px; font-weight: bold; text-align: center;}
.form-member02 .m-ip .w01{width: 110px;}
.form-member02 .m-ip .w02{width: 24%;}
.form-member02 .m-ip .w03{width: 29.3%;}
.form-member02 .m-ip .w04{margin-left: auto;}
.form-member02 .m-ip .sp01{width: 30px;}
.form-member02 .m-ip .sp02{width: 40px;}
.form-member02 .refer01{font-size: 14px; font-weight: 600; color: #999; line-height: 20px; margin-top: 9px;}
.form-member02 .item-ip-adr > div{margin-bottom: 20px;}
.form-member02 .ip-adr{display: flex; align-items: center;}

/*로그인*/
.pg-login .lr-container{padding-top: 42px; padding-bottom: 120px;}
.pg-login .lr-container .left-area::after{height: calc(100% - 50px);}
.pg-login .lr-container .right-area{padding-top: 4px;}
.pg-login .lr-container .txt-set .txt-en{font-family:'Roboto', sans-serif; font-size: 12px; font-weight: bold; color: #cecece; letter-spacing: 0; text-transform: uppercase; margin-bottom: 15px;}
.pg-login .lr-container .txt-set .title{font-size: 22px; font-weight: bold; color: var(--point-color01); line-height: 28px;}
.pg-login .lr-container .txt-set p{font-size: 15px; font-weight: 300; line-height: 26px; word-break: keep-all; margin-top: 9px;}
.pg-login .lr-container .btn-join{margin-top: 68px;}

/*회원가입*/
.join-container{position: relative; border-top: 1px solid #222; margin-top: 11px;}
.enter-join{text-align: center;}
.enter-join .obj-join{display: flex; justify-content: center; align-items: center; height: 158px;}
.enter-join .obj01 img{width: 84px;}
.enter-join .obj02 img{width: 93px;}
.status-join{font-weight: bold; color: #aaa;}
.status-join > ul{display: flex; justify-content: center; align-items: center; height: 83px; border-bottom: 1px solid #e8e8e8;}
.status-join > ul > li{display: flex; align-items: center; margin-right: 20px;}
.status-join > ul > li::after{content: ""; display: inline-block; width: 50px; height: 1px; background-color: #ccc; margin-left: 20px;}
.status-join > ul > li:last-child{margin-right: 0;}
.status-join > ul > li:last-child::after{display: none;}
.status-join .c-num{display: flex; justify-content: center; align-items: center; border: 1px solid #cdcdcd; width: 30px; height: 30px; font-family: 'Roboto', sans-serif; font-size: 15px; border-radius: 50%;}
.status-join .status{font-size: 16px; margin-left: 8px;}
.status-join .c-num span{position: relative; top: 1px;}
.status-join .active .c-num{color: #fff; border-color: var(--point-color01); background-color: var(--point-color01);}
.status-join .active .status{color: #222;}
.agree-member .title{font-size: 18px; font-weight: bold; margin-bottom: 13px;}
.agree-member .term-box{height: 330px; padding: 21px 25px; border: 1px solid #efefef; font-size: 15px; color: #666; line-height: 22px; background-color: #f4f4f4; overflow-y: auto; border-radius: 15px;}

.pg-join .lr-container{padding-top: 94px; padding-bottom: 120px;}
.pg-join .lr-container .left-area::after{height: 100%;}
/*인증*/
.pg-join01 .join-container{padding-top: 60px; padding-bottom: 120px;}
.pg-join01 .refer-text01{margin-bottom: 35px;}
.pg-join01 .refer-text01 p{font-size: 14px;} 
.pg-join01 .inner-grid .form-member01{max-width: 380px; margin: 0 auto;}
/*약관동의*/
.pg-join02 .join-container{padding-bottom: 120px;}
.pg-join02 .refer-text01{margin-top: 55px; margin-bottom: 40px;}
.pg-join02 .refer-text01 p{font-size: 14px;} 
.pg-join02 .terms-member .agree-member:first-child{margin-bottom: 38px;}
.pg-join02 .terms-member .cb-agree{margin-top: 28px;}
.pg-join02 .terms-member .form-chk01 label{color: var(--point-color01);}
.pg-join02 .btn-submit{text-align: center; margin-top: 75px;}
/*회원정보*/
.pg-join03 .join-container{padding-bottom: 120px;}
.pg-join03 .refer-text01{margin-top: 55px; margin-bottom: 34px;}
.pg-join03 .btn-submit{text-align: center; margin-top: 25px;}
/*가입완료*/
.pg-join04 .join-container{padding-bottom: 120px;}
.pg-join04 .refer-text01{padding-top: 186px; background: url('../images/common/obj_join03.png') no-repeat center 0; background-size: 133px auto; margin-top: 70px;}
.pg-join04 .refer-text01 p{font-size: 16px; line-height: 22px;}
.pg-join04 .btn-submit{text-align: center; margin-top: 50px;}

/*약관*/
.pg-terms{padding-bottom: 120px; margin-top: 50px;}
.pg-terms .term-box{font-size: 16px; color: #666; line-height: 24px; word-break: keep-all;}