@charset "utf-8";
@import "/moSt/v2/css/font.css";
@import "/moSt/v2/css/theme.css";
/* <UPLEAT> UI Dev Team */

/* Reset */
* { -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Pretendard', sans-serif; }
html,body {width:100%;height:100%}
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul {margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;}
body,button,h1,h2,h3,h4,h5,input,select,table,textarea {color:#101010;font-size:16px;font-weight:400;line-height:1.5;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body {-webkit-text-size-adjust:none;color:#505256;word-break:break-all;}
table {table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0;}
caption {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);color:transparent;} 
ol,ul {list-style:none;}
em,address {font-style:normal;}
img,fieldset,iframe {border:0;}
img {height:auto;vertical-align:top;}
a {display:inline-block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1);}
a:hover {text-decoration:none;}
input,select,textarea,button {border:0;border-radius:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-ms-appearance:none\9;vertical-align:top;}
button {background-color:transparent;border:0;cursor:pointer;}
input::-ms-clear,
input::-ms-reveal {display:none;width:0;height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}
input[type=date]::-webkit-inner-spin-button {display:none;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-calendar-picker-indicator {display:none;}
input[type=number] {-moz-appearance:textfield;}
select::-ms-expand {display:none;}
select:required:invalid {color:#A0A4AF;}
option {color:#000;}
option[value=""][disabled] {display:none;}

/* Custom Placeholder */
input:-moz-read-only {background-color:#808388;}
input:read-only {background-color:#808388;}
::-webkit-input-placeholder {color:#A0A4AF;font-weight:400;} /* webkit */
:-ms-input-placeholder {color:#A0A4AF;font-weight:400;} /* M$ */
::-moz-placeholder {color:#A0A4AF;font-weight:400;} /* firefox */
::placeholder {color:#A0A4AF;font-weight:400;}

/* Set Class */
._hidden {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:1px;clip:rect(0 0 0 0);color:transparent;} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
._dimmed {position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.5);filter:alpha(opacity=50);} /* 딤드레이어 */
._eps {overflow:hidden;display:inline-block;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;} /* 한줄 말줄임*/
._show {display:block !important;} /* 노출 */
._hide {display:none !important;} /* 숨김 */
._left {text-align:left !important;} /* 텍스트 정렬 */
._right {text-align:right !important;}
._center {text-align:center !important;}
._top {vertical-align:top !important;}
._middle {vertical-align:middle !important;}
._bottom {vertical-align:bottom !important;}
._clearfix:after {display:table;content:'';clear:both;} /* 플로팅 해제 */
._fl {float:left;}
._fr {float:right;}
._required {display:inline-block;position:relative;text-indent:-9999px;} /* 필수요소 */
._required:after {content:'*';display:block;position:absolute;top:0;left:0;width:10px;height:20px;color:#de001b;font-weight:700;text-indent:0;}
._wide {width:100%;} /* width 100% */
._inline {display:inline-block;vertical-align:middle;} /* inline */
._scroll {overflow:auto;position:relative;width:100%;} /* 스크롤 */
.inner {width:1200px;margin:0 auto;} /* Contents width 축소 */

/* 간격 */
.ml0 {margin-left:0 !important;}
.mt0 {margin-top:0 !important;}
.mt6 {margin-top:6px !important;}
.mt8 {margin-top:8px !important;}
.mt12 {margin-top:12px !important;}
.mt18 {margin-top:18px !important;}
.mt20 {margin-top:20px !important;}
.mt32 {margin-top:32px !important;}
.mt40 {margin-top:40px !important;}
.mt60 {margin-top:60px !important;}

/* text align */
.al-l {text-align:left;}
.al-c {text-align:center;}
.al-r {text-align:right;}

/* Skip Navigation */
#skipNavi a {position:absolute;top:-9999px;z-index:9999;background:#35719E;color:#fff;text-align:center;}
#skipNavi a:hover, 
#skipNavi a:focus {display:block;top:0;width:100%;padding:5px 0;}

/* Layout */
body.bg__gray {background:#F6F7FB;} /* 로그인,회원가입 */
#wrap {position:relative;min-width:1200px;width:100%;min-height:100%;}
#header {position:relative;z-index:100;width:100%;height:80px;background:#fff;border-bottom:1px solid #E4E7ED;}
#container {position:relative;min-height:calc(100vh - 350px);height:100%;}
#contents {height:100%;padding:80px 0 120px;}
#footer {z-index:100;width:100%;height:270px;background:#F6F7FB;border-top:1px solid #D3D6DE;}
#contentsWrap {width:1200px;margin:80px auto 120px;} /* 검색결과 */
#contentsWrap:after {content:'';display:block;clear:both;} 
#contentsWrap>#aside {float:left;width:348px;}
#contentsWrap.cars-buy.-detail #aside {width:388px;}
#contentsWrap>#contents {float:left;width:792px;margin-left:60px;padding:0;}
.hgroup.-titles+#contents {padding-top:0;}
.contents__inr {width:1200px;margin:0 auto;}
.contents__inr.-mid { width:708px;margin:0 auto;padding:60px;background:#fff;border-radius:8px;} /* 로그인,회원가입 */
.contents__inr.-mid2 {width:708px;padding:0 60px;}
.contents__inr.-sm {width:588px;margin:0 auto;}  /* Form형식 */

/* Heading */
.hgroup {position:relative;}
.hgroup:after {content:'';display:block;clear:both;}
.h1 {display:inline-block;margin-right:auto;color:#222;font-size:30px;font-weight:700;line-height:1.5;}
.h2 {display:inline-block;color:#222;font-size:24px;font-weight:700;line-height:1.5;vertical-align:middle;}
.h2.-message {font-weight:400;}
.h3 {display:inline-block;color:#222;font-size:18px;;font-weight:700;line-height:1.5;vertical-align:middle;}
.hgroup.-center {text-align:center;} 
.hgroup.-titles {padding:80px 0 40px;text-align:center;}
.hgroup.-sub {padding:60px 0 32px;}
.hgroup.-mid {margin:40px 0 12px;}
.hgroup__stl {margin-top:8px;color:#808388;}
.hgroup.-between {position:relative;}
.hgroup.-between:after {content:'';display:block;clear:both;}
.hgroup.-between .link,
.hgroup.-between .option {position:absolute;top:50%;right:0;transform:translateY(-50%);}
.hgroup__fl {float:left;}
.hgroup__fr {float:right;}
.heading__point {display:inline-block;padding-right:8px;color:#3767ff;font-weight:700;}

/* Quick Menu */
.quick-menu {position:fixed;top:50vh;right:-100%;z-index:99;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-animation:quickmenu .8s ease-in-out .3s forwards;animation:quickmenu .8s ease-in-out .3s forwards;}
@-webkit-keyframes quickmenu {
      0% {right:-100%;}
      100% {right:0;}
}
@keyframes quickmenu {
      0% {right:-100%;}
      100% {right:0;}
}
.quick-menu__inr {display:block; width:79px;padding-top:8px;background:#fff; border: 1px solid #E4E7ED; border-radius: 8px 0px 0px 8px; font-size:12px; color: #505256; text-align:center;box-shadow:-4px 2px 12px rgba(0, 0, 0, 0.04);}
.quick-menu__li {position:relative;margin:0 8px;}
.quick-menu__a {display:block;padding:16px 0;border-top:1px solid #E4E7ED;}
.quick-menu__li:first-child a {border-top:0;}
.quick-menu__a:before {content:'';display:block;width:32px;height:32px;margin:0 auto;background:url(/pc/img/spr_common.webp) no-repeat -32px -185px;}
.quick-menu__li:nth-child(2) .quick-menu__a:before {background-position:-64px -185px;}
.quick-menu__li:nth-child(3) .quick-menu__a:before {background-position:0 -185px;}
.quick-menu__li:nth-child(4) .quick-menu__a:before {background:url(/pc/img/spr_common2.webp) no-repeat -376px -119px;}
.quick-menu__no {position:absolute;top:16px;right:12px;min-width:16px;min-height:16px;padding:0 4px;background:#FF673E;border-radius:40px;color:#fff;font-size:11px;line-height:16px;}
.btn-top {width:79px;padding:9px 0 20px 0;color:#808388;font-size:12px;text-align:center;}
.btn-top:before {content:'';display:block;width:16px;height:16px;margin:0 auto;background:url(/pc/img/spr_common.webp) no-repeat -158px -185px;}

/* Header */
.header__inr {position:relative;width:1200px;margin:0 auto;}
.header__inr:after {content:'';display:block;clear:both;}
.header__logo {float:left;width:168px;height:33px;margin-top:25px;background:url(/pc/img/logo.webp) no-repeat 0 0;text-indent:-9999ex;}
#gnb {overflow:hidden;float:left;width:585px;}
.gnb__li {float:left;position:relative;line-height:80px;}
.gnb__li:first-of-type {margin-left:16px;}
.gnb__a {padding:0 20px;}
.gnb__a:hover {color:#3767FF;}
.header__util {float:right;margin:20px 0;}
.header__util:after {content:'';display:block;clear:both;}
.header__sch {display:block;position:absolute;top:20px;right:252px;width:136px;height:40px;margin-right:16px;}
.header__sch:after {content:'';position:absolute;top:0;left:0;width:40px;height:40px;background:url(/pc/img/spr_common2.webp) no-repeat -176px 0;}
.header__sch-input {display:inline-block;width:136px;height:40px;padding:0 10px 0 40px;background:#F6F7FB;border-radius:88px;font-size:12px;}
/*.header__sch-button {position:absolute;top:0;right:2px;width:40px;height:40px;background:url(/pc/img/spr_common2.webp) no-repeat -176px 0;text-indent:-9999px;cursor:pointer;}*/
.header__sch .btn-close {position:absolute;top:50%;right:6px;width:20px;height:20px;margin-top:-10px;text-indent:-9999px;transform:rotate(180deg);transition:all 1s cubic-bezier(0.000, 0.105, 0.035, 1.570);opacity:0;display:block;overflow:hidden;}
.header__sch .btn-close:after {content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url(/pc/img/spr_common.webp) no-repeat -27px -78px;}
.header__sch.-active {z-index:50;width:530px;margin:0;}
.header__sch.-active .header__sch-input {width:100%;margin-right:30px;padding-right:40px;}
.header__sch.-active .header__sch-button {right:32px;}
.header__sch.-active .btn-close {right:12px;opacity:1;transform: rotate(0deg);}
[class^=header__link-] {display:block;float:left;position:relative;padding:0 16px;font-size:12px;line-height:40px;}
[class^=header__link-]:before {content:'';display:inline-block;position:absolute;top:14px;left:0;width:1px;height:12px;background:#E4E7ED;}
[class^=header__link-]:first-of-type:before {background:none;}
.header__alarm-wrap {float:left;position:relative;}
.header__alarm {display:block;position:relative;width:24px;height:24px;margin:8px 16px;background:url(/pc/img/spr_common2.webp) no-repeat -360px -47px;text-indent:-9999px;}
.header__alarm.-active {background-position:-336px -47px;}
.header__alarm.-has:after {content:'';display:block;position:absolute;top:0;right:2px;width:4px;height:4px;border-radius:50%;background:#FF673E;}
.header__util .btn_allmenu {display:inline-block;width:24px;height:24px;margin-top:8px;background:url(/pc/img/spr_common2.webp) no-repeat -383px -47px;text-indent:-9999px;}
/* =Submenu */
.submenu {display:none;position:absolute;width:100%;height:45px;background:#3767FF;}
.submenu__ul {display:none;position:relative;width:1200px;height:45px;margin:0 auto;}
.submenu__ul:after {content:'';display:block;clear:both;}
.submenu__li {float:left;padding-left:40px;}
.submenu__li:first-child {padding-left:204px;}
#submeu_1 .submenu__li:first-child {padding-left:250px;} /* 내차팔기 */
#submeu_2 .submenu__li:first-child {padding-left:450px;} /* 딜러 */
#submeu_3 .submenu__li:first-child {padding-left:248px;} /* 미디어 */
#submeu_4 .submenu__li:first-child {padding-left:550px;} /* 차란차 숏폼 */

.submenu__a {display:block;color:#fff;font-size:13px;line-height:45px;}
.submenu__a.has__tag {display: flex; align-items: center;}
.submenu__a.has__tag .ico-beta {margin-bottom: 5px; width: 26px; height: 14px; background: url(/pc/img/homeService/icon_beta_gnb_white.svg); background-size: cover; opacity: .8;}
.submenu.-active,
.submenu__ul.-active {display:block;}
.submenu__li.-active .submenu__a {font-weight:700;}
.submenu__li.-active .submenu__a.has__tag .ico-beta {opacity: 1;}
.submenu__ul.-active:before {content:'';display:inline-block;position:absolute;top:-6px;left:232px;width:12px;height:12px;margin-left:-6px;background:#3767FF;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#submeu_live.submenu__ul.-active:before {left:240px;}
#submeu_0.submenu__ul.-active:before {left:350px;} /* 내차사기 */
#submeu_1.submenu__ul.-active:before {left:450px;} /* 내차팔기 */
#submeu_2.submenu__ul.-active:before {left:685px;} /* 딜러 */
#submeu_3.submenu__ul.-active:before {left:540px;} /* 미디어 */
#submeu_4.submenu__ul.-active:before {left:616px;} /* 차란차 숏폼 */

/* =Allmenu */
.allmenu {display:none;z-index:110;width:100%;background:#fff;box-shadow:0px 16px 25px rgba(0, 0, 0, 0.08);}
.allmenu__wrap {overflow:hidden;display:table;position:relative;width:1200px;margin:0 auto;padding:40px 0;}
.allmenu__a {display:block;font-size:14px;}
.allmenu__list {overflow:hidden;float:left;display:table-cell;}
.allmenu__menu {float:left;width:106px;} /* 숏폼 추가 사이즈 변경 */
.allmenu__menu+.allmenu__menu {margin-left:38px;} /* 숏폼 추가 사이즈 변경 */
.allmenu__tl {font-weight:700;padding-bottom:20px;}
.allmenu__ul+.allmenu__tl {margin-top:40px;}
.allmenu__li+.allmenu__li {margin-top:12px;}
.allmenu__etc {display:table-cell;width:180px;height:100%;margin-left:24px;vertical-align:bottom;}
.allmenu__close {position:absolute;top:20px;right:1px;width:44px;height:44px;}
.allmenu__close:after {content:'';display:inline-block;width:16px;height:16px;background:url(/pc/img/spr_common.webp) no-repeat -27px -78px;vertical-align:middle;}
.allmenu.-active {display:block;}
/* =연관검색어 */
.autocomplete {display:none;position:absolute;top:0px;left:0;z-index:-1;width:100%;padding:52px 10px 20px;background:#fff;border-radius:26px;box-shadow:0px 6px 12px rgba(0, 0, 0, .08);}
.autocomplete.-active {display:block;}
.autocomplete__ul.-scroll {max-height:354px;}
.autocomplete__li {font-size:14px;}
.autocomplete__a {display:block;padding:8px 10px;}
.autocomplete__a:hover {background:#F6F7FB;}
.autocomplete__a em {color:#3767ff;}
/* =Alarm */
.alarm {display:none;position:absolute;top:40px;right:0;width:360px;max-height:540px;padding:12px 0;background:#fff;border-radius:8px;box-shadow:0px 0px 20px -4px rgba(0, 0, 0, 0.12);}
.alarm.-active {display:block;}
.alarm .scroll-wrapper > .scroll-content {max-height:516px;}
.alarm__li {position:relative;border-bottom:1px solid #E4E7ED;}
.alarm__li:last-child {border-bottom:0;}
.alarm__li:before {content:'';display:block;position:absolute;top:20px;left:20px;width:24px;height:24px;background:#558fff url(/pc/img/spr_common.webp) no-repeat 0 -159px;border-radius:50%;}
.alarm__li:after {content: '';position: absolute;top:50%;right:10px;width:24px;height:24px;margin-top:-12px;background: url(/pc/img/spr_common.webp) no-repeat -120px -159px;}
.alarm__li:nth-child(1):before {background-position:0 -159px}
.alarm__li:nth-child(2):before {background-position:-24px -159px}
.alarm__li:nth-child(3):before {background-position:-48px -159px}
.alarm__li:nth-child(4):before {background-position:-72px -159px}
.alarm__li:nth-child(5):before {background-position:-96px -159px}
.alarm__li.-chat:before {background: url(/pc/img/spr_common2.webp) no-repeat -352px -119px;}
.alarm__li.-live:before {background: url(/pc/img/spr_common2.webp) no-repeat -353px -144px;}
.alarm__a {padding:20px 50px 20px 56px;}
.alarm__tl {color:#222;font-size:14px;font-weight:700;}
.alarm__desc {overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:42px;margin-top:4px;color:#505256;font-size:14px;text-overflow:ellipsis;word-break:break-all;}
.alarm__date {margin-top:4px;font-size:12px;color:#808388;}
.alarm__nodata {padding:48px 0;}
.alarm__nodata .results__desc {margin-top:0;padding-top:76px;background:#fff url(/pc/img/alarm_nodata.png) no-repeat center top;font-size:14px;text-align:center;}

/* Footer */
.footer__inr {overflow:hidden;width:1200px;margin:0 auto;padding:40px 0 0;}
.footer__fl {float:left;}
.footer__fr {float:right;}
.footer__logo {display:inline-block;width:102px;height:22px;background:url(/pc/img/footer_logo.webp) no-repeat 0 0;text-indent:-9999px;}
.footer__link {display:inline-block;margin-left:41px;}
.footer__link:first-of-type {margin-left:37px;}
.footer__list {margin-top:14px;color:#808388;font-size:12px;}
.footer__p {width:670px;margin-top:12px;color:#808388;font-size:12px;}
.footer__cs dt {color:#505256;font-size:16px;}
.footer__cs dt>.time {display:inline-block;margin-left:10px;color:#808388;font-size:12px;;}
.footer__cs dd {margin-top:4px;color:#505256;font-size:24px;}
.footer__sns {margin-top:12px;}
.footer__sns a {display:inline-block;width:44px;height:44px;margin-right:8px;background:url(/pc/img/spr_common2.webp) no-repeat;text-indent:-9999px;}
.footer__sns .sms {background-position:-108px -119px;}
.footer__sns .facebook {background-position:-152px -119px;}
.footer__sns .blog {background-position:-196px -119px;}
.footer__sns .youtube {background-position:-240px -119px;}

/* Divider */
hr.divider {display:block;width:100%;height:8px;margin:60px 0;background:#F6F7FB;border:0;}
hr.line {display:block;height:1px;margin:60px 0;background:#E4E7ED;border:0;}

/* Paragraph */
.p {display:block;font-size:16px;font-weight:400;line-height:1.6;}
.p:first-child {margin-top:0;}

/* Remark */
.remark {font-style:normal;font-weight:normal;}
.remark.-default {color:#222}
.remark.-second {color:#808388}
.remark.-info {color:#808388;font-size:14px;}
.remark.-positive {color:#42C748}
.remark.-negative {color:#FF5740}
.remark.-pink {color:#FF507A}
.remark.-blue {color:#3767FF}
.remark.-sm {font-size:14px;}
.remark.-bold,
strong {font-weight:700;}

/* 폰트 컬러 (성능점검기록사용) */
.font-red {color:#ff5740;}
.font-blue {color:#3767ff;}
.font-yellow {color:#EBBE1E;}
.font-green {color:#0CC16A;}
.font-purple {color:#B76DF1;}

/* Tag */
.tag {display:inline-block;;height:22px;padding:0 8px;background:#E5F3FF;border-radius:2px;color:#505256;font-size:12px;line-height:23px;}
.tag.-round {border-radius:30px;}
.tag.-blue {background:#558FFF;color:#fff;}
.tag.-red {background:#ff673e;color:#fff;}
.tag.-grey {background:#808388;color:#fff;}
.tag.-grey2 {background:#ddd;color:#666;}
.tag.-grey3 {background:#E4E7ED;color:#505256;}
.tag.-green {background:#42c748;color:#fff;}
.tag.-sky {background:#2BBAD9; color:#fff;}
.tag.-primary {background:#3767FF;color:#fff;}
.tag.-round2 {position:relative;height:29px;padding:0 32px 0 12px;background:#E5F3FF;border-radius:30px;color:#3767FF;font-size:14px;line-height:29px;letter-spacing:-0.02em;}
.tag.-round2 .btn-delete {overflow:hidden;position:absolute;top:50%;right:12px;width:16px;height:16px;transform:translateY(-50%);background:url(/pc/img/btn_tooltip_close.png) no-repeat 0 0;text-indent:-9999px;}
.tag.-line {background-color:transparent;border:1px solid #558fff;line-height:22px;}
.tag.-line.-blue {border-color:#558fff;color:#558fff;}
.tag.-black{background-color: #101010; color:#fff;} /* 221103, CHA-745 직영 아이콘 추가 */

/* Caption */
.captions {margin:8px 0;}
.caption {padding-left:20px;color:#808388;font-size:14px;text-indent:-20px;}
.caption:before {content:'';display:inline-block;width:16px;height:16px;margin-right:4px;background:url(/pc/img/spr_common2.webp) no-repeat 0 -103px;vertical-align:-3px;}
.caption+.caption {margin-top:8px;}

/* Bullets */
.bullets {padding:0;list-style:none;}
.bullets.-col2:after {content:'';clear:both;display:block;height:0;}
.bullets.-col2>.bullets__item {float:left;width:50%;}
.bullets.-col2>.bullets__item:nth-child(2) {margin-top:0;}
.bullets.-col3:after {content:'';clear:both;display:block;height:0;}
.bullets.-col3>.bullets__item {float:left;width:33.33%;}
.bullets.-col3>.bullets__item:nth-child(2),
.bullets.-col3>.bullets__item:nth-child(3) {margin-top:0;}
.bullets.-number {padding-left:25px;list-style:decimal;}
.bullets__item {position:relative;font-size:16px;font-weight:400;line-height:1.5;text-indent:0;}
.bullets__item+.bullets__item {margin-top:8px;}
.bullets__item.-bold {font-weight:600;}
.bullets__item>.bullets {margin-top:8px;}
.bullets.-disc>.bullets__item,
.bullets.-dash>.bullets__item,
.bullets.-dot>.bullets__item {padding-left:12px;}
.bullets.-disc>.bullets__item:before,
.bullets.-dash>.bullets__item:before,
.bullets.-dot>.bullets__item:before {content:'';position:absolute;top:10px;left:0;width:2px;height:2px;background-color:#555;}
.bullets.-disc>.bullets__item:before {width:3px;height:3px;border-radius:50%;}
.bullets.-dash>.bullets__item:before {width:6px;height:1px;}
.bullets.-dot>.bullets__item:before {width:2px;height:2px;}
.bullets.-circle {counter-reset:number;}
.bullets.-circle>.bullets__item {padding-left:22px;}
.bullets.-circle>.bullets__item:before {content:counter(number);counter-increment:number 1;position:absolute;top:50%;left:0;width:16px;color:#555;font-size:10px;transform:translateY(-50%);text-align:center;}
.bullets.-circle>.bullets__item:after {content:'';position:absolute;top:50%;left:0;width:16px;height:16px;border:1px solid #555;border-radius:50%;transform:translateY(-50%);text-align:center;}
.bullets.-upper-roman {padding-left:22px;list-style:upper-roman;}
.bullets.-lower-roman {padding-left:22px;list-style:lower-roman;}
.bullets.-upper-alpha {padding-left:22px;list-style:upper-alpha;}
.bullets.-lower-alpha {padding-left:22px;list-style:lower-alpha;}
.bullets.-bracket {counter-reset:number;}
.bullets.-bracket>.bullets__item:before {content:counter(number) ") ";counter-increment:number 1;}
.bullets:last-child {margin-bottom: 0;}
.bullets.-hangul > .bullets__item:nth-of-type(1):before {content:"가. ";}
.bullets.-line {overflow:hidden;margin-left:-8px;color:#808388;font-size:14px;}
.bullets.-line li {float:left;position:relative;padding:0 8px;}
.bullets.-line li + li:before {content:'';position:absolute;top:50%;left:0;height:10px;width:1px;transform:translateY(-50%);background:#d3d6de;}
/* =리스트 안의 리스트 */
.bullets__item .bullets__item + .bullets__item {margin-top:5px;}
.bullets__item .bullets.-circle>.bullets__item {padding-left:25px;}
.bullets__item .bullets.-circle>.bullets__item:before {content:counter(number);counter-increment:number 1;position:absolute;top:12px;left:0;width:18px;color:#555;font-size:12px;text-align:center;}
.bullets__item .bullets.-circle>.bullets__item:after {content:'';position:absolute;top:12px;left:0;width:16px;height:16px;border:1px solid #555;border-radius:50%;text-align:center;}

/* Step */
.steps {padding-left:40px;text-align:center;}
.steps__item {display:inline-block;position:relative;padding:0 48px 0 4px;}
.steps__item:after {content:'';position:absolute;top:50%;right:0;width:40px;height:1px;margin-top:-0.5px;background-color:#e4e7ed;}
.steps__item:last-child:after {display:none;}
.steps__num {display:inline-block;width:20px;height:20px;background-color:#d3d6de;border-radius:50%;color:#fff;font-size:14px;line-height:20px;text-align:center;}
.steps__title {color:#808388;font-size:14px;}
.-active .steps__num {position:relative;background-color:#3767ff;}
.-active .steps__num:after {content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-color:#3767ff;border-radius:50%;animation:twinkle 1.5s infinite both;}
@keyframes twinkle {
	0% {opacity:1; transform:scale(0);}
	70% {opacity:1;}
	100% {opacity:0; transform:scale(1.22);}
}
.-active .steps__title {color:#3767ff;font-weight:700;}
.-complete .steps__num {background-color:#808388;}
.-complete .steps__title {color:#808388;}

/* Tab */
.tab__list {display:table;position:relative;width:100%;}
.tab__list:after {content:""; clear:both; display:block; height:0;}
.tab__list:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#d3d6de;}
.tab__item {display:table-cell;width:198px;text-align:center;vertical-align:middle;}
.tab__item+.tab__item {margin-left:-1px;}
.tab__button {display:block;width:100%;height:60px;color:#808388;font-size:16px;line-height:60px;}
.tab__item.-active .tab__button {position:relative;border-bottom:2px solid #3767ff;color:#3767ff;font-weight:700;}
.tab__panel {display:none;padding:0 20px;}
.tab__panel.-active {display:block;}
.tab__list._2col .tab__item {width:calc(100% / 2);}
.tab__list._3col .tab__item {width:calc(100% / 3);}
.tab__list._4col .tab__item {width:calc(100% / 4);}
.tab__list._5col .tab__item {width:calc(100% / 5);}
.tab__list._6col .tab__item {width:calc(100% / 6);}
.tab__list._7col .tab__item {width:calc(100% / 7);}
.tab__list._8col .tab__item {width:calc(100% / 8);}
.tab__list .option {font-size:14px;}
#contents>.tab,
.dialog__contents>.tab {margin-top:0;}

/* Button */
.buttons {margin-top:40px;}
.buttons:after {content:"";clear:both;display:block;height:0;}
.button {white-space:nowrap;}
.button+.button {margin-left:10px}
/* =Type */
.button[disabled],
.button.-disabled{cursor:not-allowed !important;}
.button.-primary {min-width:228px;height:56px;padding:0 24px;background:#3767ff;border-radius:64px;color:#FFF;font-size:18px;line-height:56px;text-align:center;-webkit-transition:background .3s;transition:background .3s;}
.button.-primary:hover {background:#717EF2;}
.button.-primary[disabled],
.button.-primary.-disabled{background:#D0D5FF !important;border:none;cursor:not-allowed;}
.button.-secondary {min-width:228px;height:56px;padding:0 24px;background:#fff;border:1px solid #3767ff;font-size:18px;line-height:56px;text-align:center;color:#3767ff;border-radius:64px;}
.button.-secondary[disabled],
.button.-secondary.-disabled{background:#fff !important;border:1px solid #B5BCFA;color:#B5BCFA !important;cursor:not-allowed;}
.button.-white {min-width:228px;height:56px;padding:0 24px;border:1px solid #fff;border-radius:64px;color:#fff;font-size:18px;line-height:56px;text-align:center;}
.button.-transparent {background:transparent;border:1px solid transparent;color:#808388;border-radius:64px;font-size:18px;line-height:56px;text-align:center;}
.button.-text {height: auto; line-height: inherit; font-size: 16px;}
/* =Size */
.button.-md {min-width:180px;height:40px;border-radius:64px;font-size:16px;line-height:40px;}
.button.-sm {min-width:auto;height:29px;padding:0 16px;border:1px solid #A0A4AF;border-radius:20px;color:#505256;font-size:14px;line-height:28px;}
.button.-big {min-width:384px;}
.button.-gray[disabled] {background:#D3D6DE !important;border:1px solid #D3D6DE !important;color:#fff !important;}
/* =Option */
.button.-option {min-width:115px;height:40px;padding:0 32px;background:#fff;border:1px solid #3767ff;border-radius:40px;color:#3767ff;}
.button>[class^=ico-] {display:inline-block;width:16px;height:16px;margin-left:4px;vertical-align:-2px;}
/* =Align */
.buttons.-col2:after {content:'';clear:both;display:block;height:0;}
.buttons.-col2 .button {float:left;min-width:calc(50% - 5px);} /* 201126 수정 */
.buttons.-y.-inline {display:inline-block;}
.buttons.-y.-inline>.button {float:left;clear:both;}
.buttons.-y .button+.button {margin-top:8px;margin-left:0;}
.buttons.-left {text-align:left;}
.buttons.-center {text-align:center;}
.buttons.-right {text-align:right}
/* =더보기 */
.btn-moreview {display:block;width:100%;height:42px;background:#F6F7FB;border-radius:4px;color:#808388;font-size:12px;line-height:42px;}
.btn-moreview:after {content:'';display:inline-block;width:6px;height:6px;margin-left:10px;border-top:1px solid #A0A4AF;border-right:1px solid #A0A4AF;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);vertical-align:2px;-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;-o-transition:transform .3s linear;transition:transform .3s linear;transition:transform .3s linear, -webkit-transform .3s linear;}
.btn-moreview.-active:after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);vertical-align:0;}
/* =etc*/
.btn-del,
.btn-del2 {display:inline-block;position:relative;width:20px;height:20px;background:none;text-indent:-9999em;vertical-align:middle;}
.btn-del2 {width:16px;height:16px;}
.btn-del:after,
.btn-del2:after {content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url(/pc/img/spr_common2.webp) no-repeat -128px -79px;}
.btn-del2:after {background-position:-368px -79px;}
.btn-plus {overflow:hidden;position:relative;display:inline-block;width:282px;height:212px;background:url(/pc/img/btn_plus_bg.png) no-repeat;text-indent:-9999px;}
.btn-plus:before {content:'';display:block;position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;background:url(/pc/img/spr_common2.webp) no-repeat -253px 0;}
.photo__add .form__group {overflow:hidden;margin:-32px 0 0 -24px;}
.photo__add .field {float:left;position:relative;width:calc(25% - 24px);height:248px;margin:32px 0 0 24px;}
.photo__add .field + .field {margin-left:24px;}
.photo__add .field .title {position:absolute;bottom:0;width:100%;color:#505256;text-align:center;}
.photo__add .car-plus .btn-plus{width:282px;height:212px;padding-top:120px;background:url(/pc/img/btn_plus_bg.png) no-repeat;color:#A0A4AF;text-align:center;text-indent:0;vertical-align:top}
.photo__add .car-plus .btn-plus:before,
.photo__add .car-plus .btn-plus:after {top:36%;}
.photo__add .car-img,
.photo__add .car-img img {width:282px;height:212px;object-fit:cover;}
.photo__add .car-img {position:relative;}
.photo__add .car-img .btn-del2 {position:absolute;top:0;right:0;}
.sort_buttons li {display:inline-block;}
.sort_buttons li + li {margin-left:24px;}
.sort_buttons li button {display:inline-block;position:relative;padding-right:20px;color:#888;font-size:14px;}
.sort_buttons li button:after {content:'';position:absolute;right:0;top:50%;width:6px;height:6px;margin-top:-6px;margin-right:2px;border-top:1px solid #808388;border-right:1px solid #808388;vertical-align:2px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.sort_buttons li button.-active {color:#222;}
.sort_buttons li button.-active:after {margin-top:-3px;border-color:#222;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.sort_buttons li button.-active.-up:after {margin-top:-6px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}

/* Switch */
.switch {display:block;position:relative;width:100%;padding-right:62px;background:transparent none;border:0;text-align:left;text-indent:-9999px;cursor:pointer;}
.switch:before {content:'';display:block;position:absolute;top:50%;right:5px;width:40px;height:16px;background:#D3D6DE;transform:translateY(-50%);border-radius:12px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;}
.switch:after {content:'';display:block;box-sizing:border-box;position:absolute;top:50%;right:24px;width:24px;height:24px;background-color:#fff;transform:translateY(-50%);border:1px solid #A0A4AF;border-radius:50%;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;}
.switch[aria-pressed=true]:before {background-color:#3767ff;}
.switch[aria-pressed=true]:after {right:0;border:1px solid#3767ff;}

/* Link */
.links:after {content:'';display:block;clear:both;height:0;}
.link,
.link:hover {color:inherit;color:#808388;text-decoration:underline;} /* 텍스트 링크 */
.link+.link {margin-left:15px;}
/* =Aligns */
.links.-x>.link+.link {margin-left:28px;}
.links.-y>.link {display:block;margin-top:8px;}
.links.-y>.link+.link {margin-left:0;}
.links.-center {text-align:center;}
/* =Options */
.link.-sm {font-size:14px;}
.link.-point,
.link.-point:hover {color:#3767ff;text-decoration:underline;}
.link.-moreview,
.link.-moreview:hover {color:#808388;font-size:14px;text-decoration:none;}
.link.-inner,
.link.-inner:hover {color:#222;font-size:14px;text-decoration:none;}
.link.-outer,
.link.-outer:hover {color:#808388;text-decoration:underline;}
.link.-moreview:after,
.link.-inner:after {content:'';display:inline-block;width:6px;height:6px;margin-right:2px;margin-left:4px;border-top:1px solid #808388;border-right:1px solid #808388;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);vertical-align:2px;}
.link.-inner:after {border-color:#222;}
.link.-outer:after {content:'';display:inline-block;width:12px;height:12px;margin-left:3px;background:url(/pc/img/ico_url.png) no-repeat;background-size:cover;vertical-align:-1px;}
.link.-role {color:#808388;font-size:14px;text-decoration:none;}
.link.-point.-inner {position:relative;}
.link.-point.-inner,
.link.-point.-inner:hover {color:#3767FF;text-decoration:none;}
.link.-point.-inner:after {border-color:#3767FF;}
.link.-point.-inner:hover:before {transform:scaleX(1);transform-origin:left center 0;}
.link.-blue {color:#3767FF;}
.link.-blue:hover {color:#3767FF;}
.link.-blue:after {border-color:#3767FF;}
.link>[class^=ico-] {display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:middle;}
.link-ico {position:relative;padding-left:21px;color:#505256;}
.link-ico:before{content:'';display:inline-block;position:absolute;top:50%;left:0;width:16px;height:16px;transform:translateY(-50%);background-image:url(/pc/img/spr_common2.webp);}
.ico-calculator:before {background-position:-304px -79px;}
.ico-compare:before {background-position:-80px -79px;}
.ico-compare.-active:before {background-position:-160px -103px;}
.ico-interest:before {background-position:-320px -79px;}

/* Form > Selections */
fieldset>legend {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0);color:transparent;}
.form__group+.form__group {margin:8px 0 0;}
.form__group+.form__group>.label {margin:32px 0 8px;}
.form__group>.label {margin:0 0 8px;}
.form__group>.label.-none {margin-top:0;}
/*.form__group {overflow:hidden;}*/
.selection {display:inline-block;}
.label {display:block;color:#505256;font-size:14px;font-weight:400;}
.selection .label {margin-bottom:0;}
.selection+.selection {margin-left:20px;}
.selection:first-child {margin-left:0;}
.selection [type=checkbox],
.selection [type="radio"] {overflow:hidden;position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;clip:rect(1px,1px,1px,1px);white-space:nowrap;}
.selection label {display:inline-block;position:relative;padding-left:30px;font-size:14px;line-height:24px;text-indent:0;cursor:pointer;}
.selection label {display:inline-block;position:relative;padding-left:30px;font-size:16px;line-height:24px;text-indent:0;cursor:pointer;}
.selection input:disabled+label,
.selection input:disabled+label>em {color:#d4d6de;cursor:not-allowed;}
.selection input+label:before {content:'';position:absolute;top:0;left:0;width:24px;height:24px;background-image:url(/pc/img/spr_form.png);background-repeat:no-repeat;}
.-w180 {width:180px !important;}
/* =Flex */
.selection.-f {display:flex;}
/* =Row */
.selections.-y {display:inline-block;vertical-align:top;}
.selections.-y .selection {float:left;clear:both;}
.selections.-y .selection+.selection {margin-top:12px;margin-left:0;}
/* =Radio */
.selection [type=radio]+label:before {background-position:0 -56px;}
.selection [type=radio]:checked+label:before {background-position:-24px -56px;}
.selection [type=radio]:disabled+label:before {background-position:-48px -56px;}
.selection [type=radio]:hover:not(:checked):not(:disabled)+label:before {background-position:-72px -56px;}
.selection [type=radio]:checked:disabled+label:before,
.selection [type=radio]:disabled+.-type2:before {background-position:-96px -56px;}
/* =Radio(image) */
.selections.-img [type=radio]+label {display:inline-block;width:100%;height:52px;padding:0 12px;background:#FFF;border:1px solid #D3D6DE;color:#808388;font-size:16px;line-height:52px;text-align:center;}
.selections.-img .selection:first-child [type=radio]+label {border-top-left-radius:4px;border-bottom-left-radius:4px;}
.selections.-img .selection:last-child [type=radio]+label {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.selections.-img [type=radio]:checked+label {z-index:2;border:1px solid #3767ff;color:#3767ff;}
.selections.-img [type=radio]+label:before,
.selections.-img [type=radio]+label:after {display:none;}
.selections.-img [type=radio]:disabled+label {background:#e4e7ed;border-color:#d3d6de;color:#a5a4af;cursor:not-allowed;}
.selections.-img [type=radio].readonly:disabled+label,
.selections.-img [type=radio]:disabled:checked+label {background:#d3d6de;border-color:#a5a4af;color:#808388;cursor:not-allowed;}
/* =Checkbox */
.selection [type=checkbox]+label:before {background-position:0 -32px;}
.selection [type=checkbox]+.jato-option:before {background-position:-72px -32px;}
.selection [type=checkbox]:checked+label:before {background-position:-24px -32px;}
.selection [type=checkbox]:disabled+label:before {background-position:-48px -32px;}
.selection [type=checkbox]:hover:not(:checked):not(:disabled)+label:before {background-position:-72px -32px;}
.selection [type=checkbox]:disabled+.-type2:before {background-position:-120px -32px;}
.selection [type=checkbox]:disabled+.-type3:before {background-position:-96px -32px;}
/* =Checkbox(Big) */
.selection.-big label {padding-left:40px;line-height:32px;}
.selection.-big [type=checkbox]+label:before {width:32px;height:32px;background-position:0 0;}
.selection.-big [type=checkbox]:checked+label:before {background-position:-32px 0;}
.selection.-big [type=checkbox]:disabled+label:before {background-position:-64px 0;}
.selection.-big [type=checkbox]:hover:not(:checked):not(:disabled)+label:before {background-position:-96px 0;}
/* =Col */
.selections.-img:after {content:'';display:block;height:0;clear:both;}
.selections.-img .selection {float:left;min-width:50%;}
.selections.-img .selection+.selection {margin-left:-1px;}
.selections.-img.-round .selection {min-width:122px;}
.selections.-img.-round .selection+.selection {margin-left:8px;}
.selections.-img.-col2 .selection {width:calc(50% - 4px);}
.selections.-img.-col2 .selection:nth-child(2n+1) {margin-left:0;}
.selections.-img.-col2 .selection:nth-child(2n)~.selection {margin-top:8px;}
.selections.-img.-col3 .selection {width:calc(33.33333% - 8px);}
.selections.-img.-col3 .selection:nth-child(3n+1) {margin-left:0;}
.selections.-img.-col3 .selection:nth-child(3n)~.selection {margin-top:8px;}
.selections.-img.-col4 .selection {width:calc(25% - 8px);}
.selections.-img.-col4 .selection:nth-child(4n+1) {margin-left:0;}
.selections.-img.-col4 .selection:nth-child(4n)~.selection {margin-top:8px;}
/* =Color */
.selections.-color {overflow:hidden;display:block;}
.selections.-color .selection {float:left;width:25%;margin:10px 0 0 0;text-align:center;}
.selections.-color .selection:nth-child(4n)~.selection {margin-top:20px;}
.selections.-color .selection label {position:relative;width:56px;padding:58px 0 0 0;color:#808388;}
.selections.-color .selection input+label:before {content:'';display:block;position:absolute;top:8px;left:50%;z-index:1;width:40px;height:40px;margin-left:-20px;background:#000;border-radius:50%;text-align:center;}
.selections.-color .selection input:checked+label {color:#3767FF}
.selections.-color .selection input:checked+label:after {content:'';display:block;position:absolute;top:0;left:50%;z-index:0;-webkit-box-sizing:border-box;;box-sizing:border-box;width:56px;height:56px;margin-left:-28px;background:#F4FAFF;border-radius:50%;border:1px solid #3767FF;;}
.selections.-color .selection.-black input+label:before {background:#000;}
.selections.-color .selection.-white input+label:before {-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border: 1px solid #E4E7ED;}
.selections.-color .selection.-silver input+label:before {background:#D1D8E6;}
.selections.-color .selection.-pearl input+label:before {background:#FFE7D6;}
.selections.-color .selection.-gray input+label:before {background:#BABABA;}
.selections.-color .selection.-darkgray input+label:before {background: #828892;}
.selections.-color .selection.-nilegreen input+label:before {background: #22580F;}
.selections.-color .selection.-blue input+label:before {background:#1170FF;}
.selections.-color .selection.-red input+label:before {background:#F12B2B;}
.selections.-color .selection.-orange input+label:before {background:#F78D2A;}
.selections.-color .selection.-green input+label:before {background:#1CB763;}
.selections.-color .selection.-sapphire input+label:before {background:#00858D;}
.selections.-color .selection.-redpurple input+label:before {background:#B948A0;}
.selections.-color .selection.-brown input+label:before {background:#805F2E;}
.selections.-color .selection.-pink input+label:before {background:#FFA8B8;}
.selections.-color .selection.-gold input+label:before {background:#E5C75D;}
.selections.-color .selection.-yellow input+label:before {background:#F7DB47;}
.selections.-color .selection.-peargreen input+label:before {background:#98DE6D;}
.selections.-color .selection.-purple input+label:before {background:#AC67ED;}
.selections.-color .selection.-lightblue input+label:before {background:#A4E3F7;}
.selections.-color .selection.-etc input+label:before {background:#C0C0C0;}
.selections.-color .selection.-lightgreen input+label:before {background:#22580F;}
.selections.-color [type=checkbox]+label:before,
.selections.-color [type=checkbox]+label:after {display:none;}
/* =Img */
.selections.-img [type=checkbox]+label {display:inline-block;width:100%;height:44px;padding:0 12px;background:#fff;border:1px solid #D3D6DE;border-radius:20px;color:#808388;font-size:16px;line-height:43px;text-align:center;}
.selections.-img [type=checkbox]:checked+label {z-index:2;background:#F4FAFF;border:0;border:1px solid #3767FF;color:#3767FF;}
.selections.-img [type=checkbox]+label:before,
.selections.-img [type=checkbox]+label:after {display:none;}
.selections.-img [type=checkbox]:disabled+label {background-color:#E4E7ED;color:#A0A4AF;}
.selections.-img [type=checkbox].readonly:disabled+label,
.selections.-img [type=checkbox]:checked:disabled+label {border-color:#A0A4AF;color:#808388;}
/* =Inline */
.selection.-inline {display:inline-block;}
.selection.-inline+.selection.-inline {margin-left:20px;}
/* =No Label */
.selection.-none input:first-child {margin:0;}
.selection.-none label {text-indent:-9999px;}
/* =Col*/
.selections.-col {margin:-8px 0 0 -20px;}
.selections.-col:after {content:"";clear:both;display:block;height:0;}
.selections.-col .selection {float:left;width:calc(50% - 20px);margin:8px 0 0 20px;}
.selections.-col .selection + .selection {margin-left:20px;}
.selections.-col.-col3 .selection {width:calc(33.3% - 20px);}
.selections.-col.-col4 .selection {width:calc(25% - 20px);}
.selections.-col.-col5 .selection {width:calc(20% - 20px);}

/* Form > Fields */
.field {position:relative;}
.field+.field {margin-left:8px;}
.field input,
.field select {display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:50px;margin:0;padding:0 16px;border:1px solid #A0A4AF;border-radius:4px;color:#222;font-size:16px;}
.field input::-webkit-input-placeholder {color:#A0A4AF;}
.field input::-moz-placeholder {color:#A0A4AF;}
.field input:-ms-input-placeholder {color:#A0A4AF;}
.field input::-ms-input-placeholder {color:#A0A4AF;}
.field input::placeholder {color:#A0A4AF;}
/* =Focus */
.field input:focus,
.field select:focus,
.field textarea:focus {border:1px solid #717EF2;}
/* =Option */
.field.-success input {position:relative;height:52px;padding-right:52px;background:url(/pc/img/textfield_success.png) no-repeat right 20px center;}
.field.-error input,
.field.-error textarea {border:1px solid #FF5740;}
.field [disabled],
.field [readonly] {background-color:#E4E7ED;border:1px solid #D3D6DE;color:#A0A4AF;cursor:not-allowed;}
.field [readonly] {color:#505256;cursor:default;}
.field ._readonly2 {background:#fff;border:1px solid #a0a4af;color:#a0a4af;}
.field input[readonly]:focus,
.field textarea[readonly]:focus {border:1px solid #D3D6DE;}
.field.-unit input {padding-right:45px;}
.field.-unit span {position:absolute;top:50%;right:13px;transform:translateY(-50%);color:#808388}

/* =Select + select */
.fields.-col,
.fields.-col5 {display:table;width:100%;}
.fields.-col .field,
.fields.-col5 .field {display:table-cell;width:50%;vertical-align:top;}
.fields.-col .field + .field,
.fields.-col5 .field + .field {padding-left:15px;}
.fields.-col .space {display:table-cell;padding:0 2px;vertical-align:middle;}
.fields.-col .space.-type2 {padding:0 8px;}
.fields.-col2 .field{width:50%}
.fields.-col5 .field{width:20%}
.fields.-col3 .field{width:33%}
.fields.-col4 .field{width:25%}

/* =Password */
.field.-pw input {padding-right:52px;}
.field.-pw .btn-pw-view {position:absolute;top:0;right:0;width:50px;height:50px;text-indent:-9999em;}
.field.-pw .btn-pw-view:after {content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url(/pc/img/spr_common2.webp) no-repeat -32px -103px;}
.field.-pw .btn-pw-view.-active:after {background-position:-48px -103px;}
/* =File */
input[type=file] {display:none;}
/* =Search */
.field.-search input {overflow:hidden;padding-right:52px;text-overflow:ellipsis;white-space:nowrap;}
.field.-search .btn-sch {position:absolute;top:0;right:0;width:50px;height:50px;background:url(/pc/img/btn_sch.png) no-repeat right 14px center;text-indent:-9999px;}
/* =Email */
.fields.-email {display:table;width:100%;}
.fields.-email:after {content:'';display:block;clear:both;}
.fields.-email .field, .fields.-email .space {display:table-cell;vertical-align:middle;}
.fields.-email .field {width:30.61224%;}
.fields.-email .space {width:32px;height:50px;text-align:center;}
.fields.-email .field:last-child {width:auto;margin-left:0;padding-left:7px;}
/* =달력 */
.fields.-date {display:table;width:100%;}
.fields.-date .field {display:table-cell;position:relative;width:48.115%;}
.fields.-date .space {display:table-cell;width:3.77%;min-width:24px;text-align:center;vertical-align:middle;}
.fields.-date input {padding-right:40px;}
.fields.-date .btn-date {position:absolute;top:0;right:0;width:52px;height:52px;background:url(/pc/img/btn_date_off.svg) no-repeat right 14px center / 24px;text-indent:-9999px;}
.fields.-date .btn-date.-active {background:url(/pc/img/btn_date_on.svg) no-repeat right 14px center / 24px;}
.fields.-date input[readonly] {background-color:#fff;border:1px solid #A0A4AF;}
/* =Search-항목1개 */
.fields.-mix {position:relative;padding-left:180px;}
.fields.-mix .field:first-child {position:absolute;top:0;left:0;width:180px;background-color:#fff;}
/* =Select */
.select {min-width:110px;padding-right:40px !important;background:#fff url(/pc/img/select_arrow.png) no-repeat right 15px center / 24px;cursor:pointer;}
.select.-sort {min-width:auto;height:20px;background:url(/pc/img/select_arrow.png) no-repeat right 15px center / 16px;border:0;border:1px solid transparent;color:#888;font-size:14px;line-height:20px;}
.select.-sort:focus {outline:0;}
.select.-sort + .-sort {margin-left:44px;}
.select.-sort.-strong {color:#222;font-weight:700}
option[value=""][disabled] {display:none;color:#A0A4AF;}
select:required:invalid {color:#A0A4AF;}

/* selectric v1.13.0 플러그인 */
.selectric-wrapper {display:inline-block;position:relative;width:100%;cursor:pointer;vertical-align:middle;}
.selectric {overflow:hidden;position:relative;border:1px solid #A0A4AF;border-radius:4px;}
.selectric .label {overflow:hidden;display:block;height:48px;padding:0 30px 0 16px;color:#A0A4AF;font-size:16px;line-height:48px;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left;}
.selectric .button {display:block;position:absolute;right:7px !important;top:50% !important;width:24px !important;height:24px !important;margin-top:-12px;color:transparent;text-align:center;}
.selectric .button:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:24px;height:24px;margin:auto;background:url(/pc/img/select_arrow.png) no-repeat;}
.selectric-open {z-index:121 !important;}
.selectric-open .selectric-items {display:block;}
.selectric-open .button:after {transform:rotate(180deg);}
.selectric-disabled {cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.selectric-disabled .selectric {background-color:#E4E7ED;border-color:#D3D6DE;color:#A0A4AF;}
.selectric-disabled .selectric .label {color:#222;}
.selectric-hide-select {overflow:hidden;position:relative;width:0;height:0;}
.selectric-hide-select select {position:absolute;left:-100%;}
.selectric-hide-select.selectric-is-native {position:absolute;z-index:10;width:100%;height:100%;}
.selectric-hide-select.selectric-is-native select {position:absolute;top:0;left:0;right:0;z-index:1;width:100%;height:100%;border:none;opacity:0;}
.selectric-input {overflow:hidden !important;position:absolute !important;top:0 !important;left:0 !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;background:none !important;clip:rect(0, 0, 0, 0) !important;border:none !important;*font:0/0 a !important;outline:none !important;}
.selectric-temp-show {visibility:hidden !important;display:block !important;position:absolute !important;}
.selectric-items {display:none;position:absolute;top:100%;left:0;z-index:-1;background:#f2f2f2;}
.selectric-items .selectric-scroll {overflow-x:hidden;overflow-y:auto;height:100%;padding:10px 0;box-shadow:0 5px 5px -2px rgba(0,0,0,0.15);}
.selectric-above .selectric-items .selectric-scroll {box-shadow: 0 -5px 5px -2px rgba(0,0,0,0.15);}
.selectric-above .selectric-items {top:auto;bottom:100%;}
.selectric-wrapper.selectric-open.selectric-below .selectric {border-bottom-color:transparent;border-radius:5px 5px 0 0;}
.selectric-wrapper.selectric-below .label {color:#222;}
.selectric-wrapper.selectric-open.selectric-above .selectric {border-top-color:transparent;border-radius:0 0 5px 5px;}
.selectric-wrapper.selectric-open.selected .selectric {background:#fff;border-color:#A0A4AF;}
.selectric-wrapper .selectric-items {background:#fff;border:1px solid #A0A4AF;border-radius:0 0 4px 4px;}
.selectric-wrapper .selectric-items li {padding:5px 20px;background:transparent;color:#222;text-decoration:none;text-align:left;}
.selectric-wrapper .selectric-items li.selected,
.selectric-wrapper .selectric-items li.highlighted,
.selectric-wrapper .selectric-items li:hover {color:#222;text-decoration:underline;}
.selectric-wrapper .selectric-items li.disabled {color:#A0A4AF;text-decoration:none;}
.selectric-wrapper .selectric-items {z-index:1;background-color:#fff;border:1px solid #A0A4AF;}
.selectric-wrapper .selectric-items li.readonly {cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#A0A4AF;}
.selectric-wrapper .selectric-items li.selected {color:#222;}
.selectric-wrapper.selectric-below .selectric-items {margin-top:-2px;border-top-color:transparent;}
.selectric-wrapper.selectric-above .selectric-items {margin-bottom:-2px;border-bottom-color:transparent;}
.selectric-wrapper .selectric-items:after {content:'';position:absolute;left:10px;right:10px;bottom:0;height:1px;background-color:#e2e2e2;}
.selectric-wrapper.selectric-above .selectric-items:after {bottom:0;}
.selectric-wrapper.selectric-below .selectric-items:after {top:0;}
.search__total .search_fr .selectric--sort {position:absolute;top:0;right:0;width:78px;}
.search__total .selectric--sort .selectric {min-width:auto;height:38px;border:0;border:1px solid transparent;color:#888;font-size:14px;line-height:38px;}
.search__total .selectric--sort .button:after {content:'';position:absolute;top:50%;right:6px;width:6px;height:6px;margin-top:-5px;margin-right:2px;border-top:1px solid #808388;border-right: 1px solid #808388;vertical-align:2px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.search__total .selectric--sort + .selectric--sort {margin-left:44px;}
.search__total .selectric--sort .selectric .label {height:36px;font-size:14px;line-height:36px;}
.search__total .selectric--sort .selectric-items li {font-size:14px;}
.search__total .selectric--sort.selectric-open .selectric {height:38px;background:#fff;border:1px solid #A0A4AF; }
.search__total .selectric--sort.selectric-open .selectric .label {height:36px;line-height:36px;}
.search__total .selectric--sort.selectric-open .button:after {margin-top:-2px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.selectric--strong .selectric .label {color:#222;}
.-error .selectric {border-color:#FF5740;}
/* =Textarea */
.field.-textarea {position:relative;}
.textarea {display:block;width:100%;min-height:150px;margin:0;padding:16px 16px 40px;border:1px solid #A0A4AF;border-radius:4px;font-size:16px;}
/* =Space */
.-required {display:inline-block;width:4px;height:4px;border-radius:50%;background:#FF507A;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:4px 0;text-indent:-9999em;}
/* =Unit */
.field [type="text"]+.unit,
.field [type="number"]+.unit {position:absolute;bottom:0;right:16px;color:#808388;line-height:52px;}
/* =Bottom */
.form__top, .form__bottom {overflow:hidden;min-height:20px;margin-top:8px;}
.message {float:left;font-size:14px;}
.message.-info {color:#808388}
.message.-success {color:#42C748;}
.message.-error {color:#FF5740;}
.textarea-count {float:right;color:#A0A4AF;text-align:right;}
.textarea-count>strong {color:#FF5740;}
/* =인증번호 */
.field.-verify input {padding-right:80px;}
.field.-verify .leftover {position:absolute;top:13px;right:16px;color:#FF5740;}
/* =Form > Buttons */
.fieldset .buttons.-top {margin-top:8px;}
.field .button {min-width:auto;height:50px;margin-left:8px;padding:0 12px;border-radius:4px;font-size:16px;line-height:50px;}
.field .button:disabled {background:#D3D6DE;border-radius:4px;color:#fff;}

/* Table */
.tbl-top {margin-top:60px;padding-bottom:12px;border-bottom:2px solid #A0A4AF;color:#808388;}
.tbl-top:after {content:'';display:block;clear:both;}
.tbl-top__fl {float:left;}
.tbl-top__fr {float:right;}
.tbl-top__result {color:#808388;}
.tbl-top__result em {color:#222;}
.tbl-top__count {color:#808388;}
.tbl-top + .tbl {margin-top:-2px;border-top:2px solid #A0A4AF;}
.tbl {position:relative;border-top:1px solid #A0A4AF;}
.tbl table:after {content:'';position:absolute;top:0;left:0;width:1px;height:100%;background-color:#fff;}
.tbl+.tbl {margin-top:40px;}
.tbl th,
.tbl td {height:75px;padding:16px 24px;background-color:#fff;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center;}
.tbl thead th:first-child {position:relative;}
.tbl thead th:first-child:after {content:'';position:absolute;top:0;left:-1px;z-index:5;width:1px;height:100%;background-color:#f6F7FB;}
.tbl th {background:#f6F7FB;color:#222;font-size:16px;font-weight:400;}
.tbl td {position:relative;}
.tbl tbody tr:hover a:hover {text-decoration:underline;}
.tbl .al_l {padding-left:32px;text-align:left;}
.tbl a {vertical-align:middle}
.tbl ._eps {max-width:95%;}
/* =Row */
.tbl.-row th {height:auto;background-color:#f6F7FB;border-left:none;vertical-align:middle;}
.tbl.-row thead th {border-left:1px solid #e5e5e5;}
.tbl.-row td {height:auto;text-align:left;}
.tbl.-row th .label {color:#222;font-size:16px;}
.split {overflow:hidden;display:inline-block;width:1px;height:26px;margin:0 30px;background-color:#e5e5e5;vertical-align:middle;text-indent:-9999px;}
.tbl.-th_line th,
.tbl.-row tr td+th {border-left:1px solid #e5e5e5;}

/* Editor */
.editer {width:100%;height:360px;}

/* Board */
.tbl-top + .board {margin-top:-2px;border-top:2px solid #A0A4AF;}
.board {border-top:1px solid #A0A4AF;}
.board+.board {margin-top:40px;}
.board th,
.board td {height:75px;padding:20px;background-color:#fff;border-bottom:1px solid #e5e5e5;text-align:center;}
.board th {color:#222;font-size:16px;font-weight:700;}
.board td {position:relative;}
.board .no_data {padding:80px 0;}
.board .no_data .results {margin-bottom:0;}
.board.-h320 .no_data {padding:55px 0;}
.board tbody tr:hover a:hover {text-decoration:underline;}
.board .al_l {padding-left:32px;text-align:left;}
.board a {vertical-align:middle;}
.board ._eps {max-width:95%;}
/* =View */
.board.-row th {height:auto;background-color:#f6F7FB;border-right:1px solid #e5e5e5;color:#222;font-size:16px;font-weight:normal;vertical-align:middle;}
.board.-row th:last-child {border-right:0;}
.board.-row td {height:auto;text-align:left;}
.board.-row td + td,
.board.-row td + th {border-left:1px solid #e5e5e5;}
.board.-row th .label {color:#222;}

/* Box */
.box {padding:24px;background:#F6F7FB;text-align:center;}

/* Toast Popup */
.toast-popup {display:none;position:fixed;top:50%;left:50%;width:240px;padding:16px 20px;border-radius:4px;box-shadow:0 2px 8px rgba(0, 0, 0, .2);color:#fff;font-size:14px;text-align:center;background: #222;opacity:0.9;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:101;-webkit-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear;}
.toast-popup:before {content:'';display:block;width:40px;height:40px;margin:0 auto;background:#222 url(/pc/img/ico_toast.png) no-repeat 0 0 / 80px 40px;}
.toast-popup.-confirm:before {background-position:0 0;}
.toast-popup.-error:before {background-position:-40px 0;}
.toast-popup__p {padding-top:4px;}
.toast-popup.-active {display:block;}
.toast-popup.toast-text-popup { width: auto; padding: 8px 24px; box-shadow: none }
.toast-popup.toast-text-popup:before { content: none; }
.toast-popup.toast-text-popup .toast-popup__p { padding-top: 0; font-size: 15px; font-weight: 500; }

/* Accordion */
.accordion {list-style:none;}
.accordion [data-role="panel"] {display:none;}
.accordion [data-role=item].-active > [data-role="panel"] {display:block;}
.accordion.-basic .accordion__list {border-bottom:1px solid #d9dbe1;}
.accordion.-basic .accordion__item {border-top:1px solid #d9dbe1;}
.accordion.-basic .accordion__title {display:block;width:100%;padding:19px 48px 19px 12px;background:url(/pc/img/accordion_title_down.png) no-repeat 100% 50%;border:0;color:#000;font-size:14px;line-height:1.57;text-align:left;}
.accordion.-basic .accordion__title[aria-expanded="true"] {background:url(/pc/img/accordion_title_up.png) no-repeat 100% 50%;}
.accordion.-basic .accordion__panel {padding:0 12px 20px;font-size:14px;line-height:1.57;}

/* Result Message */ /* 201013 수정 */
.results {position:relative;margin:0 0 24px;padding-top:96px;text-align:center;}
.results.-line {padding-bottom:80px;border-bottom:1px solid #ddd;}
.search__total + .results {margin-top:80px;}
.results:before {content:'';display:block;position:absolute;top:0;left:50%;width:96px;height:96px;margin-left:-48px;background:url(/pc/img/ico_result.png) no-repeat 0 0;}
.results__subject {display:block;margin-top:20px;font-size:24px;color:#222;font-weight:400;line-height:35px;}
.results__subject + .results__desc {margin-top:10px;}
.results__desc {margin-top:12px;font-size:16px;color:#808388;line-height:23px;}
.results.-regist:before {background-position:-96px -64px;}
.results.-mobile:before {background-position:0 -64px;}
.results.-login:before {background-position:-192px -64px;}
.results.-sns {padding-top:64px;}
.results.-sns:before {width:64px;height:64px;margin-left:-32px;}
.results.-naver:before {background-position:0 0;}
.results.-kakao:before {background-position:-194px 0;}
.results.-facebook:before {background-position:-64px 0;}
.results.-google:before {background-position:-128px 0;}
.results.-nolist:before {background-position:-96px -160px;}
.results.-nocar:before {background-position:-96px -160px;}
.results.-none:before {background-position:-192px -160px;}
.results.-nodata:before {background-position:0 -256px;}
.results.-complete:before {background-position:-96px -256px;}
.results.-fail:before {background-position:-192px -256px;}
.results__box{width: 383px;border-radius: 5px;background: #F6F7FB;margin: 0 auto 40px;padding: 10px 14px;}

/* Terms */
.terms {margin-top:32px;}
.terms__title {margin:12px 0 8px;color:#000;font-size:14px;font-weight:700;}
.terms__title:first-child {margin-top: 0;}
.terms__contents {padding:20px;border:1px solid #d9dbe1;border-radius:2px 2px 0 0;}
.terms__agree {padding:20px;background-color:#f8f9fc;border:1px solid #d9dbe1;border-top:0;border-radius:4px;}
.terms__item {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.terms__item + .terms__item {margin-top:20px;}
.terms__value {margin-left:8px;}
.terms .h1 {font-size:16px;}
.terms .h2 {font-size:16px;}
.terms .h3 {font-size:14px;}
.terms__detail {color:#000;}
.terms__detail .red{color:red;}
.terms__detail .h4 {color:#000;font-weight:700;}
.terms__detail h4 {color:#000;text-align:left;}
.terms__detail .hgroup {padding:40px 0 8px}
.terms__detail .hgroup.-titles {padding:12px 0 4px;}
.terms__detail .hgroup + .hgroup.-titles {padding-top:0;}
.terms__detail p,
.terms__detail .bullets__item{color:#000;}
.terms__detail .p {margin-top:0;}
.terms__detail .bullets__item>.bullets {margin-top:2px;}
.terms__detail .bullets.-number {padding-left:0;list-style:decimal inside;}
.terms__detail .bullets__item .bullets.-circle>.bullets__item:before {color:#000;}

/* Dialog */
body.-has-dialog {overflow:hidden;position:fixed;width:100%;padding-right: 9px;}
.dialog {display:none;position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;}
.dialog.-active {display:block;}
.dialog__wrap {position:absolute;top:50%;left:50%;z-index:1000;padding:40px;background-color:#fff;border-radius:8px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform: translate3d(-50%, -50%,0);}
.dialog__wrap:focus {outline:none !important;}
.dialog .dialog__wrap {width:464px;}
.dialog.-big .dialog__wrap {width:670px;max-height:750px;}
.dialog.-alert .dialog__wrap {width:464px;padding:40px;}
.dialog.-alert .buttons.-center {margin-top:20px;}
.dialog__contents {margin-top:20px;padding-bottom:1px;}
.dialog.-big .dialog__contents {overflow-y:auto;min-height:190px;max-height:612px;margin-right:-35px;padding-right:35px;}
.dialog__contents.-titleless {margin-top:0;}
.dialog__contents .fieldset {margin-top:38px;}
.dialog .buttons {margin-top:40px;padding-bottom:1px;}
.dialog.-basic .buttons {margin-top:20px;}
.dialog__close {overflow:hidden;position:absolute;top:40px;right:40px;z-index:101;width:44px;height:44px;background:url(/pc/img/dialog_close.png) no-repeat 50%;border:0;text-indent:-9999px;transition:all .4s ease-in-out;}
.dialog__close.-white {background-image:url(/pc/img/dialog_close_wh.png);}
.dialog__print.-md {position:absolute;top:42px;right:102px;min-width:112px;}
.dialog__contents .tbl th,
.dialog__contents .tbl td {height:auto;}
.dialog__contents .fieldset .buttons,
.dialog__contents .tbl + .buttons {margin-top:40px;}
.-h320 {height:320px;}
/*zoom in image*/
.dialog.-zoom-in .dialog__wrap {max-width:900px;width:100%;border-radius:0;background-color: transparent;padding:0;}
.dialog.-zoom-in._has-scroll .dialog__wrap {max-width:none;width:1050px;max-height: 100%;height: auto;padding:120px 0;overflow-y:auto;transform: translate(calc(-50% + 75px), -50%);}
.dialog.-zoom-in .close {position:absolute;top:0px;right:-118px;z-index:101;width:32px;height:32px;background:url(/pc/img/dialog_close_wh.png) no-repeat 50%;text-indent:-9999px;}
.dialog.-zoom-in._has-scroll .close {position: sticky;top:32px;transform: translateX(1018px);}
.dialog.-zoom-in img {width:100%;}
.dialog.-zoom-in._has-scroll img {width:900px;}
/*download*/
.dialog__header{position: relative;}
.dialog .dialog__wrap.-download {width:527px;}
.dialog__close.-download {width:18px;height:18px; position: absolute; z-index: 20; top:50%; right:0; transform:translateY(-50%);}
.dialog-tit.-download {font-size:24px; font-weight:700;line-height: 35px;}
.dialog__contents.-download{ display: flex; flex-direction: column; margin-top: 35px;}
.dialog__contents .download__button{position: relative; width: 100%;height: 74px;padding: 24px 32px; background-color: #F6F7FB; border: 1px solid #E4E7ED; border-radius: 8px; text-align: left;}
.dialog__contents .download__button:first-child{margin-bottom: 12px;}
.dialog__contents .download__button .ico.ico-download{position:absolute;right:32px;z-index:101;width:24px;height:24px;background:url(/pc/img/ico_download2303.svg) no-repeat 50%;border:0;text-indent:-9999px;transition:all .4s ease-in-out;}
.tooltip-default{margin-top: 24px;}
.tooltip-default p{font-size: 14px;font-weight: 400;line-height: 20px;}
.tooltip-default.-gray {color: #A0A4AF;}
.tooltip-default .info{margin-top: 16px;position: relative;}
.tooltip-default .info p{margin-left: 18px;}
.tooltip-default .info .ico-info{position:absolute;top: 45%;transform: translate(0, -50%);width:12px;height:12px;background:url(/pc/img/ico_info.svg) no-repeat 50%;}
/* =Full Popup */
/* =Bottom Popup */
.dialog.-bottom .h1 {padding:16px 0 0 20px;}
.dialog.-bottom.-active {top:60px;opacity:1;}
.dialog.-bottom .dialog__wrap {min-height:100%;height:100%;margin:0;border-radius:16px 16px 0 0;}
.dialog.-bottom .dialog__contents {padding:0 20px;}
/* =Circle */
.dialog.-circle .dialog__wrap {position:relative;width:420px;height:420px;padding-top:210px;background:#E5F3FF url(/pc/img/recommend_pop1.png) no-repeat center top;border-radius:50%;box-shadow: 0px 30px 40px -10px rgba(0, 0, 0, 0.06);}
.dialog.-circle .dialog__contents {margin-top:0;}
.dialog.-circle .tl {color:#222;font-size:24px;}
.dialog.-circle .stl {margin-top:4px;color:#505256;font-size:16px;}
.dialog.-circle .buttons.-center {margin-top:32px;}
.dialog.-circle .dialog__close {position: absolute;top:0;right:0;width:40px;height:40px;background:url(/pc/img/spr_recommend.png) no-repeat -113px 0;border:0;}
.btn_notview {margin-top:16px;color:#808388;font-size:12px;}
.btn_notview:after {content:'';display:inline-block;width:10px;height:10px;margin-left:8px;background:url(/pc/img/spr_recommend.png) no-repeat -161px -11px;vertical-align:middle;}
/* =Outer */
.dialog.-outer .dialog__wrap {width:460px; padding:0; background-color:transparent;border-radius: 5px; overflow: hidden;}
.dialog.-outer .dialog__contents {margin-top:0; padding: 0;}
.dialog.-outer .banner-charancha a {display: block; width: 100%; height: 510px; background: #f8f8f8 url(/pc/images/icon-symbol-loading.svg) center center no-repeat; background-size: 136px;}
.dialog.-outer .control-bar {padding: 8px 6px; display: flex; justify-content: space-between; background: #fff;}
.dialog.-outer .control-bar button {padding: 0 16px; height: 36px; font-size: 15px; font-weight: 400; color: #3c3c3c;}
.dialog.-outer .control-bar button.dialog__close {overflow: initial; position: initial; top: initial; right: initial; z-index: initial; width: initial; height: initial; background: none; text-indent: initial;}
/* Thumnail */
.thumbnail__item {position:relative;min-height:72px;margin-top:16px;padding-left:112px;}
.thumbnail__item:first-child {margin-top:0;}
.thumbnail__link {display:block;}
.thumbnail__img {position:absolute;top:0;left:0;width:100px;height:72px;}
.data__key {color:#222;font-size:14px;}
.data__value {color:#808388;font-size:12px;}

/* Agree */
.agree__all {padding-bottom:20px;border-bottom:1px solid #d9dbe1;}
.agree__all label {font-size:16px;}
.agree__item {margin-top:8px;}
.agree__item:first-child {margin-top:20px;}
.agree__key {margin-top:12px;}
.agree__option {margin-top:12px;overflow:hidden;padding:20px;border:1px solid #d3d6de;border-radius:4px;}
.agree__option .selection {float:left;margin:0 40px 0 0;}
.agree__option label {color:#222;}

.agree__list.sign-up .agree__item {display:flex; justify-content: space-between; align-items: flex-start;}
.agree__list.sign-up .agree__value {margin-top:12px;}

/* 별점 */
.star_rating.-md {width:80px;}
.star_rating.-md,
.star_rating.-md span {height:16px;background-image:url(/pc/img/star_rating_md.png);background-size:80px auto;}
.star_rating.-md2 {width:90px;}
.star_rating.-md2,
.star_rating.-md2 span {height:18px;background-image:url(/pc/img/star_rating_w90.png);background-size:90px auto;}
.star_rating.-sm {width:60px;}
.star_rating.-sm,
.star_rating.-sm span {height:12px;background-image:url(/pc/img/star_rating_sm.png);background-size:60px auto;}
.star_rating {width:60px;}
.star_rating,
.star_rating span {overflow:hidden;display:inline-block;height:8px;background:url(/pc/img/star_rating.png) no-repeat 0 0;background-size:60px auto;}
.star_rating span {overflow:hidden;background-position:left bottom;line-height:0;text-indent:-9999px;vertical-align:top;}

/* Caution */
.notice {margin-top:40px;}
.notice__title {color:#222;font-size:18px;font-weight:bold;}
.notice>ul {margin-top:8px;}
.notice>ul + .notice__title {margin-top:32px;}

/* 하단 Floating 버튼 */
.floating.-active {position:fixed;top:56px;left:0;right:0;z-index:200;margin:0;background:#fff;}
.floating.-active .list-tops__menu {margin:0;}
.floating.-top.-active {margin:0;}
.floating.-top .tab {margin-top:0;}

/* Date Picker */
.ui-datepicker {display:none;width:320px;min-height:300px;margin-top:8px;padding:20px 10px 12px;background-color:#fff;border-radius:4px;border:1px solid #e4e7ed;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.08);}
.ui-datepicker-header {position:relative;font-size:14px;}
.ui-datepicker-title {color:#000;font-size:14px;font-weight:bold;text-align:center;}
.ui-datepicker .ui-icon {overflow:hidden;display:block;position:relative;top:0;left:0;width:20px;height:20px;background:url(/pc/img/btn_prev_calendar.png) no-repeat 50% 50%;text-indent:-99999px;}
.ui-datepicker .ui-datepicker-next span {background-image:url(/pc/img/btn_next_calendar.png);}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position:absolute;top:0;width:20px;height:20px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {left:7px;}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {right:7px;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.ui-datepicker table {width:100%;margin:16px 0 0;border-collapse:collapse;font-size:14px;}
.ui-datepicker th, .ui-datepicker td {text-align:center;}
.ui-datepicker th {color:#808388;font-size:12px;font-weight:normal;letter-spacing:-0.26px;}
.ui-datepicker td {padding:5px 0;}
.ui-datepicker td span,
.ui-datepicker td a {display:block;width:32px;height:32px;margin:0 auto;padding:0;line-height:32px;text-align:center;text-decoration:none;}
.ui-datepicker td .ui-state-highlight {background-color:#3767ff;border:0;border-radius:50%;color:#fff;}
.ui-state-disabled {cursor:default !important;color:#A0A4AF;}
.ui-state-disabled .ui-state-default {color:#A0A4AF;}
.ui-datepicker-trigger {position:absolute;top:0;right:0;width:50px;height:50px;text-indent:-99999px;}
.ui-datepicker-trigger:after {content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;background:url(/pc/img/spr_common2.webp) no-repeat -192px -47px;}
.ui-datepicker-trigger.-active:after {background-position:-168px -47px;}

/* SNS */
.sns__wrap {margin-top:80px;text-align:center;}
.sns__title {position:relative;}
.sns__title:before {content:'';position:absolute;top:14px;left:50%;width:320px;height:1px;margin-left:-160px;background-color:#d3d6de;}
.sns__title .h3 {position:relative;z-index:5;padding:0 10px;background-color:#fff;color:#808388;font-size:14px;font-weight:400;}
button.sns__button {overflow:hidden;width:48px;height:48px;margin:20px 4px 0;text-indent:0;}
.sns__button [class^=ico-] {overflow:hidden;display:inline-block;width:48px;height:48px;background:url(/pc/img/ico_sns.png) no-repeat 0 0;text-indent:-9999px;}
.sns__button .ico-kakao {background-position:-48px 0;}
.sns__button .ico-facebook {background-position:-96px 0;}
.sns__button .ico-google {background-position:-144px 0;}
.sns__button .ico-sms {background-position:-240px 0;}
.sns__button .ico-url {background-position:-192px 0;}

/* List */
.lists {border-bottom:1px solid #e5e5e5;}
.lists__item {border-top:1px solid #e5e5e5;}
.lists__item:first-child {border-top:0;}
.lists__heading {position:relative;}
.lists__link {display:block;position:relative;width:100%;padding:25px 50px 25px 32px;text-align:left;}
.lists.-go .lists__link:after,
.lists.accordion .lists__link:after  {content:'';position:absolute;top:50%;right:20px;width:24px;height:24px;margin-top:-12px;background:url(/pc/img/ico_arrow_right_grey.png) no-repeat 50% 0;}
.lists.-go .lists__link,
.lists.accordion .lists__link {padding-right:42px;}
.lists.accordion .panel {padding:32px 255px 32px 32px;background-color:#f6f7fb;color:#222;}
.lists.accordion .lists__link:after {background-image:url(/pc/img/ico_arrow_down_deepgrey.png);-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;-o-transition:transform .3s linear;transition:transform .3s linear;transition:transform .3s linear, -webkit-transform .3s linear;}
.accordion .-active .lists__link:after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.lists.-between .lists__item {overflow:hidden;display:table;width:100%;}
.lists.-between .lists__heading,
.lists.-between .option {display:table-cell;width:50%;padding:24px;}
.lists.-between .option {text-align:right;}
.lists__heading .desc {margin-top:2px;color:#808388;}
.lists .detail {margin-top:3px;}
.lists .detail .remark:nth-child(2):before {content:'';display:inline-block;margin:0 10px;width:1px;height:12px;background-color:#d3d6de;vertical-align:-2px;}
.lists.-between.-noline {border-bottom:0;}
.lists.-between.-noline .lists__item {border:0;}
.lists.-between.-noline .lists__item + .lists__item {margin-top:24px;}
.lists.-between.-noline .lists__heading,
.lists.-between.-noline .option {padding:0;line-height:24px;}
/* =List Box */
.listsbox {padding:15px 16px 13px;background-color:#f6f7fb;border-radius:4px;}
.listsbox__item {overflow:hidden;margin-top:7px;}
.listsbox__item:first-child {margin-top:0;}
.listsbox__item .th {float:left;width:50%;color:#808388;font-size:14px;}
.listsbox__item .td {float:left;width:50%;color:#222;font-size:14px;text-align:right;}
/* ==상단 결과 영역 */
.search__total {margin-bottom:20px;border:0;}
.search__total .total strong {color:#3767ff;}
.search__total .sort-wrap {position:relative;height:38px;margin-top:12px;padding:8px 20px;background:#f6f7fb;}
.search__total .sort-wrap:after {content:"";display:block;height:0;clear:both;}
.search__total .search_fl {float:left;}
.search__total .search_fr {float:right;}
.search__total.-single {text-align:right;}
.search__total.-single .sort-wrap {padding-top:0;}
.search__total .select__wrap {display:inline-block;text-align:left;}
.search__total .select__wrap:first-child {width:149px !important;}

/* Scrollbar base css */
.scroll-wrapper {overflow:hidden !important;position:relative;padding:0 !important;}
.scroll-wrapper > .scroll-content {overflow:scroll !important;box-sizing:content-box !important;position:relative !important;top:0;left:0;max-width:none !important;width:auto !important;max-height:none;height:auto;margin:0;padding:0;border:none !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {width:0;height:0;}
.scroll-element {display:none;}
.scroll-element, .scroll-element div {box-sizing:content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {display:block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {cursor:default;}
.scroll-textarea {border:1px solid #ccc;border-top-color:#999;}
.scroll-textarea > .scroll-content {overflow:hidden !important;}
.scroll-textarea > .scroll-content > textarea {overflow:scroll !important;box-sizing:border-box;position:relative !important;top:0;max-width:none !important;max-height:none !important;width: 100% !important;height:100% !important;margin:0;padding:2px;border:none !important;outline:none;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height:0;width:0;}
/* =simple outer scrollbar */
.-scroll > .scroll-element,
.-scroll > .scroll-element div {position:absolute;z-index:10;margin:0;padding:0;border:none;}
.-scroll > .scroll-element {background-color:#fff;}
.-scroll > .scroll-element div {display:block;left:0;top:0;width:100%;height:100%;}
.-scroll > .scroll-element.scroll-x {bottom:0;left:0;width:100%;height:12px;}
.-scroll > .scroll-element.scroll-y {right:0;top:0;width:12px;height:100%;}
.-scroll > .scroll-element.scroll-x .scroll-element_outer {top:2px;height:8px;}
.-scroll > .scroll-element.scroll-y .scroll-element_outer {left:2px;width:6px;}
.-scroll > .scroll-element .scroll-element_outer {overflow:hidden;}
.-scroll > .scroll-element .scroll-element_track {background-color:transparent;}
.-scroll > .scroll-element .scroll-element_outer,
.-scroll > .scroll-element .scroll-element_track,
.-scroll > .scroll-element .scroll-bar {border-radius:6px;}
.-scroll > .scroll-element .scroll-bar {background-color:#d3d6de;}
.-scroll > .scroll-element.scroll-y .scroll-bar {min-height:63px !important;}
.-scroll > .scroll-element.scroll-draggable .scroll-bar {background-color:#919191;}
.-scroll > .scroll-element.scroll-x .scroll-bar {width:108px !important; height:6px !important;}

/* paginate */
.paginate {margin-top:32px;text-align:center}
.paginate a {display:inline-block;position:relative;min-width:32px;margin:0 2px;padding:0 6px;color:#A0A4AF;vertical-align:middle;}
.paginate a.active {color:#3767ff;font-weight:500;}
.paginate a:hover {color:#558FFF;}
.paginate a:hover:after {display:none;}
.paginate a.active:after {content:'';display:block;border-bottom:1px solid #3767ff;}
.paginate .btn_paging {width:32px;height:32px;margin:0;padding:0;background-color:#fff;border:1px solid #d3d6de;border-radius:4px;text-indent:-9999px;}
.paginate .btn_paging:before {content:'';display:inline-block;position:absolute;top:-1px;left:-1px;width:32px;height:32px;background:url(/pc/img/btn_paginate.png) no-repeat 0 0;}
.paginate .btn_paging:hover:after {display:none;}
.paginate .prev {margin-right:10px;}
.paginate .next {margin-left:10px;}
.paginate .prev:before {background-position:-32px 0;}
.paginate .next:before {background-position:-32px 0;transform:rotate(-180deg);}
.paginate .last:before {transform:rotate(-180deg);}
.cars-list .bnn-list + .page-between {margin-top:0;}
.page-between {margin-top:37px;text-align:center;}
.page-between .paginate {display:inline-block;margin-top:0;}
.paginate-between {position:relative;padding-right:112px;}
.paginate-between .buttons {position:absolute;top:50%;right:0;margin-top:-20px;}
.paginate-between .button {min-width:112px;padding:0;}

/* 차량리스트 */
.cars__photo {display:block;width:180px;margin-bottom:12px;}
.cars__name {position:relative;margin-top:8px;}
.cars__info>.option {overflow:hidden;line-height:1;}
.cars__info>.option>span {display:inline-block;color:#808388;font-size:14px;}
.cars__info>.option>span:after {content:'';display:inline-block;width:9px;height:10px;margin-right:8px;border-right:1px solid #D3D6DE;}
.cars__info>.option>span:last-child:after {width:0;margin:0;border:0;}
.cars__price {color:#3767FF;font-size:20px;font-weight:700;}
.cars__name {overflow:hidden;display:inline-block;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.cars__name>.brand,
.cars__name>.name {overflow:hidden;display:inline;max-height:24px;color:#222;font-size:16px;line-height:1.3}
.cars__name.-row {text-overflow:clip;}
.cars__name.-row:after {display:none;}
.cars__link:hover .cars__name.-row {color:#3767FF;}
.cars__link:hover .brand,
.cars__link:hover .name {color:#3767FF;}
.cars__name.-row>.brand,
.cars__name.-row>.name {display:block;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.cars__share {margin-top:12px;}
.cars__share>[class^=btn-] {position:relative;margin-left:24px;color:#808388;font-size:14px;}
.cars__share>[class^=btn-]:after {content:'';display:inline-block;width:24px;height:24px;margin-left:4px;background:url(/pc/img/spr_common2.webp) no-repeat -216px -47px;vertical-align:middle;}
.cars__share>.btn-compare:after {background-position:-216px -47px;background-color:#a0a4af;border-radius:50%;}
.cars__share>.btn-zzim:after {background-position:-240px -47px;background-color:#a0a4af;border-radius:50%;}
.cars__share>.btn-compare.-active:after {background-position:-264px -47px;background-color:#558fff;}
.cars__share>.btn-zzim.-active:after {background-position:-288px -47px;background-color:#558fff;}
.cars__share.-notext {position:absolute;bottom:0;right:0;display:inline-block;}
.cars__share.-notext>[class^=btn-] {width:24px;height:24px;margin-left:16px;text-indent:-9999em;}
.cars__share.-notext>[class^=btn-]:after {position:absolute;top:0;right:0;margin-left:0;}
.cars__share>[class^=btn-]:first-child {margin-left:0;}
.badge-live {overflow:hidden;position:absolute;top:0;left:0;z-index:5;width:40px;height:40px;background:url(/pc/img/ico_badge_live.png) no-repeat 0 0;text-indent:-999px;}
.cars-list .badge-live {position:absolute;top:40px;}

/* Tab */
.tab.-round {margin-top:60px;}
.tab.-round .tab__list:after {content:'';display:block;clear:both;}
.tab.-round .tab__list:before {display:none;}
.tab.-round .tab__item {float:left;position:relative;height:52px;border:1px solid #d3d6de;border-left:0;color:#808388;line-height:52px;text-align:center;}
.tab.-round .tab__item+.tab__item {margin-left:0;}
.tab.-round .tab__item:first-child {border-left:1px solid #d3d6de;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.tab.-round .tab__item:last-child {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.tab.-round .tab__item.-active .tab__button {border:0;color:#3767ff;font-weight:normal;}
.tab.-round .tab__item.-active:after {content:'';position:absolute;top:-1px;left:-1px;z-index:1;width:100%;height:100%;border:1px solid #3767ff;}
.tab.-round .tab__button {width:100%;height:100%;line-height:52px;}
.tab.-round .tab__item:first-child:after {border-top-left-radius:4px;}
.tab.-round .tab__item:last-child:after {border-bottom-right-radius:4px;}
.tab.-round .-oneline .tab__item:first-child:after {border-bottom-left-radius:4px;}
.tab.-round .-oneline .tab__item:last-child:after {border-top-right-radius:4px;}
.tab.-round ._4col.-twolines .tab__item:nth-child(4n)~.tab__item {border-top:0;}
.tab.-round ._4col.-twolines .tab__item:first-child {border-left:1px solid #d3d6de;border-top-left-radius:4px;border-bottom-left-radius:0;}
.tab.-round ._4col.-twolines .tab__item:nth-child(4n) {border-top-right-radius:4px;}
.tab.-round ._4col.-twolines .tab__item:nth-child(5n) {border-left:1px solid #d3d6de;border-bottom-left-radius:4px;}
.tab.-round .-oneline {width:792px;margin:0 auto;}
.tab.-round ._4col.-twolines .tab__item:first-child.-active:after {border-bottom-left-radius:0;}
.tab.-round ._4col.-twolines .tab__item:nth-child(4n).-active:after {border-top-right-radius:4px;}
.tab.-round ._4col.-twolines .tab__item:nth-child(5n).-active:after {border-bottom-left-radius:4px;}
.tab.-round ._4col.-twolines .tab__item:last-child.-active:after {border-top-right-radius:0;}
.tab.-round.tab-faq .tab__item:nth-child(6) {display: none;}

/* Tooltip */
.opener {overflow:hidden;display:inline-block;position:relative;width:24px;height:24px;margin-top:-2px;vertical-align:middle;text-indent:-9999px;}
.opener:after {content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url(/pc/img/spr_common2.webp) no-repeat -16px -103px;}
.opener-checked {overflow:hidden;display:inline-block;position:relative;width:24px;height:24px;margin-top:-2px;vertical-align:middle;text-indent:-9999px;}
.opener-checked:after {content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url(/pc/images/icon-checked-popover.svg) no-repeat;}
.opener-share {overflow:hidden;display:inline-block;position:relative;width:24px;height:24px;margin-top:-2px;text-indent:-9999px;vertical-align:middle;}
.popover {display:none;position:absolute;z-index:100;width:282px;padding:16px 44px 16px 16px;background-color:#F6F7FB;border:1px solid #D3D6DE;border-radius:4px;-webkit-box-shadow:0 6px 10px rgba(0, 0, 0, 0.08);box-shadow:0 6px 10px rgba(0, 0, 0, 0.08);color:#222;font-size:14px;font-weight:400;line-height:1.57;text-align:left;}
.popover.-active {display:inline-block;}
.popover.-left {left:0;}
.popover.-right {right:0;}
.popover__close {overflow:hidden;display:block;position:absolute;top:0;right:0;width:44px;height:44px;background:url(/pc/img/btn_tooltip_close.png) no-repeat 50%;border:0;border-radius:2px;text-indent:100%;white-space:nowrap;}
.popover__p+.popover__p {margin-top:12px;}
.popover.-bgwhite {min-width:258px;width:258px;background-color:#fff;}

/* 로딩중 */
.loading {display:none;}
.loading.-active {display:block;}
.loading__ico {position:fixed;top:50%;left:50%;z-index:201;width:66px;height:66px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);text-indent:-9999em;}
.loading__ico:after {content:'';display:block;box-sizing:border-box;position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;background:url(/pc/img/loading.gif) no-repeat 50%;}
.loading__ico {position:fixed;top:50%;left:50%;z-index:201;width:96px;height:96px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);text-indent:-9999em; }
.loading__ico:after {content:'';display:block;box-sizing:border-box;position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;background:url(/pc/img/loading.gif) no-repeat 0 0 / 48px;}

/* Error */
#contents.no-page {padding:0;}
.no-page__inr {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.no-page__inr .results .bullets,
.dialog__contents .results .bullets {display:inline-block;margin-top:12px;color:#808388;text-align:left;}

/*차량검색 브랜드 아이콘*/
/* ==국산 브랜드 */
.ico-brand {display:inline-block;width:48px;height:48px;background:url(/pc/img/spr_brand_20250311.png) no-repeat 0 0;vertical-align:middle;}
.ico-brand.-hyundae {background-position:0 0;}
.ico-brand.-genesis {background-position:-48px 0;}
.ico-brand.-kia {background-position:-96px 0;}
.ico-brand.-chevolet {background-position:-144px 0;}
.ico-brand.-samsung {background-position:-192px 0;}
.ico-brand.-ssangyong {background-position:-240px 0;}
.ico-brand.-oawoolim {background-position:-288px 0;}
.ico-brand.-etc {background-position:-336px 0;}
/* ==수입 브랜드 */
.ico-brand.-bmw {background-position:0 -48px;}
.ico-brand.-gm {background-position:-48px -48px;}
.ico-brand.-gmc {background-position:-96px -48px;}
.ico-brand.-kubota {background-position:-144px -48px;}
.ico-brand.-pgo {background-position:-192px -48px;}
.ico-brand.-vogele {background-position:-240px -48px;}
.ico-brand.-nigata {background-position:-288px -48px;}
.ico-brand.-nissan {background-position:-336px -48px;}
.ico-brand.-daihatsu {background-position:-384px -48px;}
.ico-brand.-dodge {background-position:-432px -48px;}
.ico-brand.-dongfeng {background-position:0 -96px;}
.ico-brand.-ranciar {background-position:-48px -96px;}
.ico-brand.-lamborghini {background-position:-96px -96px;}
.ico-brand.-landrover {background-position:-144px -96px;}
.ico-brand.-lexus {background-position:-192px -96px;}
.ico-brand.-rover {background-position:-240px -96px;}
.ico-brand.-lotus {background-position:-288px -96px;}
.ico-brand.-rollsroyce {background-position:-336px  -96px;}
.ico-brand.-renau {background-position:-384px -96px;}
.ico-brand.-lincoln {background-position:-432px -96px;}
.ico-brand.-maserati {background-position:0 -144px;}
.ico-brand.-maybach {background-position:-48px -144px;}
.ico-brand.-matsuda {background-position:-96px -144px;}
.ico-brand.-mclaren {background-position:-144px -144px;}
.ico-brand.-man {background-position:-192px -144px;}
.ico-brand.-mercury {background-position:-240px -144px;}
.ico-brand.-mini {background-position:-288px -144px;}
.ico-brand.-mitsuoka {background-position:-336px -144px;}
.ico-brand.-mitsubishi {background-position:-384px -144px;}
.ico-brand.-bentley {background-position:-432px -144px;}
.ico-brand.-benz {background-position:0 -192px;}
.ico-brand.-mercedes-benz {background-position:0 -192px;}
.ico-brand.-volvo {background-position:-48px -192px;}
.ico-brand.-bugatti {background-position:-96px -192px;}
.ico-brand.-buick {background-position:-144px -192px;}
.ico-brand.-saab {background-position:-192px -192px;}
.ico-brand.-scion {background-position:-240px -192px;}
.ico-brand.-saturn {background-position:-288px -192px;}
.ico-brand.-sunlong {background-position:-336px -192px;}
.ico-brand.-chevolet {background-position:-384px -192px;}
.ico-brand.-smart {background-position:-432px -192px;}
.ico-brand.-subaru {background-position:0 -240px;}
.ico-brand.-suzuki {background-position:-48px -240px;}
.ico-brand.-scania {background-position:-96px -240px;}
.ico-brand.-spyker {background-position:-144px -240px;}
.ico-brand.-citroen {background-position:-192px -240px;}
.ico-brand.-aston {background-position:-240px -240px;}
.ico-brand.-audi {background-position:-288px -240px;}
.ico-brand.-acura {background-position:-336px -240px;}
.ico-brand.-alfar {background-position:-384px -240px;}
.ico-brand.-opel {background-position:-432px -240px;}
.ico-brand.-oldsmobile {background-position:0 -288px;}
.ico-brand.-iveco {background-position:-48px -288px;}
.ico-brand.-isuzu {background-position:-96px -288px;}
.ico-brand.-infiniti {background-position:-144px -288px;}
.ico-brand.-jeguar {background-position:-192px -288px;}
.ico-brand.-zhmotors1 {background-position:-240px -288px;}
.ico-brand.-zhmotors2 {background-position:-288px -288px;}
.ico-brand.-jeep {background-position:-336px -288px;}
.ico-brand.-cadillac {background-position:-384px -288px;}
.ico-brand.-konegsegg {background-position:-432px -288px;}
.ico-brand.-chrysler {background-position:0 -336px;}
.ico-brand.-tatadaewoo {background-position:-48px -336px;}
.ico-brand.-tesla {background-position:-96px -336px;}
.ico-brand.-toyota {background-position:-144px -336px;}
.ico-brand.-pagani {background-position:-192px -336px;}
.ico-brand.-panther {background-position:-240px -336px;}
.ico-brand.-ferrari {background-position:-288px -336px;}
.ico-brand.-ford {background-position:-337px -336px;}
.ico-brand.-porsche {background-position:-384px -336px;}
.ico-brand.-photon {background-position:-432px -336px;}
.ico-brand.-volkswagen {background-position:0 -384px;}
.ico-brand.-pontiac {background-position:-48px -384px;}
.ico-brand.-peugeot {background-position:-96px -384px;}
.ico-brand.-fiat {background-position:-144px -384px;}
.ico-brand.-hammer {background-position:-192px -384px;}
.ico-brand.-honda {background-position:-240px -384px;}
.ico-brand.-hino {background-position:-288px -384px;}
.ico-brand.-hitachi {background-position:-336px -384px;}

/* 검색폼 */
.caption + .search-form,
.sorting__value + .search-form {margin-top:12px;}
.search-form {padding:60px 102px;background-color:#F6F7FB;}
.search-form.-basic {padding:60px 204px;}
.search-form.-basic .field.multi {padding-right:188px;}
.search-form:after {content:'';display:block;clear:both;}
.search-form .-left {float:left;width:384px;}
.search-form .-right {float:left;width:588px;margin:0 0 0 24px;}
.search-form .-right .field.multi {padding-right:204px;}
.search-form .field.multi .button {width:180px;}

/* 첨부파일 */
.file__group {position:relative;}
.file__group .label {display:inline-block;}
.filebox__group {position:relative;margin-top:8px;padding-bottom:41px;}
.label + .filebox__group {margin-top:0px;}
.file__group .filebox__group {margin-top:0;}
.filebox__group .caption {position:absolute;bottom:11px;left:0;}
.filebox__group .buttons {position:absolute;right:0;bottom:0;width:100%;margin-top:0;text-align:right;}
.filebox .button {display:inline-block;height:29px;line-height:29px;}
.filebox input[type="file"] {overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0, 0, 0, 0);}
.filebox input[type="file"]:disabled+label {border-color:#d3d6de;color:#D3D6DE;}
.filebox.-disabled label {border-color:#d3d6de;color:#D3D6DE;}
.filebox.-disabled:after {content:'';position:absolute;right:0;top:0;width:100%;height:100%;}
/*.filebox__list {padding:24px;background-color:#f6f7fb;border-radius:4px;}*/
/*.filebox__list .nodata {text-align:center;}*/
.filebox__list {margin-top: 8px;height: 160px;}
.label + .filebox__group > .filebox__list {margin-top:0px;}
.file-register-box {width: 100%;height: 160px;border: 1px dashed #D3D6DE;border-radius: 5px;background-color: #F6F7FB;display: flex;align-items: center;justify-content: center;cursor: pointer;text-align: center;}
.file-register-box .placeholder-text {color: #A0A4AF;font-size: 14px;line-height: 20px;}

/* 파일 미리보기 */
.file-preview-box {display: inline-block;position: relative;width: 100%;height: 160px;border-radius: 5px;border: 1px solid #D3D6DE;background-color: rgba(0, 0, 0, 0.50);align-items: center;justify-content: center;text-align: center;cursor:pointer;}
.file-preview-img {max-width: 100%;display: block;height: 100%;text-align: end;object-position: center;width: 100%;object-fit: contain;}
.preview-buttons {position: absolute;top: 0;right: 0;width: 28px;height: 28px;padding: 6px;background-color: rgba(0, 0, 0, 0.60);border-radius: 0px 0px 0px 5px;}
.btn-delete {width: 16px;height: 16px;border: none;cursor: pointer;font-size: 0.9rem;color: #fff;background:url(/pc/images/ico_close.svg) no-repeat 0 0;border:0;text-indent:-9999px;transition:all .4s ease-in-out;}
.icon-add{width: 20px;height: 20px;background:url(/pc/images/ico_add.svg) no-repeat 0 0;border:0;text-indent:-9999px;transition:all .4s ease-in-out;}

.recommend-box{position: relative;margin-top: 12px;  border-radius: 3px;background: #F6F7FB;padding: 8px 10px 8px 13px;}
.recommend-box .text{color: #222;font-size: 14px; display: flex; align-items: center;}
.icon-user{display: inline-block;margin-right: 4px;width: 14px;height: 14px;background:url(/pc/images/ico_user.svg) no-repeat 0 0;border:0;text-indent:-9999px;transition:all .4s ease-in-out;}
.recommend-box .sub_text{margin-left:18px; color: #808388;font-size: 14px;}
.recommend-box .recommend-del-btn{position: absolute;top: 8px;right: 10px;width: 14px;height: 14px;border: none;cursor: pointer;font-size: 0.9rem;color: #fff;background:url(/pc/images/ico_close_gray.svg) no-repeat 0 0;border:0;text-indent:-9999px;transition:all .4s ease-in-out;}
.file__list {margin-top:8px;}
.file__list:first-child {margin-top:0;}
.file__list .name:before {content:'';display:inline-block;margin-right:4px;width:16px;height:16px;background:url(/pc/img/spr_common2.webp) no-repeat -352px -79px;vertical-align:-2px;}
.file__list .btn-del:after {vertical-align:-3px;}
.file__list .button.-sm {margin-top:-3px;}

/* 공통 banner */
/*.banner-charancha {position:relative;}*/
/*.banner-charancha .figure img {border-radius:8px;}*/
/*.banner-charancha .btn-gotolive {z-index:1;position:absolute;left:50%;bottom:60px;transform:translateX(-50%);display:block;width:385px;height:57px;margin:0 auto;background:#ff673e;border-radius:50px;font-size:17px;line-height:57px;text-align:center;color:#fff;letter-spacing:0.6px;} !* lhy_210107_추가 *!*/
/*.banner-charancha .btn-anymore {position:absolute;bottom:29px;left:0;width:100%;color:#fff;font-size:12px;line-height:18px;text-align:center;}*/
/*.banner-charancha .btn-anymore:after {content:'';display:inline-block;width:10px;height:10px;margin-left:8px;background:url(/pc/img/spr_common2.webp) no-repeat -364px 0;vertical-align:-1px;}*/

/* 앱다운로드 유도팝업 */
.download-app .h3 + p,
.download-app .caption {margin-top:13px;}
.download-app .caption + .caption {margin-top:8px;}
.download-app .field.multi {position:relative;padding-right:138px;}
.download-app .field.multi .button {position:absolute;top:0;right:0;width:130px;}
.sms-form .-agree {margin-top:20px;}
.sms-form .-agree .form__bottom {margin-left:28px;}
.download-qr {margin-top:40px;padding-top:40px;border-top:1px solid #d3d6de;}
.download__applist {overflow:hidden;margin-top:21px;}
.download__item {float:left;width:264px;}
.download__item + .download__item {margin-left:58px;}
.download__item .headline {font-size:14px;}
.download__item .figure {position:relative;margin-top:13px;}
.os__img {display:inline-block;position:relative;width:184px;height:60px;margin-right:16px;border:1px solid #D3D6DE;border-radius:50px;text-indent:-9999px;}
.os__img:before {content:'';position:absolute;top:50%;left:50%;width:100%;height:28px;background:url(/pc/img/img_os.png) no-repeat 50% 0;transform:translate(-50%, -50%);}
.os__img.-ios:before {background-position:50% 100%;}

/* 22.1.24, yujin.cho, 코드마이그레이션 */
/* 22.03.04, yujin.cho, MG|폴스타|디폴트이미지 추가 */
/* 검색 */
.selections.-img [type=checkbox]+label {font-size:14px;}
.primary-option__li{word-break: keep-all;}
.primary-option__link{display: block; padding-left: 12px; padding-right: 12px;}

/* 차량 브랜드 */
.ico-brand[class*=mk_] {display:inline-block; width:48px; height:48px; background:url(/pc/img/spr_brand_20250311.png) no-repeat 100% 0; vertical-align:middle;}
.ico-brand.mk_001 {background-position:0 -48px;} /* BMW */
.ico-brand.mk_002 {background-position:-96px -48px;} /* GMC */
.ico-brand.mk_003 {background-position:-384px -384px;} /* MG */
.ico-brand.mk_004 {background-position:-96px 0;} /* 기아 */
.ico-brand.mk_005 {background-position:-336px 0;} /* 기타 제조사 */
.ico-brand.mk_006 {background-position:-336px -48px;} /* 닛산 */
.ico-brand.mk_007 {background-position:-384px -48px;} /* 다이하쓰 */
.ico-brand.mk_008 {background-position:-432px -48px;} /* 닷지 */
.ico-brand.mk_009 {background-position:-144px -336px;} /* 토요타 */
.ico-brand.mk_010 {background-position:0 -96px;} /* 동풍소콘 */
.ico-brand.mk_011 {background-position:-96px -96px;} /* 람보르기니 */
.ico-brand.mk_012 {background-position:-144px -96px;} /* 랜드로버 */
.ico-brand.mk_013 {background-position:-192px -96px;} /* 렉서스 */
.ico-brand.mk_014 {background-position:-288px -96px;} /* 로터스 */
.ico-brand.mk_015 {background-position:-336px  -96px;} /* 롤스로이드 */
.ico-brand.mk_016 {background-position:-384px -96px;} /* 르노 */
.ico-brand.mk_017 {background-position:-192px 0;} /* 르노삼성 */
.ico-brand.mk_018 {background-position:-432px -96px;} /* 링컨 */
.ico-brand.mk_019 {background-position:0 -144px;} /* 마세라티 */
.ico-brand.mk_020 {background-position:-48px -144px;} /* 마이바흐 */
.ico-brand.mk_021 {background-position:-96px -144px;} /* 마쯔다 */
.ico-brand.mk_022 {background-position:-144px -144px;} /* 맥라렌 */
.ico-brand.mk_023 {background-position:-240px -144px;} /* 머큐리 */
.ico-brand.mk_024 {background-position:-288px -144px;} /* 미니 */
.ico-brand.mk_025 {background-position:-384px -144px;} /* 미쯔비시 */
.ico-brand.mk_026 {background-position:-336px -144px;} /* 미쯔오카 */
.ico-brand.mk_027 {background-position:0 -192px;} /* 벤츠 */
.ico-brand.mk_028 {background-position:-432px -144px;} /* 벤틀리 */
.ico-brand.mk_029 {background-position:-48px -192px;} /* 볼보 */
.ico-brand.mk_030 {background-position:-96px -192px;} /* 부가티 */
.ico-brand.mk_031 {background-position:-240px -288px;} /* 북기은상 */
.ico-brand.mk_032 {background-position:-144px -192px;} /* 뷰익 */
.ico-brand.mk_033 {background-position:-192px -192px;} /* 사브 */
.ico-brand.mk_034 {background-position:-144px 0;} /* 쉐보레(GM대우) */
.ico-brand.mk_035 {background-position:-384px -192px;} /* 쉐보레 */
.ico-brand.mk_036 {background-position:-432px -192px;} /* 스마트 */
.ico-brand.mk_037 {background-position:0 -240px;} /* 스바루 */
.ico-brand.mk_038 {background-position:-48px -240px;} /* 스즈키 */
.ico-brand.mk_039 {background-position:-192px -240px;} /* 시트로엥 */
.ico-brand.mk_040 {background-position:-240px 0;} /* 쌍용 */
.ico-brand.mk_041 {background-position:-288px -240px;} /* 아우디 */
.ico-brand.mk_042 {background-position:-384px -240px;}/* 알파 로메오 */
.ico-brand.mk_043 {background-position:-240px -240px;} /* 애스터마틴 */
.ico-brand.mk_044 {background-position:-336px -240px;} /* 아큐라 */
.ico-brand.mk_045 {background-position:-432px -240px;} /* 오펠 */
.ico-brand.mk_046 {background-position:0 -288px;} /* 올즈모빌 */
.ico-brand.mk_047 {background-position:-96px -288px;} /* 이스즈 */
.ico-brand.mk_048 {background-position:-144px -288px;} /* 인피니티 */
.ico-brand.mk_049 {background-position:-192px -288px;} /* 재규어 */
.ico-brand.mk_050 {background-position:-48px 0;} /* 제네시스 */
.ico-brand.mk_051 {background-position:-336px -288px;} /* 지프 */
.ico-brand.mk_052 {background-position:-384px -288px;} /* 캐딜락 */
.ico-brand.mk_053 {background-position:-432px -288px;} /* 코닉세그 */
.ico-brand.mk_054 {background-position:0 -336px;} /* 크라이슬러 */
.ico-brand.mk_055 {background-position:-96px -336px;} /* 테슬라 */
.ico-brand.mk_056 {background-position:-288px -336px;} /* 페라리 */
.ico-brand.mk_057 {background-position:-337px -336px;} /* 포드 */
.ico-brand.mk_058 {background-position:-384px -336px;} /* 포르쉐 */
.ico-brand.mk_059 {background-position:-432px -336px;} /* 포톤 */
.ico-brand.mk_060 {background-position:0 -384px;} /* 폭스바겐 */
.ico-brand.mk_061 {background-position:-48px -384px;} /* 폰티액 */
.ico-brand.mk_062 {background-position:-96px -384px;} /* 푸조 */
.ico-brand.mk_063 {background-position:-144px -384px;} /* 피아트 */
.ico-brand.mk_064 {background-position:0 0;} /* 현대 */
.ico-brand.mk_065 {background-position:-240px -384px;} /* 혼다 */
.ico-brand.mk_066 {background-position:-240px -192px;} /* 사이언 */
.ico-brand.mk_067 {background-position:-192px -384px;} /* 험머 */
/*.ico-brand.mk_068, !* 중대형화물/특장 *!*/
/*.ico-brand.mk_069, !* 켐핑카/캠핑트레일러 *!*/
/*.ico-brand.mk_070, !* 중대형버스 *!*/
/*.ico-brand.mk_071 {background-position:-336px 0;} !* 건설/중기/덤프 *!*/
.ico-brand.mk_072 {background-position:-432px -384px;} /* 폴스타 */
.ico-brand.mk_074 {background-position:0px -432px;} /* 이네오스 */
.ico-brand.mk_075 {background-position:-48px -432px;} /* BYD */

/* 220518 */
.align_center{text-align:center;}
.align_right{text-align:right;}
.align_left{text-align:left;}
/* 220518 end*/

/*0527 */
#paging .btn_paging {margin:0 2px;}
/*0527 end */

/* 20220712 이미지 프로세싱 업데이트 */
.thumb_img img{-o-object-fit: cover; object-fit: cover; -o-object-position:center; object-position:center; width:100%; height:100%; }