/*==================================================
	icon
==================================================*/

/* 공통영역/GNB,FOOTER,QUICK ========== */
/* header */
.icon-language {width: 18px; height: 18px; background-image: url('../images/common/icon-language.svg?ver=202610221000');}
.icon-signup {width: 20px; height: 20px; background-image: url('../images/common/icon-signup.svg?ver=202610221000');}
.icon-login {width: 20px; height: 20px; background-image: url('../images/common/icon-login.svg?ver=202610221000');}
.icon-logout {width: 20px; height: 20px; background-image: url('../images/common/icon-logout.svg?ver=202610221000');}
.icon-cart {width: 22px; height: 22px; background-image: url('../images/common/icon-cart.svg?ver=202610221000');}
.icon-alarm {width: 22px; height: 22px; background-image: url('../images/common/icon-alarm.svg?ver=202610221000');}
/* quick-menu */
.icon-chatbot {width: 22px; height: 19px; background-image: url('../images/common/icon-chatbot.svg?ver=202610221000');}
.icon-email {width: 18px; height: 13px; background-image: url('../images/common/icon-email.svg?ver=202610221000');}
.icon-seller {width: 20px; height: 20px; background-image: url('../images/common/icon-seller.svg?ver=202610221000');}
.icon-buyer {width: 20px; height: 20px; background-image: url('../images/common/icon-buyer.svg?ver=202610221000');}
.icon-more {width: 16px; height: 8px; background-image: url('../images/common/icon-more.svg?ver=202610221000');}
/* footer/sns*/
.btn-sns.btn-only-icon {width: 24px; height: 24px;}
.btn-sns.facebook {background-image: url('../images/common/sns-facebook.png?ver=202610221000');}
.btn-sns.instagram {background-image: url('../images/common/sns-instagram.png?ver=202610221000');}
.btn-sns.youtube {background-image: url('../images/common/sns-youtube.png?ver=202610221000');}
/* footer/app */
.btn-app {height: 32px; padding: 0 26px 0 50px; border-radius: 2px; border: 1px solid #E0E0E0; font-size: 1.2rem; font-weight: 700; color: rgba(153, 153, 153, .9); text-align: center; line-height: 32px; white-space: nowrap;}
.btn-app.android {background: url('../images/common/app-android.png?ver=202610221000') no-repeat left 8px center;}
.btn-app.ios {background: url('../images/common/app-ios.png?ver=202610221000') no-repeat left 8px center;}

/* GLOBAL ========== */
.icon {display: inline-block; background-repeat: no-repeat; background-position: center center; font: 0/0 icon; vertical-align: middle;}
.icon-required::before{content:'*'; margin:0 5px; font-size:1.4rem; font-weight:600; color:#DA291C;}





/*==================================================
	국기
==================================================*/
.text-country {display: inline-flex; font-size: 1.6rem; font-weight: 700; color: #999; line-height: 28px;}
.text-country .icon.country {margin-right: 8px;}
.icon.country {width: 36px; height: 23px;}
.icon.country.code-001 {background-image: url('/h/assets/images/country/country-001.png?ver=202610221000');}
.icon.country.code-002 {background-image: url('/h/assets/images/country/country-002.png?ver=202610221000');}
.icon.country.code-003 {background-image: url('/h/assets/images/country/country-003.png?ver=202610221000');}





/*==================================================
	제조사
==================================================*/
.text-brand {}
.text-brand .icon.brand {}
.icon.brand {width: 30px; height: 20px;padding:5px 0; }
.icon.brand.bg_gray {background-color:rgba(0, 0, 0, 0.6); margin-right:3px;} /*221014*/
/* 제조사/국내 */
.icon.brand.code-a01 {background-image: url('/h/assets/images/brand/hyu.png?ver=202610221000');}
.icon.brand.code-a02 {background-image: url('/h/assets/images/brand/kia.png?ver=202610221000');}
.icon.brand.code-a03 {background-image: url('/h/assets/images/brand/ssa.png?ver=202610221000');}
/* 제조사/국외 */
.icon.brand.code-b01 {background-image: url('/h/assets/images/brand/bmw.png?ver=202610221000');}
.icon.brand.code-b02 {background-image: url('/h/assets/images/brand/gmd.png?ver=202610221000');}
.icon.brand.code-b03 {background-image: url('/h/assets/images/brand/mer.png?ver=202610221000');}
.icon.brand.code-b04 {background-image: url('/h/assets/images/brand/ren.png?ver=202610221000');}





/*==================================================
	badge
==================================================*/

.badge-wrap {margin-bottom: 12px;}
.badge-wrap .item {height: 26px; margin-right: 4px; padding: 0 18px; border-radius: 2px; border: 1px solid; font-size: 1.2rem; font-weight: 600; line-height: 26px;}
.badge-wrap .item.cate-1 {border-color: #222; color: #FFF; background:#000 url('../images/icon/badge-guarantee.png?ver=202610221000') no-repeat left 8px center; padding-left:34px; } /*221103*/

.badge-wrap .item.cate-2 {border-color: #FA3F20; color: #DA291C; background-color: #FFF;}
.badge-wrap .with-icon {padding: 0 6px 0 32px; background-repeat: no-repeat; background-position: left 10px center;}
.badge-wrap .with-icon.gua {background-image: url('../images/icon/badge-guarantee.png?ver=202610221000');}

.badge-wrap .item-auction {height: 48px; padding: 16px 24px 16px 56px; border-radius: 4px; font-weight: 600; color: #000; background-color: #F5F6F8; background-repeat: no-repeat; background-position: left 24px center;}
.badge-wrap .item-auction.cate-1 {color: #DA291C; background-image: url('../images/icon/badge-auction-success.png?ver=202610221000');}
.badge-wrap .item-auction.cate-2 {background-image: url('../images/icon/badge-auction-bidding.png?ver=202610221000');}
.badge-wrap .item-auction.cate-3 {background-image: url('../images/icon/badge-auction-waiting.png?ver=202610221000');}

/*  */
.badge-order {height: 20px; padding: 2px 12px; border-radius: 20px; border: 1px solid; font-size: 1.2rem; font-weight: 700; white-space: nowrap;}
.badge-order.cate-1 {border-color: #DA291C; color: #DA291C;}
.badge-order.cate-2 {border-color: #000; color: #000;}

/* (세부분류가 없거나 아직 안되어 있음) */
.badge-b {flex: 0 0 auto; display: inline-flex; align-self:flex-start; height: 22px; padding: 3px 10px; border-radius: 2px; font-size: 1.2rem; font-weight: 600; color: #FFF; background-color: #DA291C;}
.badge-b.cate-1 {}
.badge-b.cate-2 {}




/*==================================================
	차량색상
==================================================*/

.choice-color-wrap {}
.choice-color-wrap ul {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.choice-color-wrap ul li {flex: 0 0 auto; margin-bottom:3px;} /*221011*/

.choice-color-wrap label {display: flex; align-items: flex-start; position: relative; width: 80px; margin: 0 4px;}
.choice-color-wrap label input {position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer;}
.choice-color-wrap label .car-c {border-radius: 50%;}
.choice-color-wrap label .text-value {display: flex; justify-content: center; align-items: center;}
.choice-color-wrap label input:checked {}
.choice-color-wrap label input:checked ~ .car-c {border: 2px solid #c1c1c1;}
.choice-color-wrap label input:checked ~ .car-c span {border-color: #FFF;}
.choice-color-wrap label input:checked ~ .car-c + span {color:#000; text-decoration:underline;}
/* size */
.choice-color-wrap.s-sm {}
.choice-color-wrap.s-sm label .car-c {flex: 0 0 20px; width: 20px; height: 20px; }
.choice-color-wrap.s-sm label .text-value {margin: 0 0 0 10px; }
.choice-color-wrap.s-lg label {flex-direction: column; width: 80px; margin: 0 4px;}
.choice-color-wrap.s-lg label input {}
.choice-color-wrap.s-lg label .car-c {width: 60px; height: 60px; margin: 0 10px; }
.choice-color-wrap.s-lg label .text-value {margin-top: 8px;}
/* 정렬 */
.choice-color-wrap.l-3 ul li {flex-basis: calc(33.3%);}
/* 색상 */
.choice-color-wrap .car-c span {overflow: hidden; display: block; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #C1C1C1;}
.choice-color-wrap .car-c.silver {background-color: #CBCBCB;}
.choice-color-wrap .car-c.black {background-color: #000;}
.choice-color-wrap .car-c.White {background-color: #FFF;}
.choice-color-wrap .car-c.pearl {background-color: #E3E4DF;}
.choice-color-wrap .car-c.ivory {background-color: #E6E5D8;}
.choice-color-wrap .car-c.beige {background-color: #B39B81;}
.choice-color-wrap .car-c.gunmetal {background-color: #8B8A88;}
.choice-color-wrap .car-c.blue {background-color: #1961B3;}
.choice-color-wrap .car-c.brown {background-color: #7c4a16;}
.choice-color-wrap .car-c.cream {background-color: #e9e8c7;}
.choice-color-wrap .car-c.darkpurple {background-color: #543868;}
.choice-color-wrap .car-c.darkblue {background-color: #252b50;}
.choice-color-wrap .car-c.darkgreen {background-color: #183e19;}
.choice-color-wrap .car-c.gold {background-color: #d1b52c;}
.choice-color-wrap .car-c.green {background-color: #1a6237;}
.choice-color-wrap .car-c.orange {background-color: #ff6f01;}
.choice-color-wrap .car-c.pink {background-color: #f99be0;}
.choice-color-wrap .car-c.purple {background-color: #6a29c1;}
.choice-color-wrap .car-c.red {background-color: #bf0d02;}
.choice-color-wrap .car-c.gray {background-color: #e0e0e0;}
.choice-color-wrap .car-c.violet {background-color: #673493;}
.choice-color-wrap .car-c.windred {background-color: #660606;}
.choice-color-wrap .car-c.yellow {background-color: #ffee26;}
.choice-color-wrap .car-c.other {background-image:url(../images/icon/color-other.png?ver=202610221000);}

/* 아랍어용 */
:lang(ar) .choice-color-wrap.s-sm label .text-value{margin: 0 10px 0 0;}