@charset "UTF-8";/* RESET CUSTOM */*, *::before, *::after { font-family: "Noto Sans KR", sans-serif;box-sizing: border-box;margin: 0;padding: 0;word-break: keep-all;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: auto;}
html { font-size: 10px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-drag: none;/* user-drag: none; *//* outline: none; */}
body { width: 100%;min-height: 100%;background-color: #fff;color: #111;font-size: 1.6rem;font-weight: 400;line-height: 1.71;letter-spacing: -0.03em;word-break: break-all;word-wrap: break-word;overflow-x: hidden;}
body.modal-open { overflow: hidden;}
a { text-decoration: none;}
p { margin-top: 0; margin-bottom: 1rem;}
p:last-of-type { margin-bottom: 0;}
::placeholder { color: #ccc;}
button { -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* margin */
.m0   {margin: 0 !important;}
.mt0  {margin-top: 0 !important;}
.mt8  {margin-top: 0.8rem !important;}
.mt10 {margin-top: 1rem !important;}
.mt12 {margin-top: 1.2rem !important;}
.mt14 {margin-top: 1.4rem !important;}
.mt16 {margin-top: 1.6rem !important;}
.mt18 {margin-top: 1.8rem !important;}
.mt20 {margin-top: 2rem !important;}
.mt25 {margin-top: 2.5rem !important;}
.mt30 {margin-top: 3rem !important;}
.mt40 {margin-top: 4rem !important;}
.mt60 {margin-top: 6rem !important;}
.mt100{margin-top: 10rem !important;}

.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 1rem !important;}
.mb20 {margin-bottom: 2rem !important;}
.mb40 {margin-bottom: 4rem !important;}
.mb60 {margin-bottom: 6rem !important;}
.mr4 {margin-right: 0.4rem !important;}

.mtb0{ margin-bottom:0 !important; margin-top:0 !important;}
.mb05{ margin-bottom:.05rem;}
.mb1 { margin-bottom:1rem;}
.mb2 { margin-bottom:2rem;}
.mb3 { margin-bottom:3rem;}
.mb4 { margin-bottom:4rem;}
.mb5 { margin-bottom:5rem;}
.mb6 { margin-bottom:6rem;}
.mb8 { margin-bottom:8rem !important;}
.mb10{margin-bottom: 10rem !important;}
.mb12{margin-bottom: 12rem !important; }
.mb18{margin-bottom: 18rem !important;}

.ml1{ margin-left:1rem !important;}
.mt1{ margin-top:1rem !important;}
.mt2{ margin-top:2rem !important;}
.mt3{ margin-top:3rem !important;}
.mt4{ margin-top:4rem !important;}
.mt6{ margin-top:6rem !important;}
.mt8{ margin-top:8rem !important;}

/* padding */
.pt0 { padding-top:0 !important}
.pt1 { padding-top:1rem !important}
.pt2 { padding-top:2rem !important}
.pt3 { padding-top:3rem !important}
.pt4 { padding-top:4rem !important}

.pb0 {padding-bottom: 0 !important;}
.pb1 { padding-bottom:1rem !important}
.pb2 { padding-bottom:2rem !important}
.pb3 { padding-bottom:3rem !important}
.pb4 { padding-bottom:4rem !important}

.pl02{ padding-left:.2rem !important}
.pl03{ padding-left:.3rem !important}
.pl1 { padding-left:1rem !important}
.pl2 { padding-left:2rem !important}
.pl3 { padding-left:3rem !important}
.pl4 { padding-left:4rem !important}
.pr1 { padding-right:1rem !important}
.pr2 { padding-right:2rem !important}
.pr3 { padding-right:3rem !important}
.pr4 { padding-right:4rem !important}


/* img { pointer-events: none;} *//* keypad *//* .kpd-wrap img,
#map img, .map-visual .map-area img { pointer-events: initial;} */
/* Division */.section {position: relative;}
.article {position: relative;}
/* Display */.block {display: block;}
.none {display: none;}
.visible {visibility: visible;}
.hidden {visibility: hidden;}
/* .flex {display: flex;} */
/* slider scroll */.scroll-x { width: 100%;overflow: hidden;overflow-x: auto;}
.scroll-y { overflow: hidden;overflow-y: auto;}
.scroll-hidden { overflow: hidden !important;}

/* Headlines */h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0;}
/* Font */.en {font-family: "NanumSquare", sans-serif;}
.ko {font-family: "NanumSquare", sans-serif;}
.no {font-family: "NanumSquare", sans-serif;}

.fs10 {font-size: 1rem !important;}
.fs11 {font-size: 1.1rem !important;}
.fs12 {font-size: 1.2rem !important;}
.fs13 {font-size: 1.3rem !important;}
.fs14 {font-size: 1.4rem !important;}
.fs15 {font-size: 1.5rem !important;}
.fs16 {font-size: 1.6rem !important;}
.fs17 {font-size: 1.7rem !important;}
.fs18 {font-size: 1.8rem !important;}
.fs19 {font-size: 1.9rem !important;}
.fs20 {font-size: 2rem !important;}
.fs30 {font-size: 3rem !important;}
.fs40 {font-size: 3rem !important;}

.ta-l {text-align: left !important;}
.ta-c {text-align: center !important;}
.ta-r {text-align: right !important;}
.ta-j {text-align: justify !important;}

.ellipsis { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis-multi { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; /* line-height: 1.2em;height: 2.4em;  */}
.ellipsis-multi.m3 { -webkit-line-clamp: 3;height: 3.6em;}
.ellipsis-multi.m4 { -webkit-line-clamp: 4;height: 4.8em;}

.overflow-hidden {overflow: hidden;}
.overflow-auto {overflow: auto;}
.overflow-y {overflow-y: auto;}
.overflow-x {overflow-x: auto;}

.fc-red {color: #e5483d;}
.fc-black {color: #111 !important;}
.fc-blue {color: #1490ef !important;}
.fc-navy {color: #013095 !important;}
.fc-white {color: #fff !important;;}
.fc-gray {color: #999 !important;}
.fc-yellow {color: #fff678 !important;}

/* 2023.06.27 테슬라조건조회와 같이 추가 */
.flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
.fl_wrap:after { display: block; visibility: hidden; clear: both; content: ""; }
.flex_alignc { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; align-items: center; }
.flex_alignb { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; align-items: baseline; }
.flex_aligne { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; align-items: flex-end; }
.flex_bet { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; justify-content: space-between; }
.flex_c { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; justify-content: center; }
.flex_r{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; justify-content: flex-end; }
.flex_c.c-check input[type="checkbox"] + label:before { margin-right: 0; }
.flexwrap { flex-wrap: wrap; }
/* 2023.06.27 테슬라조건조회와 같이 추가 */

/* Alternative */.alter {clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; overflow:hidden; position:absolute; white-space:nowrap;}

/* Box */.box {position: relative;}

/* Decoration */.brd1 {border-width: .1rem;}
.r5 {border-radius: .5rem;}

/* Buttons */.btn-wrap {position: relative; display: flex; align-items: center;}
.btn-wrap.full {width: 100%;}
.btn-wrap .btn.full {width: 100%;}

.btn-wrap.sm [class^=btn] + [class^=btn] { margin-left: 1.2rem;}
/* button.success { --button-bg-color: #28a745;--button-hover-bg-color: #218838;}
button.error { --button-bg-color: #dc3545;--button-hover-bg-color: #c82333;}
button.warning { --button-color: #212529;--button-bg-color: #ffc107;--button-hover-bg-color: #e0a800;} */
button { overflow: visible;appearance: none;cursor: pointer;border: 0;/* -webkit-appearance: none;-moz-appearance: none; *//* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); *//* transition: 0.5s; */}
/* button:active,
button:hover,
button:focus {*//* outline: 0; *//* }  */
.btn { display: inline-flex;justify-content: center;align-items: center;padding: 0 .8rem;font-size: 1.2rem;color: #111;text-align: center;box-shadow: none;line-height: 1.2;}
/* .btn { display: inline-block;font-weight: 400;color: #212529;text-align: center;vertical-align: middle
user-select: none;background-color: transparent;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn.xs {} */.btn.sm { height: 3rem;line-height: 3rem;border-radius: 0.25rem;}

.btn.oil { height: 3rem;line-height: 3rem;border-radius: 0.25rem;border:1px solid #000}

.btn.md02 { width: 100%;height: 3.6rem;border-radius: 0.25rem;}
.btn.md { height: 4rem;line-height: 4rem;font-size: 1.4rem;}
.btn.lg { width: 100%;height: 4.5rem;padding: 0;border-radius: 0.3rem;background-color: #eee;font-size: 1.4rem;font-weight: 700;line-height: 4rem;}
.btn.lg.active { border: 0.1rem solid #111;background-color: #fff;}
.btn.xl { height: 6rem;padding: 0;font-size: 1.8rem;font-weight: 700;line-height: 1.44;letter-spacing: -0.05em;color: #ffffff;border-top:1px #1490ef solid;background-color: #1490ef;}
.btn.xl:disabled { color: #fff !important;border: 0.1rem #ccc solid !important;background-color: #ccc !important;}
.btn.stroke { font-weight: 700;background-color: #fff;border: 0.1rem solid #666;border-radius: 0.3rem;}
.btn.stroke:disabled { background-color: #eee;border-color: #eee;}
.btn.stroke02 { background-color: #fff;border: 0.1rem solid #999;}
.btn.round { border-radius: 0.25rem;}
.btn.link { background-color: #fff;border: 0.1rem solid #999;}
.btn.link:after { content: '';display: inline-block;width: 0.8rem;height: 0.8rem;margin-left: 0.5rem;margin-top: 0.2rem;border-top: 0.1rem solid #333;border-right: 0.1rem solid #333;transform: rotate(45deg);}
.btn.btn-primary:not(:disabled) { color: #fff;}
.btn.btn-secondary { color: #777; background-color: #e9e9e9;border-color: #e9e9e9;}
.btn.btn-secondary-w { border-top: 1px #ccc solid;background-color: #fff;color: #111;}
.btn.btn-secondary-w:disabled { border-top-color: #ccc;background-color: #fff;}
.btn.btn-secondary-g { border-color: #ccc;background-color: #ccc;color: #fff;}
.btn.btn-secondary-r,
.btn.btn-secondary-r:disabled { border-color: #e5483d;background-color: #e5483d;color: #fff;}
.btn.btn-primary.link { background-color: #1490ef;border-color: #1490ef;}
.btn.btn-primary.link:after { border-color: #fff;}
.btn.btn-primary.link.md02 { display: flex;}
.btn.full { width: 100%;}
.btn.btn-radio { width: 100%;height: 4rem;padding: 0;font-size: 1.4rem;line-height: 4rem;border: 1px solid #ccc;border-radius: 0.4rem;background-color: #fff;font-size: 1.4rem;}
.btn.btn-radio.active { background-color: #f5fbff;border-color: #1490ef;color: #1490ef;font-weight: 700;}
.btn-wrap .btn.btn-radio + .btn.btn-radio { margin-left: 0.8rem;}

/* 아이콘 버튼 */.btn-del { position: relative;flex: 0 0 auto;display: inline-block;width: 1.6rem;height: 1.6rem;border-radius: 100%;background: #b2b2b2;font-size: 0;vertical-align: top;}
.btn-del:before,
.btn-del:after { content: '';position: absolute;top: 50%;left: 50%;display: block;width: 0.8rem;border-top: 0.1rem solid #fff;transform: translate(-50%, -50%) rotate(45deg);}
.btn-del:after { transform: translate(-50%, -50%) rotate(135deg);}
.btn-ico-del { flex: 0 0 auto;display: inline-block;width: 1.75rem;height: 1.75rem;background-size: 100%;background-color: transparent;background-repeat: no-repeat;background-position: center;}
.btn-ico-del { vertical-align: text-bottom;background-image: url(/webassets/img/pc/ico-del-trash.svg);}
.btn-search,
.form-group-wrap.btns .btn.btn-search { width: 2.4rem;height: 2.4rem;background: #fff url(/webassets/img/pc/ico-search.svg) 50% 50% no-repeat;background-size: contain;border-radius: initial;padding: 0;bottom: 0.7rem;}
.floating-wrap { width: 100%;display: flex;position: fixed;left: 0;bottom: 0;z-index: 2;}
.floating-wrap::after { content: '';display: block;margin-top: 3rem;}
.floating-wrap .btn.float { width: 100%;}
.floating-wrap.fake { position: absolute;padding-top: 3rem;}

/* Checkbox */.form-group { display: block;}
.form-group:nth-of-type(n+2) { margin-top: 1rem;}
.form-group input { padding: 0;/* height: initial;width: initial; */margin-bottom: 0;/* display: none; */visibility: hidden;cursor: pointer;position: absolute;}

.form-group label { position: relative;cursor: pointer;display: flex;align-items: center;min-width: 2.4rem;min-height: 2.4rem;padding-left: 2.4rem;line-height: 2.1rem;color: #111;letter-spacing: -0.05em;vertical-align: top;}
.form-group label span { display: inline-block;margin-left: 0.8rem;line-height: 1.3;font-size: 1.6rem;font-weight: 700;color: #111;}
.form-group.standalone label span { clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; overflow:hidden; position:absolute; white-space:nowrap;}
.form-group.standalone + span.link { margin-left: -1.6rem;}
.form-group.buttonize label { width: 100%;padding: 1rem;min-height: 4rem;line-height: 4rem;background: #ccc 0% 0% no-repeat padding-box;border-radius: 0.5rem;text-align: center;}
.terms-list:not(.flex) .form-group.checkall { padding-bottom: 2rem;border-bottom: 1px solid #ddd;}
.checkall-sub + .form-group.buttonize { margin-bottom: 4rem;}
.form-group.buttonize label::before,  .form-group.buttonize input[type="checkbox"] + label:after { display:none;}
.form-group.buttonize label span { margin-left: 0;font-size: 1.8rem;color: #fff;letter-spacing: -0.05em;width:100%;line-height: 1.2; }
.form-group.buttonize input[type=checkbox]:checked + label { background-color: #1490ef;box-shadow: 1rem 1rem 2rem #11111140;}

.form-group label:before { content:'';-webkit-appearance: none;position: absolute;top: 50%;left: 0;display: block;width: 2.4rem;height: 2.4rem;background-color: #fff;border: 1px solid #ccc;cursor: pointer;transform: translateY(-50%);}

.form-group label.whitebox:before { content:'';-webkit-appearance: none;position: absolute;top: 50%;left: 0;display: block;width: 2.4rem;height: 2.4rem;background-color: #fff;border: 1px solid #fff;cursor: none;transform: translateY(-50%);}
.form-group input[type="radio"] + label:before { border-radius: 100%;}
.form-group input[type="checkbox"] + label:before { border-radius: 0;background: #fff url(/webassets/img/pc/form-check.svg) 0 0 no-repeat;background-size: 2.4rem;border: 0;}
.form-group label.sm { min-width: 2.4rem;min-height: 2.4rem;padding-left: 2.4rem;}
.form-group label.sm:before { width: 2.4rem;height: 2.4rem;}
.form-group input[type="checkbox"]:checked + label:before { background: #fff url(/webassets/img/pc/form-check-on.svg) 0 0 no-repeat;background-size: 2.4rem;}
.form-group input[type="checkbox"]:checked + label::after { background-image: url(/webassets/img/pc/ico-checkbox-on.svg);}
.form-group input[type="radio"]:checked + label::before { background-color: #1490ef;border-color: #1490ef;}
.form-group input[type="radio"]:checked + label::after { content: '';display: block;position: absolute;top: 50%;left: 0.8rem;width: 0.8rem;height: 0.8rem;border-radius: 100%;background-color: #fff;transform: translateY(-50%);border: none;}
.form-group input[type="radio"]:checked + label.sm:after { left: 0.6rem;width: 1.2rem;height: 1.2rem;}

/* 전체약관동의하기 */.checkall-sub { margin-top: 2rem;}
.checkall-sub li.between { display: flex;justify-content: space-between;font-size: 1.4rem;line-height: 1.8rem;letter-spacing: -0.6px;color: #333;}
.checkall-sub li.between > div:not(.form-group) { text-align: right;font-size: 1.4rem;color: #111;}
.terms-list .list.checkall-sub label { min-height: 2.4rem;line-height: 2.4rem;}
.terms-list .checkall-sub .link { font-size: 1.2rem;line-height: 1.8rem;letter-spacing: -0.6px;color: #333;}
.terms-list .checkall-sub input[type="checkbox"]:checked + label:after { background-image: url(/webassets/img/pc/ico-checkbox-b-on.svg);}
.terms-list .hasSub:not(.hasSubContact) .link .btn:after { background-image: url(/webassets/img/pc/ico-accordion-arrow.svg);}
.terms-list .hasSub.active:not(.hasSubContact) .link .btn:after { transform: rotate(180deg);}
.terms-list .checkall-sub .chkSub { display: none;}
.terms-list .checkall-sub .chkSub.active { display: flex;margin-top: 2rem;background-color: #f8f8f8;padding: 2rem 3rem;box-sizing: border-box;}
.terms-list .checkall-sub .chkSub .form-group input[type="checkbox"] + label:before { border-radius: 0;background: transparent url(/webassets/img/pc/form-check-sm.svg) 0 0 no-repeat;background-size: 2.4rem;border: 0;}
.terms-list .checkall-sub .chkSub .form-group input[type="checkbox"]:checked + label:before { background-image: url(/webassets/img/pc/form-check-sm-on.svg);}
.terms-list .checkall-sub .chkSub.active ul.list { width: 100%;}
.terms-list .checkall-sub .chkSub.active ul.list .btn { color: #666;font-size: 1.4rem;font-weight: 400;}
.terms-list .checkall-sub .chkContact { padding: 0 0 0 3rem;display: block;}
.terms-list .checkall-sub .chkContact.active { display: flex;padding-top: 0.4rem;padding-bottom: 0.4rem;}
.terms-list .checkall-sub .chkContact .form-group label span { color: #666;font-size: 1.4rem;font-weight: 400;}
.terms-list .gray-box { margin-top: 1.6rem;/* margin-bottom: 1.6rem; */}
.terms-list .gray-box .dot:first-child { margin-top: 0;}
.terms-list .btn-term { margin-top: 2rem;width: 100%;}

.terms-list .btn-term:not(:last-of-type) { margin-bottom: 4rem;}
.form-wrap > .btn-term { margin-top: 4rem;}
.form-wrap > .btn-term + .btn-term { margin-top: 0.8rem;}
.btn-optgroup .btn-term input[type="checkbox"] + label.chk-small { display: flex;justify-content: space-between;}
.btn-term.form-group input[type="checkbox"] + label.chk-small { width: 100%;padding: 1rem 1.6rem 1rem 4.8rem;border-radius: 0.4rem;border: 0.1rem solid #ccc;}
.btn-term.form-group input[type="checkbox"] + label.chk-small:before { transform: translateY(0);top: 1.1rem;left: 1.6rem;z-index: 2;}
.btn-term.form-group input[type="checkbox"] + label.chk-small span{ margin-left: 0;font-size: 1.4rem;color: #666;line-height: 1.5;font-weight: 400;}
.btn-term.form-group input[type="checkbox"] + label.chk-small p { font-weight: 700;color: #111;}
/* .btn-term.form-group input[type="checkbox"]:checked + label{
border-color: #1490ef;background-color: #f5fbff;}
.btn-term.form-group input[type="checkbox"]:checked + label.chk-small span { color :#1490ef;font-weight: 700;}
/* .btn-term.form-group input[type="checkbox"]:checked + label.chk-small:before {} */
.checkbox-wrap { margin-top: 4rem;padding: 1.6rem;border: 0.1rem solid #ccc;border-radius: 0.4rem;font-size: 1.6rem;color: #666;}

/* 폼 내 목록 */.form-group .text-list {  padding:1.2rem 0 1.2rem 4rem;}
.form-group .text-list li { color: #333;}
.form-group .text-list li + li { margin-top: 0.6rem;}
.form-group-tab { display:flex;  align-items: center; width: calc(100% + 1rem);margin-left: -1rem;}
.form-group-tab.scroll-x {justify-content: initial;}
.form-group-tab .form-group {width:100%;margin-left: 1rem;}
.form-group-tab .form-group + .form-group { margin-top:0;}
.form-group-tab .form-group label { display: flex;justify-content: center;align-items: center;width: 100%;height: 4.5rem;min-width: 0;min-height: 0;padding-left: 0;line-height: initial;}
.form-group-tab .form-group label span { display: block;text-align: center;margin-left: 0;font-size: 1.4rem;font-weight: 400;line-height: 1;letter-spacing: 0;color: #111;z-index: 1;}
.form-group-tab .form-group label span > span { display: inline;}
.form-group-tab .form-group label:before { width: 100%;height: 100%;position: absolute;background: transparent;}
.form-group-tab .form-group input:checked + label:after { display: none;}
.form-group-tab .form-group input:checked + label:before { background-color: #f5fbff;border-color: #1490ef;}
.form-group-tab .form-group [type=radio] + label:before { border-radius: 0.4rem;border-color: #ccc;background-color: #fff;}
.form-group-tab .form-group input:checked + label span { color: #1490ef;font-weight: 700;}
.form-group-tab.flex.center .form-group { width: auto;min-width: auto;}

/** form-group-tab **//* height 40 radio tab : 1,2개 */.form-group-tab.medium { flex-wrap: wrap;align-items: stretch;width: calc(100% + 1rem);margin-left: -1rem;}
.form-group-tab.medium .form-group { flex: 1 1 0;width: auto;margin-left: 1rem;}
.form-group-tab.medium .form-group label { min-height: 4rem;height: 100%;padding: 1rem 0;}
.form-group-tab.medium .form-group label span { line-height: 1.2;z-index: 1;}
.form-group-tab.medium .row { flex: 1 0 100%;display: flex;}
.form-group-tab.medium .row:nth-child(n+2) { margin-top: 0.8rem;}
.form-group-tab.medium + a.link { margin-top: 1.6rem;}
/* 3개 */.form-group-tab-3,
.form-group-tab-5 { flex-wrap: wrap;align-items: stretch;width: calc(100% + 1rem);margin-left: -1rem;}
.form-group-tab-3 .form-group { width: 22rem;}
.form-group-tab-5 .form-group { width: 12.8rem;}
.form-group-tab-3 .form-group:nth-of-type(n+4),  .form-group-tab-5 .form-group:nth-child(n+6) { margin-top: 1rem;}

/* 금액 */.form-group-tab.income .form-group { position: relative;margin-left: 0;}
.form-group-tab.income .form-group:not(:first-of-type)::before { content: '';width: 0.1rem;height: 1rem;position: absolute;top: 50%; left: 0;transform: translateY(-50%);z-index: 1;background-color: #ccc;}
.form-group-tab.income .form-group label { height: 3.6rem;}
.form-group-tab.income .form-group label span { line-height: 1.57;}
.form-group-tab.income .form-group [type=radio]:checked + label span { font-weight: 700;}
.form-group-tab.income .form-group [type=radio] + label::before { background-color: #f8f8f8;border-color: #f8f8f8;border-radius: 0;}

/* 차량관리 - (width 25%, font-size 28) */.form-group-tab.wrap4 { flex-wrap: wrap;}
.form-group-tab.wrap4 .form-group { width: calc(25% - 0.6rem);}
.form-group-tab.wrap4 .form-group:nth-child(n+5) { margin-top: 0.6rem;}
.form-group-tab.wrap4 .form-group label { height: 4rem;}
.form-group-tab.wrap4 .form-group label span { font-size: 1.4rem;}

/* telecoms - border type */.telecoms .form-group-tab .form-group:nth-child(n+2) { margin-left: 0.8rem;}
.telecoms .form-group-tab .form-group label { height: 4rem;}
.telecoms .form-group-tab .form-group label span { /* height: 3rem; */font-size: 1.4rem;/* line-height: 3rem; */}
.telecoms .form-group-tab .form-group label span { color: #111;}
.telecoms .form-group-tab .form-group label:before { background-color: #fff;border-color: #999;}
.telecoms .form-group-tab .form-group input:checked + label,
.form-group-tab.select-type input:checked + label { box-shadow: none;}
.telecoms .form-group-tab .form-group input:checked:read-only + label { cursor: default;}

/* Switch w/ Checkbox */.switch-button {
position: relative; display: inline-block; width: 4.4rem; height: 2.6rem; flex: 0 0 auto;}
.switch-button input {
opacity: 0; width: 0; height: 0; }
.onoff-switch {
position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius:1.3rem; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.onoff-switch:before {
position: absolute; content: ""; height: 2.2rem; width: 2.2rem; left: 0.2rem; bottom: 0.2rem; background-color: #fff; -webkit-transition: .5s; transition: .4s; border-radius:100%; }
.switch-button input:checked + .onoff-switch {
background-color: #1490ef; }
.switch-button input:checked + .onoff-switch:before {
transform: translateX(18px); box-shadow: 2px 2px 5px rgba(0,0,0,0.25);}

/* input form */.form-group-item:not(:first-of-type) { position: relative;margin-top: 4rem;}
.form-group-button { margin-top: 2rem;}
.form-group-item + .form-group-wrap,
.form-group-wrap + .form-group-wrap { margin-top: 1rem;}
.form-group-item label,  .form-group-item .label,
.form-group-wrap label,
.form-group-wrap .label { display: inline-block;font-weight: 700;font-size: 1.6rem;line-height: 1;color: #111;}
.form-group-item > label,  .form-group-item > .label,
.form-group-wrap > label
.form-group-wrap > .label { display: block;margin-bottom: 1.2rem;}
.form-group-wrap .label + .form-group-tab{ margin-top:0.7rem;}
.form-group-item input { width: 100%;height: 4.5rem; padding: 0 2rem;font-size: 1.4rem;color: #111;border: 0.1rem solid #ddd;border-radius: 0.3rem;}
.form-group-item .select-btn + input { margin-top: 1.6rem;}
.form-group-item input:focus:not(:read-only){ border: 0.1rem solid #111;outline: none;}
.form-group-item.error input{ border-color: #e5483d;}
.form-group-item.input-label { display: flex;flex-direction: column-reverse;}
.form-group-item input:disabled,
.form-group-item input:read-only { background-color: #f8f8f8;color: #ccc;opacity: 1;outline: none;}
.form-group-item input[readonly='readonly'] { background-color: #f8f8f8;color: #ccc;opacity: 1;outline: none;}
.form-group-item input:disabled + label,
.form-group-item input:disabled + .label { color: #ccc;}
.form-wrap .form-group-item .btn-wrap { margin-top: 1.2rem;}

/* 인증번호 */.form-group-wrap { position: relative;}
.form-group-wrap[class*='certif'] { display: flex;align-items: center;justify-content: space-between;margin-top: 1.6rem;}
.form-group-wrap[class*='certif'] .form-group-item { width: calc(100% - 13rem);}
.form-group-wrap[class*='certif'] input { padding-right: 8.4rem;}
.form-group-wrap[class*='certif'].certifyno input { padding-right: 12.4rem;}
.form-group-wrap[class*='certif'] .btn { position: absolute;top: 0;right: 0;width: 12rem;height: 4.5rem;font-size: 1.4rem;font-weight: 700;line-height: 1.86;letter-spacing: -0.42px;color: #111;text-align: center;background-color: #fff;border-radius: 0.3rem;border: 0.1rem solid #111;}
.form-group-wrap[class*='certif'] .btn:disabled { background-color: #eee;border-color: #eee;}
.form-group-wrap[class*='certif'] .limit-time,
.form-group-wrap.code .txt { position: absolute;bottom: 1rem;right: 8.7rem;font-size: 1.2rem;color: #e5483d;}

/* 금액선택 라디오 */.form-group-wrap .form-group-tab { margin-top: 1.2rem;}
/* code */.form-group-wrap.code { width: 100%;}
.form-group-wrap.code input[type="number"] { padding-right: 4.4rem;}
.form-group-wrap.code .txt { right: 0;}

/* fake-input */.regi-no-split.active .fake-input { border-color: #666;}
.fake-input { position: relative;display: flex;}

/* 주민등록번호 */.fake-input.regi { width: 100%;}
.fake-input.regi > * + * { margin-left: 2rem;}
.fake-input.regi > div { display: flex;align-items: flex-start;position: relative;width: 50%;}
.fake-input.regi > div input { width: calc(100% - 1rem);}
.fake-input.regi > div:nth-of-type(2) { padding-left: 2rem;border: 0.1rem solid #ddd;border-radius: 0.3rem;}
.fake-input.regi > div.readonly { border: 0.1rem solid #ddd;background-color: #f8f8f8;color: #ccc;}
.fake-input.regi > div:nth-of-type(2)::before { content: '';width: 0.6rem; height: 0.1rem;display: block;position: absolute;bottom: 2.2rem; left: -2rem;background-color: #666;}
.fake-input.regi input.inpRegiNo2s.single { width: 2rem;height: 4.3rem;line-height: 4.3rem;padding: 0;border: 0;}

.fake-input.regi input.inpRegiNo2s.single::-webkit-input-placeholder { display: block;background-image: url(/webassets/img/pc/input-dot.svg) ;background-size: 1rem 1rem;background-position: 0.1rem 0.6rem; /*ios*/background-repeat: no-repeat;text-align: center;text-indent: -10000px;}
.pc.fake-input.regi input.inpRegiNo2s.single::-webkit-input-placeholder { background-position: 0.1rem 0.7rem;}
.android.fake-input.regi input.inpRegiNo2s.single::-webkit-input-placeholder { background-position: 0.1rem 0.9rem;}
.fake-input.regi .mask-sm { display: inline-block;margin-top: 1.9rem;margin-right: 0.8rem;width: 1rem; height: 1rem;background-color: #ccc;border-radius: 50%;}

/* 보안키패드 영역 mask */.keypad-mask { position: relative; }
.keypad-mask::after { content: '';width: 100%;height: 3.6rem;display: flex;position: absolute;top: 0; left: 0;z-index: -1;background-color: #e9f6ff;}
.form-group-item .fake-input .keypad-mask input,
.keypad-mask input { background-color: transparent;}
.fake-input.regi .keypad-mask::after { width: calc(100% + 0.4rem);left: -0.4rem;}

/* 운전면허증 번호 */.fake-input.driver { width: 100%;}
.fake-input.driver > * + * { margin-left: 2rem;}
.fake-input.driver > div { position: relative;width: 50%;text-align: center;}
.fake-input.driver > div input { padding: 0;}
.fake-input.driver .inpNumber1s,
.fake-input.driver .inpNumber2s,
.fake-input.driver .inpNumber3s,
.fake-input.driver .inpNumber4s { text-align: center;}
.fake-input.driver > div:not(:nth-of-type(3)){ max-width: 6.1rem;}
.fake-input.driver > div:not(:first-of-type)::before { content: '';width: 1.2rem; height: 0.1rem;display: block;position: absolute;top: 50%; left: -2rem;background-color: #999;}

.cert-wrap > div + div { margin-top: 1rem;}

input.no-arrow::-webkit-outer-spin-button,
input.no-arrow::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;}
input.no-arrow[type=number] { -moz-appearance: textfield;}

/* Grid System */.flex { display: flex;}
.flex.full > div { width: 100%;}
/* flex container : not include gap property */.flex.direction-row { flex-direction: row;}
.flex.direction-row-reverse { flex-direction: row-reverse;}
.flex.direction-column { flex-direction: column;}
.flex.direction-column-reverse { flex-direction: column-reverse;}
.flex.wrap { flex-wrap: wrap;}
.flex.nowrap { flex-wrap: nowrap;}
.flex.wrap-reverse { flex-wrap: wrap-reverse;}
.flex.flow-column-wrap { flex-flow: column wrap;}
.flex.flow-row-wrap { flex-flow: row wrap;}
.flex.flex-start { justify-content: flex-start;}
.flex.center { justify-content: center;}
.flex.flex-end { justify-content: flex-end;}
.flex.between { justify-content: space-between;}
.flex.around { justify-content: space-around;}
.flex.evenly { justify-content: space-evenly;}
.flex.start{ justify-content: start;}
.flex.end { justify-content: end;}
.flex.left { justify-content: left;}
.flex.right { justify-content: right;}
.flex.align-items-start { align-items: flex-start;}
.flex.align-items-end { align-items: flex-end;}
.flex.align-items-center { align-items: center;}
.flex.align-items-stretch { align-items: stretch;}
.flex.align-items-baseline { align-items: baseline;}
.flex.align-content-start { align-content: flex-start;}
.flex.align-content-end { align-content: flex-end;}
.flex.align-content-center { align-content: center;}
.flex.align-content-stretch { align-content: stretch;}
.flex.align-content-between { align-content: space-between;}
.flex.align-content-around { align-content: space-around;}
/* flex items */.flex > .align-self-auto { align-self: auto;}
.flex > .align-self-start { align-self: flex-start;}
.flex > .align-self-end { align-self: flex-end;}
.flex > .align-self-center { align-self: center;}
.flex > .align-self-baseline { align-self: baseline;}
.flex > .align-self-stretch { align-self: stretch;}

.flex-2by2 { display: flex;flex-wrap: wrap;align-items: center;/* gap: 1.8rem 0; */}
.flex-2by2 > div { width: 50%;}
.flex-2by2 > div:nth-child(n+3) { margin-top: 1.8rem;}
.flex-2by2 .form-group input:checked + label span { font-weight: 400;}

/* icon set */[class^=ico-] { display: inline-block;}
[class^=ico-done-],
[class^=ico-empty-] { width: 10rem; height: 10rem;display: flex;justify-content: center;background-position: 50% 50%;background-repeat: no-repeat;background-size: 10rem auto;}
.ico-done-won-car { background-image: url(/webassets/img/pc/ico-done-won-car.png);}
.ico-done-congra { background-image: url(/webassets/img/pc/ico-done-check.svg);}
.ico-done-no-data { background-image: url(/webassets/img/pc/ico-done-no-data.svg);}
.ico-done-no-notice { background-image: url(/webassets/img/pc/ico-done-no-notice.svg);}
.ico-done-notice { background-image: url(/webassets/img/pc/ico-done-notice.svg);}
.ico-done-member { background-image: url(/webassets/img/pc/ico-done-member.svg);}
.ico-done-dormancy { background-image: url(/webassets/img/pc/ico-done-dormancy.svg);}
.ico-done-call-center { background-image: url(/webassets/img/pc/ico-done-call-center.svg);}
.ico-done-no-alert { background-image: url(/webassets/img/pc/ico-done-no-alert.svg);}
.ico-done-alert { background-image: url(/webassets/img/pc/ico-system-alert.svg);}
.ico-done-withdrawal { background-color: #eeefef;background-image: url(/webassets/img/pc/ico-done-withdrawal.png);background-size: 4.75rem auto;background-position: calc(50% + 3px) 50%;border-radius: 50%;}
.ico-done-mobile-shake { background-image: url(/webassets/img/pc/ico-done-mobile-shake.svg);animation-name: tago;animation-delay: 1s;animation-duration: 2s;animation-iteration-count: infinite;animation-fill-mode: both;}
@keyframes tago {0% {    transform: scaleX(1);}
5%, 10% {    transform: scale3d(.9, .9, .9) rotate(-10deg);}
15%, 25%, 35%, 45% {    transform: scale3d(1.1, 1.1, 1.1) rotate(10deg);}
20%, 30%, 40% {    transform: scale3d(1.1, 1.1, 1.1) rotate(-10deg);}
50% {    transform: scaleX(1);}}
.ico-done-system { background-image: url(/webassets/img/pc/ico-done-system.svg);}
.ico-done-error { background-image: url(/webassets/img/pc/ico-done-error.svg);}

/* 통합한도조회하기 icon */[class^=ico-sg-],
[class^=ico-sm-],
[class^=ico-st-],
[class^=ico-sn-],
[class^=ico-sc-],
[class^=ico-sb-] { width: 3rem;height: 3rem;display: flex;justify-content: center;background-color: #e7e9ef;background-position: 50% 50%;background-repeat: no-repeat;border-radius: 1rem;}
.bg [class^=ico-st-],
.bg [class^=ico-sn-],
.bg [class^=ico-sc-],
.bg [class^=ico-sb-] { background-color: #e7e9ef;}
.ico-st-newcar { background-image: url(/webassets/img/pc/ico-st-newcar.svg);background-size: 2rem auto;}
.ico-st-oldcar { background-image: url(/webassets/img/pc/ico-st-oldcar.svg);background-size: 1.9rem auto;}
.ico-st-loan { background-image: url(/webassets/img/pc/ico-st-loan.svg);background-size: 1.5rem auto;}
.ico-st-prod { background-image: url(/webassets/img/pc/ico-st-prod.svg);background-size: 1.8rem auto;}
.ico-st-conversion { background-image: url(/webassets/img/pc/ico-st-conversion.svg);background-size: 2rem auto;}
.ico-st-rent { background-image: url(/webassets/img/pc/ico-st-rent.svg);background-size: 2.05rem auto;}
.ico-st-lease { background-image: url(/webassets/img/pc/ico-st-lease.svg);background-size: 2.0265rem auto;}

/* 고객센터 icon */.ico-sn-notice { background-image: url(/webassets/img/pc/icon-sn-notice.svg);background-size: 2.13rem auto;}
.ico-sn-faq { background-image: url(/webassets/img/pc/icon-sn-faq.svg);background-size: 1.6rem auto;}
.ico-sn-cs { background-image: url(/webassets/img/pc/icon-sn-cs.svg);background-size: 2.06rem auto;}

/* 인증센터 icon */.ico-sc-cert-in { background-image: url(/webassets/img/pc/ico-sc-cert-in.svg);background-size: 2.16rem auto;}
.ico-sc-cert-out { background-image: url(/webassets/img/pc/ico-sc-cert-out.svg);background-size: 2.16rem auto;}
.ico-sc-qr { background-image: url(/webassets/img/pc/ico-sc-qr.svg);background-size: 1.65rem auto;}
.ico-sc-setting { background-image: url(/webassets/img/pc/ico-sc-setting.svg);background-size: 2.03rem auto;}

/* 차구입 icon */.ico-sb-car { background-image: url(/webassets/img/pc/ico-sb-car.svg);background-size: 1.95rem auto;}
.ico-sb-detail { background-image: url(/webassets/img/pc/ico-sb-detail.svg);background-size: 1.82rem auto;}
.ico-sb-option { background-image: url(/webassets/img/pc/ico-sb-option.svg);background-size: 2.21rem auto;}
.ico-sb-color-outer { background-image: url(/webassets/img/pc/ico-sb-color-outer.svg);background-size: 1.8rem auto;}
.ico-sb-color-inner { background-image: url(/webassets/img/pc/ico-sb-color-inner.svg);background-size: 1.69rem auto;}

/* 우리차고 icon */.ico-tel { width: 1rem;height: 1.5rem;margin-right: 0.3rem;background: url(/webassets/img/pc/ico-tel.svg) 0 50% no-repeat;background-size: 100%;}

.btn-share { position: relative;display: inline-block;width: 3rem;height: 3rem;background: url(/webassets/img/pc/ico-share.svg) 50% 50% no-repeat;background-size: 3rem auto;vertical-align: top;}
.btn-share:before { content: '';position: absolute;top: 50%;left: 50%;display: block;width: 2.4rem;height: 2.4rem;background: transparent;transform: translate(-50%, -50%);}

/* badge */.badge { display: inline-block;min-width: 4.5rem;height: 1.8rem;padding: 0 0.4rem;border-radius: 2.5rem;font-size: 1.1rem;font-weight: 400;color: #111;line-height: 1.6rem;text-align: center;}
.badge.gray { background-color: #eee;border: 0.1rem solid #eee;}
.badge.gray-border { background-color: #fff;border: 0.1rem solid #ccc;}
.badge.blue { background-color: #1490ef;color: #fff !important;}
.badge + .badge { margin-left: 0.6rem;}
.data .badge + .badge { margin-left: 0.6rem;}
.event-wrap { margin-top: 0;}
/* event-info */.event-info { padding-bottom: 1rem;border-bottom: 2px solid #111;min-height: 1.6rem;display: flex;flex-flow: row;align-items: center;justify-content: space-between;font-size: 1.2rem;}
.event-info > div { display: inline-flex;}
.event-total { font-weight: 400;color: #999;font-size: 1.4rem;}
.event-total .total { margin-left: 0.4rem;font-weight: 700;color: #111;}
.event-btns div { display: inline-flex;align-items: center;}
.event-btns .btn { background: none;}
.event-sort .btn-sort { padding: 0 1.5rem;position: relative;font-size: 1.4rem;display: inline-flex;align-items: center;}

.event-sort .btn-sort + .btn-sort:after{ content: '';position: absolute;top: 0.1rem;left: 0;display: block;width: 0.1rem;height: 1.4rem;background: #cccccc;}
.event-sort .btn-sort.active { font-weight: 700;color: #1490ef;}
.event-filter { margin-left: 0;margin-top: 0.25rem;}
.event-filter .btn { width: 2.4rem;height: 2.4rem;padding: 0;}
.event-filter .btn-gallery { background-image: url(/webassets/img/pc/ico-filter-thum-on.svg);background-repeat: no-repeat;background-position: 50%;background-size: 100%; }
.event-filter .btn-gallery.type-list { background-image: url(/webassets/img/pc/ico-filter-list-on.svg);background-repeat: no-repeat;background-position: 50%;background-size: 100%; }

/* event-list */.event-list { width: 100%;margin-top: 1.2rem;padding:0;}
.event-list > li + li { margin-top: 0;}
.event-list > li > a { width: 100%;display: block;color: #111;}
.event-list .img-area { position: relative;}
.event-list .img-area .img { border-radius: 0.8rem;overflow: hidden;}
.event-list .img-area .img img { vertical-align: top;width: 100%;}
.event-list .img-area .belong { display: inline-block;position: absolute;left: 0;top: 0;padding:0 1.3rem;min-width: 7rem;height: 2.4rem;line-height: 2.2rem;color: #fff;background: #1490ef;font-size: 1.2rem;text-align: center;}
.event-list .img-area .belong::before { content: '';position: absolute;left: 0;bottom: -0.8rem;width: 0;height: 0;border-width: 0 1rem 0.8rem 0;border-color: transparent #025887 transparent transparent;border-style: solid;}
/* .event-list img { max-width: 100%;} */.event-list .cont-area { margin-top: 0;}
.event-list .data { display: flex;align-items: center;font-size: 1.2rem;color: #999;}
.event-list .data .d-day { display: inline-block;margin-left: 0.8rem;font-size: 1.4rem;color: #1490ef;line-height: 2rem;}
.event-list .cont { margin-top: 1rem;}
.event-list .cont::after { display: block;content: "";clear: both;}
.event-list .cont .title { width: 73%;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; font-size: 1.6rem;margin-bottom: 0rem;font-weight: 700;}
.event-list .cont-area .date { width: 27%;float: right;margin-top: 0;font-size: 1.4rem;text-align: right;color: #999;}
.event-list .cont-area .date span { display: inline-block;vertical-align: top;font-size: 1.4rem;font-weight: bold;margin-left: 2.1rem;position: relative;color: #1490ef;}
.event-list .cont-area .date span::before { display: none;content: "";width: 0.1rem;height: 1.4rem;background-color: #ddd;position: absolute;left: -1rem;top: 0.6rem;z-index: 10;}
.event-entry-list .d-day,
.event-list .cont-area .date .d-day { position: relative;display: inline-block;margin-left: 0.6rem;padding-left: 0.6rem;}
.event-entry-list .d-day:after,
.event-list .cont-area .date .d-day:after { content: "";position: absolute;top: 50%;left: 0;height: 1.1rem;border-left: 0.1rem solid #ccc;transform: translateY(-0.5rem);}
.event-list.type-list { border-top: 0;margin-top: 0;}
.event-list.type-list > li { border-bottom: 1px solid #e9e9e9;}
.event-list.type-list > li + li { margin-top: 0;}
.event-list.type-list > li > a { display: block;box-sizing: border-box;padding: 3rem 0;}
.event-list.type-list .img-area { display: none;}
.event-list.type-list .img-area .belong { display: none;}
.event-list.type-list .img-area .img { padding-left: 0;}
.event-list.type-list .img-area .img img { height: 6.8rem;}
.event-list.type-list .cont-area { margin-top: 0;}

.event-list.type-list .data { margin-top: 0;}
.event-list.type-list .data .d-day { font-size: 1.2rem;}
/* 혜택/이벤트 20220429
.event-list.type-list > li > a div:only-child.cont-area { position: relative;width: 100%;padding:0 6rem 0 0;} */.event-list.type-list > li > a div:only-child.cont-area .data .d-day { position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 1.6rem;}
.event-list.done > * { opacity: 0.25;}

/* event-entry-list */.event-entry-list { margin-top: 0;padding:0;}
.event-entry-list > li { border-bottom: 1px solid #eee;}
.event-entry-list > li:first-of-type { /* border-top: 1px solid #eee; */border-top: 0;}
.event-entry-list > li > a { position: relative;width: 100%;display: block;/* padding: 2rem 0; */padding: 3rem 0;color: #111;}
.event-entry-list .title { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1.6rem;font-weight: 700;margin-top: 0.3rem;}
.event-entry-list .item-list { margin-top: 0.9rem;}
.event-entry-list .item-list > li { display: flex;font-weight: 400;/* font-size: 1.2rem; */font-size: 1.4rem;color: #999;}
.event-entry-list .item-list > li + li { /* margin-top: 0.3rem; */margin-top: 0;}
.event-entry-list .item-list > li a { position: relative;}
.event-entry-list .item-list li > span { display: inline-flex;}
.event-entry-list .item-list li > span:first-of-type { /* min-width: 7.8rem; */min-width: 12.7rem;}
.event-entry-list .status { margin-top: 1.4rem;font-size: 1.2rem;color: #1490ef;}
.event-entry-list a.done .title { color: #999;}
.event-entry-list a.done .item-list > li { opacity: 0.25;}
.event-entry-list a.done .status { color: #999;}

/* event-view */.event-view { margin: 0;}
.event-view .img-area { position: relative;}
.event-view .img-area .belong { display: inline-block;padding:0 1rem;min-width: 8rem;height: 2.4rem;line-height: 2.2rem;text-align: center;background: #1490ef;font-size: 1.2rem;color: #fff;position: absolute;left: 2rem;top: 1.4rem;}
.event-view .img-area .img img { width: 100%;vertical-align: top;}
.event-view .img-area .btn-sns { position: absolute;right: 2rem;bottom: -2rem;width: 5rem;height: 5rem;border-radius: 3rem;background: #12c6f5;box-shadow: 0.3rem 0.3rem 0.7rem rgba(17,17,17,0.2);background-image: url(/webassets/img/pc/ico-sns-share-w.png);background-size: 2rem auto;background-position: center;background-repeat: no-repeat;padding: 0;}
.event-view .tit-area { position: relative;padding: 3rem 0;box-sizing: border-box;border-top: 0.1rem solid #111;border-bottom: 0.1rem solid #ddd;}
.event-view .tit-area .btn-share { position: absolute;top: 3rem;right: 0;}
.event-view .detail-area { position: relative;}
.event-view.entry { margin-bottom: 0;}
.event-view.entry .cont-area { padding: 3rem 2rem 2rem;}
.event-view .tit-area .tit-h3 { margin-top: 1rem;margin-bottom: 2rem;/* margin-top: 1rem;margin-bottom: 0.8rem; */flex: 0 0 auto;/* width: calc(100% - 4rem); */line-height: 1.5;}
.event-view.entry .cont-area .form-wrap { margin-top: 1.6rem;}
.event-view .tit-area .d-day { color: #999;font-size: 1.2rem;}
.event-view .detail-area img { margin-left: 0;width: 100%;}
.event-view .detail-area > div { /* padding: 0 2rem; */padding: 3rem 0 0;}
.event-view.done .img-area .belong { background: #111;}
.event-view.done .tit-area .d-day { color: #999;}
.contents-box > .event-view + .btn-wrap .btn.xl.stroke { background-color: #fff;border: 0.1rem solid #1490ef;color: #1490ef;}
.contents-box > .event-view + .btn-wrap .btn.xl.stroke:disabled,  .contents-box > .event-view.done + .btn-wrap .btn.xl.stroke { background-color: #fff !important;border: 0.1rem solid #eee !important;color: #ccc !important;pointer-events: none;}

/* tab menu */.tab-wrap { width: 100%; }
.tab-btn ul { overflow: hidden;display: flex;justify-content: space-around;margin-bottom: -0.1rem;margin-left: -2rem;margin-right: -2rem;/* padding: 0 2rem; */border-bottom: 0.1rem solid #eee;}
.tab-btn li { list-style: none; float: left; width: 100%; text-align: center;background-color: #fff;}
.tab-btn li a,
.tab-btn li button { display: block; width:100%;padding-top: 0;padding-bottom: 0.8rem;color: #666;letter-spacing: -0.05em;background-color: #fff;box-shadow: none;transition: none;}
.tab-btn li.active { position: relative;}
.tab-btn li.active a,
.tab-btn li.active button { color: #111;font-weight: 700;}
.tab-btn li.active::after { content: '';width: 100%;height: 0.2rem;background-color: #1490ef;position: absolute;bottom: 0;left: 0;z-index: 1;}
.tab-cont { width: 100%; box-sizing: border-box;border-radius: 0 0 4px 4px;}
.tab-cont .section + .section { margin-top: 5rem;}

/* event tab */.tab-btn.alink { margin-top: 1.2rem;margin-left: -2rem;margin-right: -2rem;padding: 0 2rem;border-bottom: 0.1rem solid #eee;}
.tab-btn.alink ~ .tab-wrap.accordion .tab-btn { margin-top: 2rem;}
/* FAQ tab */.tab-wrap.accordion { position: relative;margin-top: 0;}
.tab-wrap.accordion .tab-btn { position: relative;z-index: 1;background: #fff;/* margin-left: -2rem;padding-right: 2.4rem; */}
/* .tab-wrap.accordion .tab-btn:before { content: '';position: absolute;top: 0;bottom: 0;width: 1.8rem;left: 0rem;background: linear-gradient(to left,rgba(255,255,255,0),#fff 83.34%);pointer-events: none;z-index: 2;} *//* .tab-wrap.accordion .tab-btn .btn-more { position: absolute;right: 0;top: 0.4rem;width: 2.4rem;height: 2.4rem;background: #fff;box-shadow: none;z-index: 1;} *//* .tab-wrap.faq.accordion .tab-btn .btn-more { right: 2rem;top: 2.4rem;} *//* .tab-wrap.accordion .tab-btn ul:after { content: '';position: absolute;top: 0;bottom: 0;width: 3rem;right: 2.2rem;background: linear-gradient(to right,rgba(255,255,255,0),#fff 83.34%);pointer-events: none;height: 4.3rem;z-index: 2;}
.tab-wrap.faq.accordion .tab-btn ul:after { right: 4.2rem;top: 2rem;}
.tab-wrap.accordion .tab-btn.open ul:after { display: none;}

.tab-wrap.accordion .tab-btn .btn-more:after { content: '';position: absolute;top: 0;left: 0;display: block;width: 2.4rem;height: 2.4rem;background:#fff url(/webassets/img/pc/ico-accordion-arrow.svg);background-size: 2.4rem;}
.tab-wrap.faq.accordion .tab-btn { width: 100%;position: fixed; top: 6rem;left: 2rem;padding-right: 4.4rem;padding-top: 2rem;} */.tab-wrap.faq.accordion .tab-btn .btn-more:after { right: 2rem;}
.tab-wrap.accordion .tab-btn.open .btn-more:after { transform: rotate(180deg);}
.tab-wrap .tab-btn ul { justify-content: flex-start;overflow-x: auto;margin: 0;/* padding: 0 2rem; *//* margin-left: 0; */border-bottom: 0;margin-right: 0;}
.tab-wrap .tab-btn.open ul { flex-wrap: wrap;}
.tab-wrap .tab-btn ul li { float: none;display: block;width: auto;border-radius: 0;background: none;/* margin-bottom: 0.8rem;  */margin-left: 1rem;}
.tab-wrap .tab-btn ul li:first-child { margin-left: 0;}
.tab-wrap .tab-btn ul li:last-child { padding-right: 1rem;}
.tab-wrap .tab-btn.open ul li:last-child { margin-right: 0;padding-right : 0;}
.tab-wrap .tab-btn.open ul { padding: 0 0 0 2rem;}
.tab-wrap .tab-btn.open ul li { margin-left: 0rem;margin-right: 0.8rem;}
.tab-wrap .tab-btn li.active a,  .tab-wrap .tab-btn li.active button { color: #fff;font-weight: 700;background-color: #1490ef;}
.tab-wrap .tab-btn li.active::after { display: none;}
.tab-wrap .tab-btn ul li a,
.tab-wrap .tab-btn ul li button { height: 4rem;padding: 0 2rem;border-radius: 2rem;line-height: 4rem;white-space: nowrap;min-width: 6.5rem;font-size: 1.4rem;letter-spacing: -0.42px;text-align: center;color: #666;background-color: #eee;}
.tab-wrap.accordion .tab-btn.open { height: auto;}
.tab-wrap.accordion .tab-cont { margin-top: 4rem;}
.tab-wrap.faq.accordion .tab-cont { margin-top: 4rem;}

/*211130 tab 슬라이드 영역 수정 *//* list */.list { list-style: none;}
.list.expand, .expand { margin-top: 6rem;}
.list li { border-bottom: 1px solid #ddd;padding: 3rem 0;box-sizing: border-box;position: relative;display: flex;align-items: unset;/* gap: 1rem; */}
.list li:first-of-type { border-top: 1px solid #ddd;}
.list li .list-ripper { width: 3rem;height: 3rem;border-radius: 50%;display: inline-flex;justify-content: center;align-items: center;}
.list li .list-text [class^=list-text] { display: block;}

.list.accordion li { flex-direction: column;align-items: initial;}
.list.accordion .list-con { display: none;}
.list.accordion li.active .list-con { display: block; }


/* 서브 목록 */.list.front-list { margin: 2rem 0 4rem;}
.list.front-list li { padding: 0;position: relative;border: 0;margin-bottom: 1.2rem;}
.list.front-list li:last-of-type { margin-bottom: 0;}
.list.front-list li > * { height: 7rem;padding: 2rem;position: relative;display: flex;align-items: center;width: 100%;background-color: #ffffff;border-radius: 0.6rem;border: 1px solid #ccc;}
.bg .list.front-list li > * { background-color: #fff;}
.list.front-list li > *::after { content: '';display: block;width: 0.85rem;height: 0.85rem;position: absolute;top: 50%;right: 2rem;margin-top: -0.4rem;border-top: 0.1rem solid #666666;border-left: 0.1rem solid #666666;transform: rotate(135deg);}
.list.front-list li > *.active,
.list.front-list li > *:hover,
.list.front-list li > *:focus { background: #f5fbff 0% 0% no-repeat padding-box;color: #1490ef;border: 1px solid #1490ef;}
.list.front-list li > *.active::after,
.list.front-list li > *:hover::after,
.list.front-list li > *:focus::after { border-color: #1490ef;}
.list.front-list li > * .list-ripper { width: 3rem;height: 3rem;margin-right: 0.6rem;border: 0;border-radius: 0;display: inline-flex;justify-content: center;align-items: center;}
.list.front-list li > * .list-text { font-size: 1.6rem;color: #111;line-height: 1.5;letter-spacing: -0.032em;}
.list.front-list li > *.active .list-text,
.list.front-list li > *:hover .list-text,
.list.front-list li > *:focus .list-text { color: #1490ef;font-weight: 700;}

/* 서브목록 선택리스트 */.list.front-list.select-list li { font-size: 14px;line-height: 1.571em;letter-spacing: -0.032em;display: flex;justify-content: space-between;border-bottom: 0.1rem solid #eee;padding: 0;margin-bottom: 0;}
.list.front-list.select-list li:first-child { border-top: none;}
.list.front-list.select-list li > * { position: relative;display: flex;width: calc(100% + 4rem);align-items: center;background: none;text-align: left;box-shadow: none;padding: 1.6rem 5rem 1.6rem 2rem;margin: 0 -2rem;border-radius: 0;border: 0;}
.list.front-list.select-list li > *::after { content: '';display: block;width: 0.85rem;height: 0.85rem;position: absolute;top: 50%;right: 2.8rem;margin-top: -0.4rem;border-top: 0.1rem solid #666666;border-left: 0.1rem solid #666666;transform: rotate(135deg);}
.list.front-list.select-list li > * .list-text { font-size: 1.6rem;color: #111;line-height: 1.5;letter-spacing: -0.032em;font-weight: 700;}
.list.front-list.select-list li > a.active,
.list.front-list.select-list li > a:hover,
.list.front-list.select-list li > a:focus { background: #f5fbff 0% 0%;}
.list.front-list.select-list li > *.active .list-text,
.list.front-list.select-list li > *:hover .list-text,
.list.front-list.select-list li > *:focus .list-text { animation: textBig ease-in-out 0.3s;font-weight: 700;font-size: 1.7rem;}

@keyframes textBig { 0% {     transform: scale(1);} 50% {     transform: scale(1.1);} 100% {     transform: scale(1);}}



/* 이용안내 타이틀 */.list.line-notice li { padding-bottom: 0.6rem;flex-direction: column;align-items: flex-start;border: 0;font-size: 1.2rem;line-height: 1.71;letter-spacing: -0.36px;color: #666;}
.list.line-notice li .list-con { margin-top: 1rem;}
.list.line-notice li .list-con .dot { margin-top: 0rem;}
.list.line-notice li:last-of-type { padding-bottom: 0;}
.list.line-notice .list-tit h2,
.list.line-notice .list-tit h3 { font-size: 1.6rem;font-weight: 700;letter-spacing: -0.48px;text-align: left;color: #111;}
.list.line-notice li > div { position: relative;}
.list.line-notice li .list-tit,  .list.line-notice li .list-con { width: 100%;}
.list.line-notice .list-tit { margin-bottom: 1.2rem;}
.list.line-notice li .list-tit { margin-bottom: 0;}
.list.line-notice .acc .list-tit::after { content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 1rem .65rem 0 .65rem;border-color: #5c5c5c transparent transparent transparent;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.list.line-notice .dot li::before,  .list.line-notice p.dot::before { top: 0.8rem;color: #666;font-size: 1.2rem;}
.list.line-notice .active .list-tit::after { border-width: 0 .65rem 1rem .65rem;border-color: #5c5c5c transparent;}
.list.line-notice + .text-list-wrap { margin-top: 4rem;}
.list.line-notice + .text-list-wrap .result-list:first-child dt { margin-top: 1rem;}
.line-notice + .line-notice { margin-top: 2.3rem}

.text-list-wrap.essential-check-wrap { padding-bottom: 0rem;}

.essential-check-wrap .text-list .desc { padding-top: 1rem;}
.essential-check-wrap .list.line-notice { margin-top: 0;}
.essential-check-wrap .list.line-notice > li { padding: 0;padding-bottom: 1.6rem;}
.essential-check-wrap .list.line-notice li > .list-con .dot li,
.essential-check-wrap .list.line-notice li .list-tit { font-weight: 400;}

.pd-wrap.coupon-info { margin-bottom: 0;}
.coupon-info .list.line-notice .list-tit { margin-bottom: 0.6rem;}
.coupon-info .list.line-notice .box { display: flex;justify-content: space-between;padding-top: 0.4rem;}
.coupon-info .list.line-notice .box li { align-items: center;justify-content: center;width: 33.333%;height: 6.3rem;margin-left: 2rem;padding: 0;border-radius: 1.5rem;border: solid 0.1rem #ddd;text-align: center;}
.coupon-info .list.line-notice .box li:first-child { margin-left: 0;}
.coupon-info .line-notice + .line-notice { margin-top: 3rem;}
.coupon-info .msg-error:last-of-type { margin-bottom: 0;}

/* 전화 정보 */.list-info li { display: flex;align-items: center;justify-content: space-between;min-height: 5.6rem;padding: 0;}
.list-info li + li { border-top: 1px #eee solid;}
.list-info .list-title { color: #666;font-size: 1.4rem;font-weight: 400;}
.list-info .list-desc[href^="tel:"] { font-size: 1.4rem;font-weight: 700;color: #111;text-decoration: underline;}
.list-info.md li { min-height: 7rem;padding: 2rem 0;}
.list-info.md li strong { color: #111;}

/* list w/ more button */.load-list { position: relative;}
.load-list > div { border:1px solid gray;display:none;}

/* more button - pagination */.load-more { position: relative;}
.load-more .btn-more { width: 100%;}

/* pagination */.pagination { position: relative;margin-top: 4rem;display: flex;justify-content: center;}
.pagination [class^=pg] { width: 2rem;height: 2rem;}
.pagination [class^=pg] + [class^=pg] { margin-left: 0.5rem;}
.pagination .pg-first,  .pagination .pg-prev,  .pagination .pg-next,  .pagination .pg-last { width: 2rem;height: 2rem;background-position: 0 0;background-repeat: no-repeat;background-size: 2rem 2rem;}
.pagination a { display: flex;justify-content: center;align-items: center;text-align: center;}
.pagination .pg-first { background-image: url(/webassets/img/pc/pg-last.png);transform: rotate(180deg);}
.pagination .pg-prev { background-image: url(/webassets/img/pc/pg-next.png);transform: rotate(180deg);}
.pagination .pg-next { background-image: url(/webassets/img/pc/pg-next.png);}
.pagination .pg-last { background-image: url(/webassets/img/pc/pg-last.png);}
.pagination-fraction { height: 2rem;display: flex;align-items: center;}
.pagination-fraction span { font-size: 1.4rem;letter-spacing: -0.42px;text-align: center;}
.pagination-fraction .current { margin-left: 2rem;font-weight: 700;color: #1490ef;}
.pagination-fraction .split { margin: 0 1rem;color: #ccc;}
.pagination-fraction .total { color: #666;margin-right: 2rem;}
.pagination.prevnext { margin: 0;}

/* toast message */.toast{ position:fixed; list-style: none; padding: 0; bottom: 8rem; z-index: 999999; line-height:20px;}
.toast li{ margin: 10px 0 0 0; display:block; color: #111; background-color: #111; opacity: 0.8;border-color:#111; border: 1px solid #111;padding: 1.65rem 1.5rem; border-radius: 2.8rem; font-size: 1.2rem;color: #fff;text-align: center;}
.toast li:first-child{ margin-top:0; }
/* .toast li.danger{
color: #e5483d; background-color: #f2e4e3; border-color: #e5483d; }
.toast li.success{
color: #1490ef; background-color: #ddeaee; border-color: #1490ef; } */.toast button.close{
background: none; border: none; font-weight: 700; font-size: 20px; line-height: 20px; float: right; padding: 0; margin: 0 0 0 5px; color: rgba(0,0,0,.25); cursor: pointer; }
.toast h1, .toast h2, .toast h3, .toast h4 { display: inline; }

/* line notice */.noti { position: relative;display: flex;align-items: center;}
.noti span { display: inline-flex;}
.noti span::before { content: '!';width: 2rem;height: 2rem;border: 1px solid #333;border-radius: 50%;text-align: center;margin-right: .4rem;flex: 0 0 auto;}
.noti + .noti { margin-top: 1rem;}

/* text list */.text-list { position: relative;}
.text-list ul, .dot, .star, .exclamation { margin-top: 1rem;list-style: none;}
.gray-box .text-list ul, .dot, .star, .exclamation { margin-top: 0;}
.text-list ul + span { margin-top: 1rem;}
.dot li, .dot_info li,  .star li, .ref li, p.dot, p.star, p.ref, .exclamation li { position: relative;display: block;width: 100%;margin:0;padding:0 0 0 1rem;font-size: 1.2rem;}
.tit-h3 + .dot.md { margin-top: -1.4rem;}
.dot.md li { padding: 0 0 0 1.2rem;font-size: 1.4rem;}
.dot.md li + li { margin-top: 1.4rem;}
.star { color: #999;}
span.star { position: relative;display: inline-block;padding:0 0 0 1rem;}
.star li + li { margin-top: 0.7rem;}
.exclamation li { padding-bottom: 0.5rem;padding-left: 2.2rem;font-weight: 300;font-size: 1.2rem;color: #111;}
.ref li, p.ref { padding-left: 1.2rem;}
.dot li::before, p.dot::before { content: '';position: absolute;top: 1.2rem;left: 0;display: block;width: 0.4rem;height: 0.4rem;background: #666;border-radius: 100%;}
.star li::before, p.star::before, span.star::before { content: '*';position: absolute;top: 0.2rem;left: 0;display: block;width: 0.4rem;height: 0.4rem;}
.ref li::before, p.ref::before { content: '※';position: absolute;top: 0;left: 0;display: block;width: 0.4rem;height: 0.4rem;}
.dot + .star { margin-top: 1rem;}
.exclamation li::before, p.exclamation::before { content: 'i';width: 1.4rem;height: 1.4rem;color: #fff;font-size: 1rem;text-align: center;background-color: #999;display: block;line-height: 1.4;position: absolute;top: 0.2rem;left: 0;border-radius: 50%;}
li.no-blt::before, li.no-blt::after { display: none;}
/* star 가운데 정렬 */.box-list .desc.star-inline, .star-inline { padding-left: 0;}
.star-inline::before { content: '*';display: inline-block;padding-right: 0.6rem;vertical-align: middle;}

/**********
* Page Components
**/
/* 완료 */.done-wrap { display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 6rem 0;border-bottom: 1px solid #ddd;}
.done-wrap:last-of-type { border-bottom: 0;}
.done-wrap:last-of-type:not(.emp) { padding-bottom: 0;}
.done-wrap .done-icon { padding-bottom: 4rem;}
.done-wrap .done-icon [class^=ico-] { animation-duration: 1s;animation-fill-mode: both;animation-name: fadeIn;}
.done-wrap.member-done { padding-top: 0;}
.ico-logo-big { width: 18rem;height: 14rem;background: url(/webassets/img/pc/ico-logo-big.png) 0 0 no-repeat;}
.ico-unlock-big { width: 10rem;height: 10rem;background: url(/webassets/img/pc/ico-unlock-big.png) 0 0 no-repeat;}
.ico-done-phone { width: 10rem;height: 10rem;background: url(/webassets/img/pc/ico-done-phone.svg) 0 0 no-repeat;}
.done-wrap .done-text { width: 100%;animation-duration: 1s;animation-fill-mode: both;animation-delay: 0.3s;animation-name: fadeIn;}
.done-wrap.alert-system { padding-top: 0;}
.done-wrap.alert-system img {width: 100%;}
.done-wrap.alert-system .done-icon { padding-bottom: 3rem;}
.done-wrap.alert-system .done-text p { font-weight: normal;font-size: 1.6rem;color: #111;}
.done-wrap .done-text > p { font-size: 2rem;font-weight: 700;line-height: 1.6;letter-spacing: -0.6px;text-align: center;color: #111;}
.done-wrap .done-text > p + .done-text-desc { margin-top: 5rem;}
.done-wrap .done-text-desc { font-size: 1.6rem;line-height: 1.75;letter-spacing: -0.48px;text-align: center;color: #666;}
.done-wrap .done-text img { display: block;width: 100%;}
.done-wrap .done-text-desc p { word-break: keep-all;color: #666;}
.done-wrap .done-text-desc .fc-blue { font-weight: 400;}
.done-wrap .done-text + .gray-box { margin-top: 4rem;}
.done-wrap .done-text-box { margin: 4rem 0;margin-bottom: 0.6rem;background-color: #f9f9f9;border-radius: 0.6rem;padding: 6rem 8rem;}
.done-text-box .done-list { display: flex;justify-content: space-between;align-items: flex-start;}
.done-text-box .done-list + .done-list { padding-top: 3rem;}
.done-text-box .title { margin-bottom: 0;text-align: left;font-size: 1.6rem;line-height: 1.63;letter-spacing: -0.48px;color: #666;}
.done-text-box .text { color: #111;margin-bottom: 0;text-align: right;}
.done-text-box a.text { font-size: 2rem;font-weight: 700;line-height: 1.2;letter-spacing: -0.6px;color: #111;border-bottom: 0.1rem solid #111;}
.done-text-box .text + .title { margin-top: 1.2rem;}
/* done-wrap type02 */.done-wrap.type02 { padding: 0;}
.done-wrap.type02 .done-icon { padding-bottom: 1rem;}
.done-wrap.type02 .done-text { min-height: auto;}
.done-wrap.type02 .done-text + .btn.full { margin-top: 2.4rem;}
.done-wrap.type02 .done-text > p:only-child { margin-bottom: 0;}
.done-wrap.type02 .done-text-box + .add-info.dot { margin-top: 1rem;}

.step.tiny + .done-wrap.type02 { margin-top: 2rem;}
.tab-cont .done-wrap.type02 { margin-top: 6rem;}
.done-wrap.type02 + .section { margin-bottom: 4rem;}

.form-group-item select { width: 100%;height: 4.5rem;padding: 0 2rem;font-family: inherit;background: url(/webassets/img/pc/ico-accordion-arrow.svg) no-repeat right 2rem center;border: 1px solid #ddd;border-radius: 0.3rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.form-group-item select:disabled { color: #ccc;}
.form-group-item select::-ms-expand { display: none;}
.form-group-item select:invalid{color: #a00;}

textarea { display: block;width: 100%;height: 20vh;padding: 1rem;resize: none;}
ul, ol, dl { list-style: none;}
.msg-error { margin-top: 1.2rem;font-size: 1.2rem;color: #e5483d;}
.msg-error:last-of-type { margin-bottom: 2rem;}

.btn.btn-link { width: 3rem;height: 3rem;font-size: 0;}

/* select */.select-btn { position: relative;display: block;width: 100%;height: 3.6rem;padding: 0.3rem 2.8rem 0.5rem 0;text-align: left;font-size: 1.8rem;font-weight: 400;color: #666;border-bottom: 0.1rem solid #ccc;box-shadow: none;background: none;}
.select-btn .placeholder { color: #ccc;}
.select-btn:after { content: '';position: absolute;top: 50%;right: 0;display: inline-block;width: 2rem;height: 2rem;background: url(/webassets/img/pc/ico-select.svg) 50% 50% no-repeat;background-size: 2rem 2rem;transform: translateY(-50%);}
.select-btn:disabled,
.select-btn:disabled + .label { color: #ccc;}
.select-btn:disabled:after { background-image: url(/webassets/img/pc/ico-select-disabled.svg);}
.form-group-item.selected input { border-bottom: 0;padding-right: 8.4rem;}
.select-content-desc { margin-bottom: 4rem;font-size: 1.6rem;line-height: 1.75;letter-spacing: -0.48px;color: #666;}
/* .select-content .select-optgroup:nth-child(n+2) { margin-top: 4rem;} */.select-content .select-optgroup .tit { display: block;margin-bottom: 0.6rem;font-size: 1.6rem;line-height: 1.5;letter-spacing: -0.032em;color: #111;font-weight: 700;}
.select-content .select-optgroup .tit + .list.has-top-border { margin-top: 1.4rem;}
.select-content .select-option { position: relative;display: flex;width: 100%;align-items: center;background: none;text-align: left;box-shadow: none;padding: 1.6rem 0 1.6rem 0;}
.select-content .select-option span { color: #666666;word-break: break-all;}
.select-content .select-option span + span { padding-left: 0.6rem;}
.select-content .list li { width: 100%;margin-top: 1.6rem;padding: 0;border-bottom: none;font-size: 1.6rem;color: #111;}
.select-content .list-address li.anchor { padding-right: 1.6rem; padding-left: 1.6rem;background-color: #f8f8f8;border-radius: 0.6rem;border-bottom: 0;}
.select-content .list li:first-of-type { margin-top: 0;border-top: none;}
/* .select-content .select-option { position: relative;display: flex;width: 100%;padding: 0.9rem 2rem;align-items: center;background: #f5f5f5;border-radius: 0.5rem;text-align: left;box-shadow: none;} */.select-content .form-group { width: 100%;}
.select-content .form-group label { position: relative;display: flex;align-items: center;width: 100%;min-height: 4.8rem;text-align: left;box-shadow: none;}
.select-content .form-group input[type="radio"] + label {
padding: 0.9rem 1rem 0.9rem 5.2rem;background: #f5f5f5;border-radius: 0.5rem;    }
.select-content .form-group input[type="radio"]:checked + label { box-shadow: 0.5rem 0.5rem 1rem rgba(17,17,17,0.25);}
.select-content .form-group label:before { left: 2rem;top: 50%;transform: translateY(-50%);}
.select-content .form-group input[type="radio"]:checked + label:after { top: 50%;left: 2.8rem;transform: translateY(-50%);}
.select-content .form-group input[type="checkbox"] + label { position: relative;display: flex;width: calc(100% + 4rem);align-items: center;background: none;text-align: left;box-shadow: none;padding: 1.6rem 2rem;margin: 0 -2rem;}
.select-content .form-group input[type="checkbox"] + label:before { display: none;}
.select-content .form-group input[type="checkbox"]:checked + label { background:#f5fbff}
.select-content .form-group input[type="checkbox"]:checked + label:after { content: '';position: absolute;top: 50%;right: 2rem;left: auto;display: inline-block;width: 2.4rem;height: 2.4rem;background: url(/webassets/img/pc/ico-check.svg) 50% 50% no-repeat;transform: translateY(-50%);background-size: 100%;}
.select-content .form-group label span { color: #666666;font-size: 1.4rem;line-height: 1.143;margin-left: 0;font-weight: 400;}
.select-content .form-group label span:only-child { width: 100%;}
.select-content .form-group label span + span { font-weight: 700;}

/* modal 옵션선택 리스트 */
.select-content ul.list > li { font-size: 14px;line-height: 1.571em;letter-spacing: -0.032em;display: flex;justify-content: space-between;border-bottom: 0.1rem solid #eee;}
.select-content ul.list > li + li { margin-top: 0;padding: 0; }
.select-content ul.list > li > span { display: block;}
.select-content .between { margin-bottom: 1.1rem;letter-spacing: -0.48px;color: #111;}
.select-content .between p { margin-bottom: 0;}
.select-content .between + .select-optgroup { margin-bottom: 4rem;}
.select-content .between + .select-optgroup:last-child { margin-bottom: 0;}
.select-content .tit { font-weight: 700;line-height: 1.75;flex-shrink: 0;}
.select-content .txt { font-size: 1.4rem;text-align: right;}
.select-content .list.has-top-border li:first-of-type { border-top: 0.1rem solid #eee;}
.select-content .list > li > .select-option:hover,  .select-content .list > li > .select-option:active,  .select-content .list > li > .select-option:focus,
.select-content .list > li > .select-option.active,
.select-content .list > li.active > .select-option { background:#f5fbff}
.select-content .list > li > .select-option:hover::after,  .select-content .list > li > .select-option:active::after,  .select-content .list > li > .select-option:focus::after,  .select-content .list > li > .select-option.active::after,  .select-content .list > li.active > .select-option::after { content: '';position: absolute;top: 50%;right: 0;left: auto;display: inline-block;width: 2.4rem;height: 2.4rem;background: url(/webassets/img/pc/ico-check-hover.svg) 50% 50% no-repeat;transform: translateY(-50%);background-size: 100%;}

.form-group-wrap + .select-content { margin-top: 4rem;}

/* 아이콘 형태 list 버튼 */.select-content.select-ico .list { display: flex;align-items: flex-start;flex-flow: row wrap;width: 100%;/* width: calc(100% + 1.75rem);margin-left: -0.875rem;margin-bottom: -1.6rem; */}
.select-content.select-ico .list > li > button { display: flex;flex-direction: column;padding: 0;width: 100%;margin: 0;text-align: center;font-size: 1.4rem;color: #666;line-height: 1.71;/* letter-spacing: -0.032em; */letter-spacing: -0.42px;}

.select-content.select-ico .list > li > button:hover,  .select-content.select-ico .list > li > button.active { font-weight:700;color:#111;background: none;}
.select-ico .list > li > button:hover > i,  .select-ico .list > li > button.active > i { background-color: #fff;border:1px solid #1490ef;}
.select-content.select-ico .list > li > button:hover:after,
.select-content.select-ico .list > li > button.active:after { display:none;}
.select-content.select-ico .list > li { width: 8rem;height: auto;margin: 0 1rem;border-bottom: none;align-items: flex-start;}
.select-content.select-ico .list > li:nth-of-type(5n-4) { margin-left: 0;}
.select-content.select-ico .list > li:nth-of-type(5n) { margin-right: 0;margin-bottom: 2.6rem;}
.select-ico  [class*="ico-"] { width: 8rem;height: 8rem;margin: 0;border-radius: 1.5rem;background: #f8f8f8 50% 50% no-repeat;font-size: 0;margin-bottom: 1rem;}
.select-content.select-ico .form-group label:before { display: none;}
.select-content.select-ico .select-optgroup .tit { margin-bottom: 1.6rem;}

/* 아이콘 형태 radio */.select-ico .form-group input[type="radio"] + label { display: flex;flex-direction: column;padding: 0;padding-bottom: 1.6rem;width: 5.5rem;margin: 0;text-align: center;font-size: 1.2rem;color: #666666;line-height: 1.5;letter-spacing: -0.032em;background: none;}

.select-ico .form-group input[type="radio"]:checked + label { font-weight:700;color:#111;background: none;box-shadow: none;}
.select-ico .form-group input[type="radio"]:checked + label > i { background-color:#f5fbff;border:1px solid #1490ef;}
.select-ico .form-group input[type="radio"]:checked + label:after { display: none;}

/* 브랜드선택 */.select-ico .ico-brand { background-image: url(/webassets/img/pc/ico-no.svg);background-size: 2.4rem auto;}
/* 브랜드 아이콘 */.ico-brand.hyundai { background-image: url(/webassets/img/pc/ico-brand-hyundai.svg);}
.ico-brand.kia { background-image: url(/webassets/img/pc/ico-brand-kia.svg);}
.ico-brand.genesis { background-image: url(/webassets/img/pc/ico-brand-genesis.svg);}
.ico-brand.chevrolet { background-image: url(/webassets/img/pc/ico-brand-chevrolet.svg);}
.ico-brand.renault { background-image: url(/webassets/img/pc/ico-brand-renault.svg);}
.ico-brand.ssangyong { background-image: url(/webassets/img/pc/ico-brand-ssangyong.svg);}
.ico-brand.etc { background-image: url(/webassets/img/pc/ico-brand-etc.svg);}
.ico-brand.benz { background-image: url(/webassets/img/pc/ico-brand-benz.svg);}
.ico-brand.bmw { background-image: url(/webassets/img/pc/ico-brand-bmw.svg);}
.ico-brand.audi { background-image: url(/webassets/img/pc/ico-brand-audi.svg);}
.ico-brand.vw { background-image: url(/webassets/img/pc/ico-brand-volkswagen.png);}
.ico-brand.ford { background-image: url(/webassets/img/pc/ico-brand-ford.png);}
.ico-brand.tesla { background-image: url(/webassets/img/pc/ico-brand-tesla.png);    background-size: 4.4rem auto;}
.ico-brand.peugeot { background-image: url(/webassets/img/pc/ico-brand-peugeot.png);}
.ico-brand.mini { background-image: url(/webassets/img/pc/ico-brand-mini.png);}
.ico-brand.volvo { background-image: url(/webassets/img/pc/ico-brand-volvo.png);}
.ico-brand.honda { background-image: url(/webassets/img/pc/ico-brand-honda.png);}
.ico-brand.jeep { background-image: url(/webassets/img/pc/ico-brand-jeep.png);}

.select-ico .ico-brand.hyundai,
.select-ico .ico-brand.kia,
.select-ico .ico-brand.genesis,
.select-ico .ico-brand.chevrolet,
.select-ico .ico-brand.etc,
.select-ico .ico-brand.renault,
.select-ico .ico-brand.ssangyong,
.select-ico .ico-brand.benz,
.select-ico .ico-brand.bmw,
.select-ico .ico-brand.audi,
.select-ico .ico-brand.vw,
.select-ico .ico-brand.ford,
.select-ico .ico-brand.peugeot,
.select-ico .ico-brand.mini,
.select-ico .ico-brand.volvo,
.select-ico .ico-brand.honda,
.select-ico .ico-brand.jeep { background-size: 6rem auto;}

/* 카드사 선택 */.select-content .ico-card { background-image: url(/webassets/img/pc/ico-no.svg);background-size: 4rem auto;}
.select-content .ico-card.woori { background-image: url(/webassets/img/pc/ico-company-woori.svg);background-size: 4rem auto;}
.select-content .ico-card.lotte { background-image: url(/webassets/img/pc/ico-company-lotte.svg);background-size: 4rem auto;}
.select-content .ico-card.bc { background-image: url(/webassets/img/pc/ico-company-bc.svg);background-size: 4rem auto;}
.select-content .ico-card.samsung { background-image: url(/webassets/img/pc/ico-company-samsung.svg);background-size: 4.8rem auto;}
.select-content .ico-card.shinhan { background-image: url(/webassets/img/pc/ico-company-shinhan.svg);background-size: 4rem auto;}
.select-content .ico-card.hyundai { background-image: url(/webassets/img/pc/ico-company-hyundai.svg);background-size: 4.8rem auto;}
.select-content .ico-card.hana { background-image: url(/webassets/img/pc/ico-company-hana.svg);background-size: 4.2rem auto;}
.select-content .ico-card.kb { background-image: url(/webassets/img/pc/ico-company-kb_4x.png);background-size: 4.2rem auto;}
/* 은행 선택 */.select-content .ico-bank { background-image: url(/webassets/img/pc/ico-no.svg);background-size: 2.4rem auto;}
.select-content .ico-bank.woori { background-image: url(/webassets/img/pc/ico-company-woori.svg);background-size: 2rem auto;}
.select-content .ico-bank.shinhan { background-image: url(/webassets/img/pc/ico-company-shinhan.svg);background-size: 2.1rem auto;}
.select-content .ico-bank.hana { background-image: url(/webassets/img/pc/ico-company-hana.svg);background-size: 2.1rem auto;}
.select-content .ico-bank.kb { background-image: url(/webassets/img/pc/ico-company-kb_4x.png);background-size: 2.1rem auto;}

/* 보험사 선택 */.select-ico .ico-company { background-image: url(/webassets/img/pc/ico-no.svg);background-size: 2.4rem auto;}
.select-content.select-ico .ico-company.axa { background-image: url(/webassets/img/pc/ico-company-axa_4x.png);background-size: 1.8rem auto;}
.select-content.select-ico .ico-company.db { background-image: url(/webassets/img/pc/ico-company-db_4x.png);background-size: 1.58rem auto;}
.select-content.select-ico .ico-company.kb { background-image: url(/webassets/img/pc/ico-company-kb_4x.png);background-size: 2.4rem auto;}
.select-content.select-ico .ico-company.mg { background-image: url(/webassets/img/pc/ico-company-mg_4x.png);background-size: 1.97rem auto;}
.select-content.select-ico .ico-company.lotte { background-image: url(/webassets/img/pc/ico-company-lotte.svg);background-size: 2.08rem auto;}
.select-content.select-ico .ico-company.meritz { background-image: url(/webassets/img/pc/ico-company-meritz_4x.png);background-size: 2.83rem auto;}
.select-content.select-ico .ico-company.samsung { background-image: url(/webassets/img/pc/ico-company-samsung.svg);background-size: 2.7rem auto;}
.select-content.select-ico .ico-company.carrot { background-image: url(/webassets/img/pc/ico-company-carrot_4x.png);background-size: 2.8rem auto;}
.select-content.select-ico .ico-company.hana { background-image: url(/webassets/img/pc/ico-company-hana.svg);background-size: 2.6rem auto;}
.select-content.select-ico .ico-company.hanwha { background-image: url(/webassets/img/pc/ico-company-hanwha_4x.png);background-size: 2.24rem auto;}
.select-content.select-ico .ico-company.hi { background-image: url(/webassets/img/pc/ico-company-hi_4x.png);background-size: 1.74rem auto;}
.select-content.select-ico .ico-company.heungkuk { background-image: url(/webassets/img/pc/ico-company-heungkuk_4x.png);background-size: 2.27rem auto;}

.select-content.select-ico.md .list > li { width: 9.6rem;margin: 0 0.8rem;}
.select-content.select-ico.md .list > li > button { width: 9.6rem;}

/* 차량 선택 */.select-ico.large [class*="ico-"] { width: 15.5rem;height: 15.5rem;}
.select-content.select-ico.large .list > li { width: 15.5rem;margin: 0 1rem;}
.select-content.select-ico.large .list > li > button { width: 15.5rem;}
.select-content.select-ico.large .list > li:nth-of-type(4n-4) { margin-right: 0;}
.select-content.select-ico.large .list > li:nth-of-type(5n+1),
.select-content.select-ico.large .list > li:nth-of-type(5n) { margin-left: 0;}
.select-content.select-ico.large .list > li:nth-of-type(6) { margin-left: 1rem;}
.select-content.select-ico.large .list > li:nth-of-type(1n+5) { margin-top: 4rem;}

.select-ico .ico-car { background-image: url(/webassets/img/pc/ico_no.svg);background-size: 12rem auto;}
.select-ico .ico-car.sonata { background-image: url(/webassets/img/pc/ico_no.svg);background-size: 12rem auto;}
.select-ico .ico-car.ionoq { background-image: url(/webassets/img/pc/ico-ionoq.png);background-size: 12rem auto;}
.select-ico .ico-car.grandig { background-image: url(/webassets/img/pc/ico-grandig.png);background-size: 12rem auto;}
.select-ico .ico-car img { max-width: 12rem;}
/* 연료 선택 */.select-ico .ico-fuel { background-image: url(/webassets/img/pc/ico_no.svg);background-size: 4rem auto;}
.select-ico .ico-fuel.all:after { content: 'ALL';font-size: 1.6rem;color: #111;line-height: 8rem;font-weight: 800;font-style: normal;}
.select-ico .ico-fuel.electric { background-image: url(/webassets/img/pc/ico-electric.svg);}
.select-ico .ico-fuel.gasoline { background-image: url(/webassets/img/pc/ico-gasoline.svg);}
.select-ico .ico-fuel.diesel { background-image: url(/webassets/img/pc/ico-diesel.svg);}
.select-ico .ico-fuel.lpg { background-image: url(/webassets/img/pc/ico-lpg.svg);}
.select-ico .ico-fuel.hybrid { background-image: url(/webassets/img/pc/ico-hybrid.svg);}

/* 인증기관 아이콘 */.select-ico.md [class*="ico-"] { width: 9.6rem;height: 9.6rem;}

.select-ico.md .list > li > button:hover > i.pay { background-color: #ffeb00;}
.select-ico.md .list > li > button:hover > i.pass { background-color: #ff3a4a;}
.select-ico.md .list > li > button:hover > i.toss { background-color: #0050ff;}

/* 인증기관 아이콘 */.ico-certi.pay { background-image: url(/webassets/img/pc/ico-certi-pay.svg);background-size: 6.12rem auto;background-color: #ffeb00;}
.ico-certi.pass { background-image: url(/webassets/img/pc/ico-certi-pass.png);background-size: 5.25rem auto;background-color: #ff3a4a;}
.ico-certi.toss { background-image: url(/webassets/img/pc/ico-certi-toss.svg);background-size: 6.81rem auto;background-color: #0050ff;}

/* 공통 - 로고없음 */.ico-brand.noico, .ico-company.noico, .ico-card.noico { background-image: url(/webassets/img/pc/ico-no.svg);background-size: 2.4rem auto;}

.box-list.expand + .btn-wrap { margin-top: 1.6rem;}
.mycar .mycar-content .summary .etc { display: block;font-weight: 400;font-size: 1.2rem;}
.mycar .mycar-content .optimum-info .list-info { margin-top: 1.6rem;}

.parking-tit-area .tit-h2{ margin-top: 0;}
.parking-tit-area .tit-h3 {margin-top: 3rem; }
.bridge-visual.map { margin-top: 2rem;}
.bridge-visual .map-area { position: relative;display: flex;justify-content: center;align-items: center;height: 40rem;background: rgba(0,0,0,0.1);}
[class^=tit-h] + .map-area { margin-top: 1.6rem;}


/* 알뜰폰 */.select-ico.affordable-phone .list { width: 100%;margin-left: 0;flex-flow: row nowrap;justify-content: space-between;}
.select-ico.affordable-phone .list > li { width: 9.6rem;margin: auto;margin: 0;}
.select-ico.affordable-phone .list > li > .form-group input[type="radio"] + label { font-weight: 700;width: 9.6rem;}
.select-ico.affordable-phone [class*="ico-"] { width: 9.6rem;height: 9.6rem;background-size: 7.6rem auto;}

/* 알뜰폰 선택 */.select-content.select-ico.affordable-phone .ico-telecom.skt { background-image: url(/webassets/img/pc/ico-telecom-skt.svg);}
.select-content.select-ico.affordable-phone .ico-telecom.kt { background-image: url(/webassets/img/pc/ico-telecom-kt.svg);}
.select-content .ico-telecom.lgu { background-image: url(/webassets/img/pc/ico-telecom-lgu.svg);}

/* scrollbar
::-webkit-scrollbar { width: 0px;height: 0px;}
::-webkit-scrollbar-thumb { background: rgba(90, 90, 90, 0);}
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0);}
*/
/* css arrows sample */.button-up,
.button-down { position: relative;padding: 5px;background: #000;height: 50px;width: 50px;border-radius: 50%;transition: all 0.2s linear;}
.button-down:hover { transform: translate3d(0, 10px, 0);}
.button-up:hover { transform: translate3d(0, -10px, 0);}
.button-up::after,
.button-down::after { content: "";position: absolute;left: 17px;z-index: 11;display: block;width: 25px;height: 25px;border-top: 2px solid #fff;border-left: 2px solid #fff;}
.button-up::after { top: 20px;transform: rotate(45deg);}
.button-down::after { top: 10px;transform: rotate(225deg);}
.arrow-right, .arrow-left, .long-arrow-right, .long-arrow-left{ display: block;width: 25px;height: 25px;border-top: 2px solid #000;border-left: 2px solid #000;}
.arrow-right, .long-arrow-right{ transform: rotate(135deg);}

.arrow-left, .long-arrow-left{ transform: rotate(-45deg);}
.long-arrow-right::after, .long-arrow-left::after{ content: "";display: block;width: 2px;height: 45px;background-color: black;transform: rotate(-45deg) translate(15px, 4px);left: 0;top: 0;}
.triangle-left, .triangle-right, .triangle-top, .triangle-bottom{ width: 0;height: 0;}
.triangle-left, .triangle-right{ border-top: 18px solid transparent;border-bottom: 18px solid transparent;}
.triangle-top, .triangle-bottom{ border-left: 18px solid transparent;border-right: 18px solid transparent;}
.triangle-right{ border-left: 30px solid black;}
.triangle-left{ border-right: 30px solid black;}
.triangle-top{ border-bottom: 30px solid black;}
.triangle-bottom{ border-top: 30px solid black;}

/* Accordion */.list.accordion li { position: relative;padding: 0;}
.list.accordion .list-tit { width: 100%; min-height: 6rem;position: relative;padding: 2.5rem 3rem 3rem 3rem;font-weight: 700;}
.list.accordion li .list-tit:after { content: "";width: 2.4rem;height: 2.4rem;display: block;position: absolute;top: 3rem;right: 2rem;background: transparent url(/webassets/img/pc/ico-accordion-arrow.svg) center center no-repeat;background-size: 2.4rem;}
.list.accordion li.active .list-tit:after { transform: rotate(180deg);}

.list.accordion .list-tit .title { margin-bottom: 0;font-size: 1.6rem;color: #111;font-weight: 700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; }
.list.accordion .active .list-tit .title { overflow: initial;text-overflow: initial;display: -webkit-box;-webkit-line-clamp: initial;-webkit-box-orient: initial;}
.list.accordion .list-tit .date { font-size: 1.4rem;color: #aaa;font-weight: 400;}
.list.accordion .list-tit .type { display: block;font-size: 1.6rem;color: #111;}
.list.accordion .list-con { position: relative;display: none;width: 100%;padding: 3rem;}
.list.accordion li.active .list-con { display: block; background: #f8f8f8;}
.list.accordion.qna .list-con { border-top: 0.1rem solid #ddd;}
.list.accordion.qna .list-con .con:before,  .list.accordion.faq .list-con .con:before { content: 'A';flex: 0 0 auto;display: block;width: 2.8rem;height: 2.9rem;color: #5c5c5c;font-size: 1.8rem;font-weight: 800;line-height: 2.7rem;}
.list.accordion.qna .list-con .con,
.list.accordion.faq .list-con .con { display: flex;font-size: 1.6rem;line-height: 1.75;color: #666;}
.list.accordion .list-con .date { margin-left: 3rem;font-size: 1.4rem;color: #aaa;font-weight: 400;}
.list.accordion.qna .list-tit p { margin-bottom: 0;}
.list.accordion.qna .list-tit .title { display: inherit;padding-right: 3rem;color: #666;font-weight: 400;font-size: 1.6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list.accordion.qna li.active .list-tit .title { overflow: initial;text-overflow: initial;white-space: initial;}
.list.accordion.qna .util { display: flex;margin-top: 1.5rem;line-height: 1;}
.list.accordion.qna .util .state { font-size: 1.4rem;letter-spacing: -0.42px;text-align: left;font-weight: 700;color: #999;}
.list.accordion.qna .util .state.comp { color: #1490ef;}
.list.accordion.qna .util .state:before { content: '';display: inline-block;width: 0.1rem;height: 1.4rem;margin: 0 1rem;background-color: #ddd;vertical-align: middle;}

.list.accordion.qna .file-upload-list { display: none;margin-top: 1rem;}
.list.accordion.qna .acc.active .file-upload-list { display: block;}

.list.accordion.faq .list-tit { display: block;width: 100%;padding: 1.7rem 6rem 1.5rem 5.8rem;}
.list.accordion.faq .list-tit:before { content: 'Q';position: absolute;top: 1.6rem;left: 3rem;display: block;width: 2.8rem;height: 2.9rem;font-size: 1.8rem;font-weight: 800;color: #111;line-height: 2.9rem;}
.list.accordion.faq li .list-tit:after { top: 2rem;}
.list.accordion.faq li.active .list-tit .title { font-weight: 700;}
.list.accordion.notice { margin-top: 1rem;}
.list.accordion.notice li.active .list-tit:after { border-top-color: #5c5c5c;}
.list.accordion.notice li.active .list-tit { background: #fff}
.list.accordion.notice li.active .list-tit .title { font-weight: 700;color: #111;}
.list.accordion.notice li.active .list-tit .date { color: #999;}

/* display */.none {display:none;}

/* font-weight */.ft-normal {font-weight: 400 !important;}
/* .ft-thin {} */.ft-bold {font-weight: 700 !important;}

/** text-list **/.dash > li,
p.dash { list-style: none;position: relative;display: block;width: 100%;margin:0;padding:0 0 0 0.8rem;font-size: 1.4rem;color: #333;}
.dash > li::before,
p.dash::before { content: '';position: absolute;top: 1.3rem;left: 0;display: block;width: 0.4rem;height: 0.1rem;background: #333;}
.dash.fs14 > li { font-size: 1.4rem;}
.dash.fs14 > li::before { top: 1rem;}
.tit-h4 + .list-num { margin-top: 1.4rem;margin-left: 1.6rem;text-indent: -1.6rem;}
.list-num > li + li { padding-top: 1.2rem;}
.list-num.small { font-size: 1.2rem;line-height: 1.9rem;}
.list-num02 { counter-reset: number 0;font-size: 1.4rem;}
.list-num02 > li { padding-left: 2rem;padding-bottom: 0 !important;padding-top: 0 !important;display: block;position: relative;}
.list-num02 > li::before { position: absolute;left: 0;top: 0.4rem;counter-increment: number;content: counter(number);font-size: 1.1rem;line-height: 1.4rem;color: #fff;background-color: #ccc;width: 1.4rem;height: 1.4rem;border-radius: 50%;text-align: center;}
.list-num02 > li + li { margin-top: 1rem;}
.list-num02 > li [class^="fc-"] { font-weight: 400;}
.list.line-notice .list-num02 > li:before { top: 0.3rem;}
.list.line-notice .list-num02 > li + li { margin-top: 0.8rem;}
.list-num02 + .star { margin-top: 0.9rem;}
.list-num03 > li { list-style: decimal;margin-left: 1.4rem;}
.list-num03 > li + li { margin-top: 0.1rem;}

/** icon : etc **/.mark-rdo { position: relative;display: inline-block;padding-left: 1.8rem;    }
.mark-rdo::before { content: '';display: block;position: absolute;left: 0; top: 0.4rem;width: 1.6rem;height: 1.6rem;background: url(/webassets/img/pc/ico-rdo.svg) left top no-repeat;background-size: 100%;}


/* title */[class^='tit-h']:not([class*='-text']) { color: #111;letter-spacing: -0.05em;}
.tit-h2 { margin-top: 2rem;margin-bottom: 4rem;font-size: 3rem;font-weight: 700;word-break: keep-all;}
.tit-h2.mt0 { margin-top: -1rem !important;}
.tit-h3 { margin-bottom: 1.5rem;font-size: 2.6rem;line-height: 1.46;font-weight: 700;letter-spacing: -0.78px;}
.tit-h4,
.tit-h4-02 { margin-bottom: 1rem;font-size: 1.6rem;font-weight: 700;}
/* title + text */.tit-h3-text { margin-top: -1.4rem;}

/* title extra */.tit-extra { margin-bottom: 3rem;}
div[class*='tit-'] .tit-h2:not(:last-child) { margin-bottom: 1.6rem;}

/* reset vertical space */.tit-extra > .tit-h2,
.login-wrap > .tit-h2,  .loan-content > .tit-h2,
.contents > .tit-h2,
.contents > .top-limit-info-bg > .hgroup,
.contents > .hgroup { margin-top: -1rem;}
.contents > .tab-wrap .tab-btn.alink,
.contents > .img-upload,  .contents > .tab-btn.alink,  .contents > .list.accordion.notice,  .contents > .front-list { margin-top: 0;}
.contents > .step.tiny,  .contents > .curation,
.contents > .garage-content,
.contents .mycar,  .contents .mypage-content,
.contents > .event-view,
.contents > .login-wrap > [class^=logo-] { margin-top: -2rem;}
.hgroup [class^=tit-] { margin-top: 0;}
.contents > .curation > .curation-q .tit-h2 { margin-top: 1rem;}

/* highlighter */.highlighter { display: inline-block;font-weight: 700;color: #111;line-height: 1.3;background: url(/webassets/img/pc/underline.svg) repeat-x 0 100%; background-size: auto 0.7rem;}

/* 타이틀 간격 */.tit-extra + .form-wrap,
.tit-extra + .list.expand,
.tit-h2 + .form-wrap,
.tit-h2 ~ .tab-wrap { margin-top: 6rem;}
.tit-h2 + .tit-desc-28 { margin-top: -1.4rem;}
.tit-desc-28 .dot .dash { margin-top: 1.6rem;}
.tit-h3 + [class^='tit-h4'] { margin-top: 3rem;}
.tit-h3 ~ .form-wrap { margin-top: 3rem;}
.contents > .tit-h4:first-child { margin-top: 2rem;}
.car-regi-info .tit-h4-02 { margin-top: 0;}
.tit-h3-text + .form-group-tab { margin-top: 2.7rem;}
.tit-h3-text + .text-list-wrap { margin-top: 4rem;}

/** text **/.modal-body .msg-info { text-align: center;color:#111;font-size: 1.6rem;font-weight: 700;line-height: 1.5;}
.modal-body .msg-info .msg-info-p { margin-top: 1rem;font-size: 1.4rem;color: #666;line-height: 1.57;}
.msg-info { text-align: center;color:#111;font-size: 1.4rem;line-height: 1.5;}
.add-info { color: #111;font-size: 1.2rem;}
.add-info.star { margin-top: 1.5rem;word-break: keep-all;color: #999;font-size: 1.2rem;}
.add-info.dot { font-size: 1.2rem;letter-spacing: -0.36px;color: #666;}
.add-info.dot::before { top: 0.9rem;}

/** box **/.gray-box { width: 100%;padding: 1.6rem;border-radius: 0.6rem;background: #f8f8f8;}
.gray-box2 { width: 100%;margin-bottom: 6rem;padding: 2.5rem 3rem 3rem;border-radius: 2rem;background: #f8f8f8;}
.gray-box-text { margin-top: 1.4rem;font-size: 1.2rem;color: #111;text-align: left;}
.gray-box.expand { width: calc(100% + 4rem);margin: 0 -2rem;background: #f4f5f6;border-radius: 0;}
.shadow-box { width: 100%;padding: 0 2rem;border-radius: 0.8rem;box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08);}

.small-txt { display: block;font-size: 1.4rem;color: #999;line-height: 1.86;}
.gray-box .text-list { color: #666;line-height: 1.86;}

/* .gray-box .small-txt { padding-top: 1.0rem;} */.small-txt .dash > li { padding-left: 1rem;}
.small-txt .dash > li + li { margin-top: 0.5rem;}
.small-txt .dash > li, p.dash,  .small-txt .dash > li::before,
p.dash::before { line-height: 1.86;color: #666;}
.small-txt .dash > li::before { background-color: #666;}
.gray-box .txt { font-size: 1.4rem;line-height: 2.1rem;}
.gray-box .txt > span { font-size: 1.2rem;padding-top: 1.2rem;display: block;}

.gray-box > .text-list > .dot > li { font-size: 1.4rem;}
.gray-box > .text-list > .dot > li + li { margin-top: 0.5rem; }
.checkout .gray-box > .text-list > .dot > li { font-size: 1.2rem;}
.checkout .gray-box > .text-list > .dot li::before,  .checkout .gray-box > .text-list > p.dot::before { top: 1rem;}
.checkout .gray-box >.small-txt { font-size: 1.2rem;color: #666;}
.checkout .gray-box >.small-txt:first-of-type { margin-top: 0.5rem;}


/** chk-small **/.form-group input[type="checkbox"] + label.chk-small { min-height: 2.4rem;line-height: 2.4rem;font-size: 1.4rem;color: #666;padding-left: 2.4rem;}
/* mobile style
.form-group input[type="checkbox"] + label.chk-small:before { background: #fff url(/webassets/img/pc/form-check-sm.svg) 0 0 no-repeat;background-size: 2.4rem;}
.form-group input[type="checkbox"]:checked + label.chk-small:before { background: transparent url(/webassets/img/pc/form-check-sm-on.svg) 0 0 no-repeat;background-size: 2.4rem;} */.form-group label.chk-small span { font-size: 1.4rem;color:#666;}


/** basic-slide **/.basic-slide { padding-bottom: 1.5rem;}
.basic-slide .swiper-slide > a { display: block;}
.basic-slide .swiper-slide img { width: 100%;}
.basic-slide .swiper-pagination { bottom: 0;height: 0.9rem;}
.basic-slide .swiper-pagination-bullet { width: 0.8rem;height: 0.8rem;vertical-align: top;background-color: #fff;opacity: 1;}
.basic-slide .swiper-pagination-bullet-active { /* width: 2.8rem; */border-radius: 0.8rem;background-color: #1490ef;}
.basic-slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,  .basic-slide .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.36rem;}

/** .tab-btn.type-scroll **/.tab-btn.type-scroll { width: 100%;overflow: hidden;overflow-x: auto;padding-left: 1.2rem;border-bottom: 0.1rem solid #ccc;}
.tab-btn.type-scroll > ul { display: inline-flex;white-space: nowrap;justify-content: unset;vertical-align: top;}
.tab-btn.type-scroll li:first-of-type,  .tab-btn.type-scroll li:first-of-type a,  .tab-btn.type-scroll li:first-of-type button { border-radius: 0;}
.tab-btn.type-scroll > ul > li { position: relative;width: auto;margin: 0 0.8rem;background-color: transparent;}
.tab-btn.type-scroll li a,
.tab-btn.type-scroll li button { background-color: transparent;color: #999;border: 0;padding: 0 1.4rem;border-radius: 0;height: 3.5rem;}
.tab-btn.type-scroll li.active { background-color: #fff;}
.tab-btn.type-scroll li.active::before { content: '';display: block;position: absolute;left:0;bottom: 0;width: 100%;height: 0.1rem;border-bottom: 0.2rem solid #1490ef;}
.tab-btn.type-scroll li.active a,
.tab-btn.type-scroll li.active button { background-color: #fff;color: #111;}
.tab-btn.type-scroll + .alert-infobox + .tab-cont { margin-top: 0;}

/** table **/[class^=table] table {table-layout: fixed;width: 100%;border: 0;}
[class^=table] table caption {clip: rect(0 0 0 0); clip-path: inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space: nowrap;}
.table {border-top: 1px solid #666;}
.table th {height: 4rem;padding: 0.9rem 0.5rem;color: #111;font-size: 1.4rem;font-weight: 400;line-height: 1.57;background: #f8f8f8;}
.table thead tr:last-of-type th {border-bottom: 1px solid #eee;}
.table thead th:not(:last-of-type) {border-right: 1px solid #eee;}
.table td {height: 4rem;padding: 0.8rem 1.2rem;text-align: center;color: #111;font-size: 1.4rem;line-height: 1.57;border-bottom: 1px solid #eee;}
.table td:not(:last-of-type) {border-right: 1px solid #eee;}
.table a {color: #111;}

.table-info { margin-top: 3rem;display: flex;justify-content: space-between;}
.table-info .tit-h4 { margin-top: 0;font-size: 1.6rem;font-weight: 700;}
.table-info .total { font-size: 1.4rem;color: #999;}
.table-info .total .count { font-style: normal;color: #111;font-weight: 700;}
.table-info + .table { margin-top: 1.2rem;}

/** progress **/.progress { display: flex;height: 0.6rem;overflow: hidden;font-size: 1.4rem;background: #fff;}
.progress-bar { display: flex;flex-direction: column;justify-content: center;width:0;transition: width 1s;background-color: #1490ef;}
.progress + .progress { margin-top: 1rem;}

.progress.clr02 .progress-bar { background-color: #f10e34;}

/* 카드 기본형(통합한도조회) */.card-credit-limit { position: relative;width: 100%;/* min-height: 27rem; */padding: 3rem 4rem;display: flex;background: #fff 0% 0% no-repeat padding-box;border-radius: 1.6rem;border: 1px solid #ddd;font-weight: 400;}
.cards-area_info { width: 84rem;position: relative;margin: 6rem auto 0;}
.card-credit-limit_info { position: relative;width: 100%;padding: 3rem 4rem;/* display: flex; */background: #f1f1f1 0% 0% no-repeat padding-box;border-radius: 1.6rem;/* border: 1px solid #ddd; */font-weight: 400;}
.dot_info li::before{ content: '';position: absolute;top: .9rem;left: 0;display: block;width: 0.4rem;height: 0.4rem;background: #666;border-radius: 100%; font-size: 1.4rem;}
.card-credit-limit > div:first-of-type { position: relative;width: 43%;padding-right: 4rem;padding-bottom: 5rem;}
.card-credit-limit > div:last-of-type { width: 57%;padding-left: 4rem;border-left: 1px solid #eee;}
/* .card-credit-limit.w100 {
background-image: url(/webassets/img/pc/login-type-ico-phone.svg) ;background-position: right center;background-size: 10rem auto;width: 100% !important;height: 80%} */
.card-credit-limit.w100 > div{ width: 100%;background-repeat: no-repeat;padding-left:0;border-left: 0 solid #eee;}
.card-credit-limit:nth-child(n+2) { margin-top: 3rem;}
.card-credit-limit .card-credit-bank { display: flex;justify-content: space-between;align-items: center;}
.card-credit-limit .card-credit-num {margin-bottom: 0.5rem;font-size: 1.6rem;font-weight: 700;line-height: 1.4;letter-spacing: -0.04rem;color: #111;}

.card-credit-limit > div:last-of-type .card-credit-bank { justify-content: flex-end;}
.card-credit-limit.w100 > div:last-of-type .card-credit-bank { justify-content: flex-start;}
.card-credit-limit > div:last-of-type .card-credit-bank .btn-heart { margin-top: 0.4rem;}
.card-credit-limit > div:last-of-type > div:first-child:not(.card-credit-bank) { margin-top: 9rem;}
[class^=ico-bank-] { display: block;/* height: 1.6rem; */font-size: 1rem;font-style: normal;color: #111;line-height: 1.6rem;letter-spacing: -0.05em;}
[class^=ico-bank-]:before { content: '';display: inline-block;width: 1.6rem;height: 1.6rem;margin-right: 0.5rem;border-radius: 50%;background: #fff 50% 50% no-repeat;background-size: contain;vertical-align: top;}
.ico-bank-woori:before { background-image: url(/webassets/img/pc/bank-logo-woori.svg);}

.card-credit-bank i { display:block;min-width: 7rem;height: 3rem;padding: 0.5rem 1rem;color:#111;font-style: normal;font-size: 1.4rem;text-align: center;background-color: #eee;border-radius: 1.5rem;}
.card-credit-bank i::before { display:none;}
.card-credit-bank + .card-credit-title  { margin-top: 1rem;}
.card-credit-title .desc { font-size: 1.4rem;color: #999;line-height: 1.86;}
.card-credit-title .date  { font-size: 1.4rem;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.card-credit-title .tit { display: block;font-size: 2.4rem;font-weight: 700;color: #111;}
.card-credit-title .tit + span.desc,
.card-credit-title .tit + span.date { margin-top: 0.4rem;}
.card-credit-limit .card-credit-title .tit + span.desc { display: block;color: #999;font-weight: 400;margin-top: 0;}
.card-credit-limit.cart .card-credit-info .text-list:after,
.tbd:after { z-index: 2;content: 'TBD';position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;background: rgba(236, 52, 52, 0.5);font-size: 2rem;color: #fff;}


/* 큐레이션 card - 2차 디자인 반영필요 */.curation-list { margin-top: 2rem;margin-bottom: 6rem;}
/* 큐레이션 카드 - 상품안내 */.card-credit-limit.detail .card-credit-bank  { justify-content: center;}
.card-credit-limit.detail .card-credit-bank > div span { text-align: center;font-size: 1.2rem;font-weight: 300;color: #fff;}
.card-credit-limit.detail .card-credit-bank > div span:nth-of-type(n+2) { margin-top: 0.5rem;}
.card-credit-limit.detail .card-credit-bank > div span.tit { margin-top: 1rem;font-size: 1.6rem;font-weight: 400;}

.card-credit-limit.detail .card-credit-summary { margin-top: 1.5rem;}
.card-detail-info { margin: 2.5rem 0 4rem;color: #111;}
.card-detail-info .tit { margin-top: 1.3rem;margin-bottom: 0.7rem;font-size: 1.6rem;}
.card-detail-info .txt { font-size: 1.4rem;font-weight: 400;}
.card-credit-limit .card-credit-summary { width: 100%;margin-top: 4rem;}
.card-credit-limit .card-credit-summary > div { position: relative;justify-content: space-between;display: flex;align-items: center;line-height: 1.1;}
.card-credit-limit .card-credit-summary > div + div { margin-top: 0.4rem;}
.card-credit-limit .card-credit-summary > div > div,  .card-credit-summary div.txt { position: relative;justify-content: space-between;display: flex;align-items: baseline;text-align: right;line-height: 1.55;}
.card-credit-limit .credit-result .credit-unit .card-credit-summary .pick { color: #1490ef;}
.card-credit-limit .card-credit-summary > div:last-of-type { border-right: 0;}
.card-credit-limit .card-credit-summary > div > span { display: block;font-weight: 400;font-size: 1.4rem;color: #666;line-height: 1.86}
.card-credit-limit .card-credit-summary .txt { color: #111;font-weight: 800;font-size: 2.2rem;text-align: right;letter-spacing: -0.13rem;}

.card-credit-limit .card-credit-summary > div:first-of-type .txt .pick,
.card-credit-limit .card-credit-summary > div:first-of-type .txt .pick + .unit { color:  #1490ef;}
.card-credit-limit .card-credit-summary > div:nth-of-type(2) .txt .pick,
.card-credit-limit .card-credit-summary > div:nth-of-type(2) .txt .pick + .unit { color:  #1bc8f5;}
.card-credit-limit .card-credit-summary > div > span[class*='-value'] { margin-top: 0.6rem;font-size: 2.4rem;font-weight: 400;letter-spacing: -0.05em;}
.card-credit-btn { width: 100%;max-width: 32rem;display: flex;position: absolute;bottom: 0;margin-top :0;}
.card-credit-btn > .btn { width: 100%;min-width: 15.5rem;height: 4rem;padding: 1.2rem 2rem;color: #888;font-size: 1.4rem;font-weight: 700;text-align: center;border: 0.1rem solid #ddd;border-radius: 2rem;background-color: #fff;}
.card-credit-btn > .btn.white{  color: #fff;  border:0 solid #ddd; }
.card-credit-btn .btn-consult,
.card-credit-btn .btn-detail,
.card-credit-btn .btn.stroke { color: #888;border: 0.1rem solid #ddd;background-color: #fff;}
.card-credit-btn .btn-loan { color: #fff;border: 0;background-color: #1490ef;}
.card-credit-btn .btn + .btn { margin-left: 1rem;}

.card-credit-btn > .btn.btn-share { position: relative;display: inline-block;width: 3rem;height: 3rem;background: url(/webassets/img/pc/ico-share.svg) 50% 50% no-repeat;background-size: 3rem auto;vertical-align: top;}

.card-credit-limit.full .card-credit-btn .btn-loan { border-radius: 0 0 0.8rem 0.8rem;font-weight: 700;color: #111;background-color:#fff;border: 0.1rem solid #ddd;}
.product-list .count-set { color: #999;font-size: 1.4rem;font-weight: 400;}
.product-list .count-set .count { margin-left: 0.4rem;color: #111;font-weight: 700;}

.card-credit-limit.full .card-credit-section { width: calc(100% + 4rem);margin: 1.6rem -2rem 0;padding: 0 2rem 0;}
.card-credit-limit.full .card-credit-section .account-info { border-top: 1px solid #eee;padding-top: 1.5rem;}
.card-credit-limit .account-info li { display: flex;justify-content: space-between;align-items: flex-start;}
.card-credit-limit .account-info li:nth-of-type(n+2) { margin-top: 1.3rem;}
.card-credit-limit .account-info li .tit { font-weight: 400;color: #666;font-size: 1.4rem;}
.card-credit-limit .account-info li .txt { display: flex;flex-direction: column;align-items: flex-end;color: #111;font-size: 1.4rem;font-weight: 400;}
.card-credit-limit .account-info li .txt span { text-align: right;}
.card-credit-limit .account-info .btn-edit { width: unset;height: 1.8rem;margin: 0 0 0 0.5rem;padding: 0 0.4rem 0.2rem;border-radius: 0.4rem;background: #eee;font-size: 1.2rem;line-height: 1.4;}
.card-credit-limit .account-info .btn-edit:before { display: none;}
.card-credit-limit .account-info .txt span + .btn-edit { margin-top: 0.8rem;}

.btn-heart { width: 3rem;height: 3rem;background: url(/webassets/img/pc/ico-heart-white.svg) 50% 50% no-repeat;background-size: 3rem auto;}
.btn-heart.active { background-image: url(/webassets/img/pc/ico-heart-orange.svg);}

.card-credit-limit.cart .btn-close { position: relative;background: transparent;box-shadow: none;}
.card-credit-limit.cart .btn-close:before,
.card-credit-limit.cart .btn-close:after { content: '';position: absolute;top: 50%;right: 0;display: block;width: 2rem;border-top: 0.1rem solid #111;transform: rotate(45deg);}
.card-credit-limit.cart .btn-close:after { transform: rotate(135deg);}
.card-credit-limit .card-credit-chip { position: absolute;top: -0.1rem;left: 2rem;display: inline-flex;justify-content: center;align-items: center;height: 2.8rem;padding: 0 1.1rem;background: #55bb69;border-radius: 0rem 0rem 0.5rem 0.5rem;font-size: 1.4rem;font-weight: 700;color: #fff;line-height: 1;word-break: keep-all;}
.curation .card-credit-limit .card-credit-chip { position: absolute;top: 0;left: 2rem;display: inline-flex;justify-content: center;align-items: center;height: 2.8rem;padding: 0 1.1rem;background: #55bb69;border-radius: 0rem 0rem 0.5rem 0.5rem;font-size: 1.4rem;font-weight: 700;color: #fff;line-height: 1;word-break: keep-all;}

.card-credit-limit .card-credit-chip.chip2 { background-color: #ff9100;color: #fff;}
.card-credit-limit .card-credit-chip.chip3 { background-color: #999;color: #fff;}
.card-credit-limit .card-credit-chip.chip4 { background-color: #6650ff;color: #fff;}
.card-credit-limit .card-credit-chip + .card-credit-bank  > div { margin-top: 1.2rem;}
.card-credit-limit.full .card-credit-chip + .card-credit-bank  > div { margin-top: 0rem;}
.card-credit-limit.full.refusal { background: #f8f8f8;}
.card-credit-limit.full.refusal span.tit,
.card-credit-limit.full.refusal .txt span,
.card-credit-limit.full.refusal .txt .unit { color: #c0c0c0;}
.card-credit-limit.full.refusal span.date { color: #e0e0e0;}
.card-credit-limit.full.refusal .summary-limit,
.card-credit-limit.full.refusal .summary-interest,
.card-credit-limit.full.refusal .summary-install { color: #d4d4d4;}
/* 큐레이션 카드 - 기존 한도 조회한 상품 */.card-credit-limit.curation.history .card-credit-bank { top: 2rem;}
.card-credit-limit.curation.history .card-credit-func { top: 4rem;}
.card-credit-limit.curation.history .card-credit-chip + .card-credit-bank > div { margin-top: 0;}
.card-credit-limit.curation.history .card-credit-summary { margin-top: 4.2rem;}

/* 장바구니 카드 - 대출신청중인 상품 */.card-credit-limit.cart.reverse { background-color: #fff;border: 0.1rem solid #e9e9e9;}
.card-credit-limit.cart.reverse .card-credit-func .btn-close:before,
.card-credit-limit.cart.reverse .card-credit-func .btn-close:after { border-top-color: #555;}
.card-credit-limit.cart.reverse [class^=ico-bank-] { color: #111;}
.card-credit-limit.cart.reverse .card-credit-btn .btn-loan { background-color: #1490ef;color: #fff;}

/* 찜하기 버튼 없는 카드 */.card-credit-limit .card-credit-chip + * { padding-top: 2.8rem;}
.card-credit-limit.full .card-credit-bank { width: 100%;padding-top: 2.8rem;}

/* 브릿지 페이지 이미지 영역 */.bridge-visual { margin-top: 2.6rem;margin-bottom: 3rem;}

/* 이미지 아직 없음, 임시 css */.bridge-visual .img-area { position: relative;display: flex;justify-content: center;align-items: center;margin-top: 1rem;height: 40rem;background: rgba(0,0,0,0.1);}
.bridge-visual .img-area:after { content: 'image';font-size: 3rem;color: #111;position: absolute;z-index: -1;}

/* 수정 아이콘 button */.btn-edit { position: relative;display: inline-block;width: 1.6rem;height: 1.6rem;background: url(/webassets/img/pc/ico-edit.svg) 50% 50% no-repeat;background-size: 1.6rem;vertical-align: top;}/* 검은색+파란펜 */.btn-edit.b1,
.gray-box .btn-edit { background-image: url(/webassets/img/pc/ico-edit-b.svg);}/* 검은색+검은펜 */.btn-edit.w1 { background-image: url(/webassets/img/pc/ico-edit-w.svg);}/* 흰색+흰펜 */.btn-edit.w2,
.card-credit-limit .btn-edit { background-image: url(/webassets/img/pc/ico-edit-w-penwhite.svg);}/* 흰색+파란펜 */.btn-edit:before { content: '';position: absolute;top: 50%;left: 50%;display: block;width: 3rem;height: 3rem;background: transparent;transform: translate(-50%, -50%);}

/* result list */.result-list { margin-bottom: 2.4rem;color: #111;}
.result-list dt { display: block;margin-top: 2rem;font-size: 1.4rem;}
.result-list dd { display: block;text-align: right;font-size: 2.0rem;color: #111;letter-spacing: -0.05em;}
.result-list + .text-list-wrap { margin-top: 3.5rem;}
.result-list dd .between { display: flex;justify-content: space-between;align-items: center;margin-top: 1rem;}
.result-list dd .img-area { display: flex;justify-content: center;align-items: center;flex: 0 0 auto;width: 9.3rem;height: 5.8rem;background: #f5f5f5;}
.result-list dd .img-area img { max-width: 90%;}
.result-list .img-area .ico-brand { width: 9.3rem;height: 5.8rem;background-position: 50% 50%;background-size: 65%; /* 브랜드별 디테일 사이즈 추후 조정필요*/background-repeat: no-repeat;}

.result-list li { display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0;font-size: 1.6rem;border-bottom: 0;}
.result-list .list li:first-of-type { padding-top: 2rem;}
.result-list li:nth-child(n+2) { margin-top: 0.7rem;}
.result-list li p { margin-bottom: 0;}
.result-list li .tit { /* display: block; */display: flex; align-items: flex-start;color: #666;}
.result-list li [class*='txt'] { /* display: block; */font-weight: 400;text-align: right;word-break: keep-all;display: flex;align-items: flex-end;}
.result-list li .txt .btn { margin-left: 0.6rem;}
.result-list li strong.txt { font-weight: 700;}
.result-list li .desc { width: 100%;flex: 0 0 auto;margin-top: 0.5rem;color: #333;}
.result-list ul li.highlight + li:not(.highlight) { margin-top: 2.2rem;}
.result-list li.highlight:nth-child(n+2) { margin-top: 1.4rem;}
.result-list li.highlight .tit {font-size: 1.6rem;font-weight: 700;color: #111;}
.result-list li.highlight .txt { color: #111;}
.result-list li.highlight .txt strong { font-size: 3rem;font-weight: 700;line-height: 1;}
.result-list li.center { justify-content: center;}
.result-list.box { margin-bottom: 4rem;padding: 3rem 4rem;border-radius: 1.2rem;box-shadow: 0 0.4rem 3rem 0 rgba(0, 0, 0, 0.08);}
.result-list.box.gray { box-shadow: none;background: #f8f8f8;}
/* .result-list.box.gray li:nth-child(n+2) { margin-top: 1.3rem;}
.result-list[class*='box'] li .tit { color: #666;} */.result-list[class*='box'] li .txtL { font-size: 1.6rem;font-weight: 700;color: #111;}
/* .result-list[class*='box'] li:nth-child(n+2) { margin-top: 1.6rem;} */
.result-list.form { margin-bottom: 4rem;}
.result-list.form dl{ margin-top: 4rem;}
.result-list.form dt { margin-top: 0;margin-bottom: 0.8rem;font-weight: 700;font-size: 1.6rem;line-height: 1;color: #111;}
.result-list.form dd { display: block;height: 3.6rem;padding: 0.3rem 0 0.5rem;text-align: left;font-size: 1.8rem;font-weight: 400;color: #999;border-bottom: 0.1rem solid #ccc;}
.result-list.line li { margin-top: 0;padding: 1.4rem 0;border-bottom: 0.1rem solid #eee;}
/* .result-list.line li:first-of-type { padding-top: 0;} */.step.tiny + .result-list.line li:first-of-type { padding-top: 0;}

/* form combo */.form-combo { display: flex;flex-wrap: wrap;align-items: flex-end;border-bottom: 0.1rem solid #ccc;}
.form-combo.active { border-bottom-color: #666;}
.form-combo input,
.form-combo input:focus,
.form-combo .select-btn,
.form-combo.active input:focus { border-bottom: 0;}
.form-combo > div { flex: 1;width: 100%;}
.form-combo .form-tit { flex: 0 0 100%;margin-bottom: 0.8rem;}
.form-combo .symbol,
.form-combo .unit { flex: 0;height: 100%;padding: 0 1.2rem 0.5rem 0;font-size: 1.8rem;color: #999;}

.form-combo .unit:last-of-type { padding-right: 0;}
.form-combo .form-group-item:not(:first-of-type) { margin-top: 0;}

/* unit */[class^="form-"] .symbol,
[class^="form-"] .unit,
[class^="form-"].distance .txt { font-size: 1.4rem;color: #666;}
[class^="form-"] .symbol { color: #111;}
div:not(.form-combo) .form-group-item .unit,
.form-group-item.distance .txt { position: absolute;font-size: 1.4rem;right: 1.5rem;bottom: 1.1rem;width: 3rem;}

.form-group-wrap.post,
.form-group-wrap.radio { display: flex;align-items: center;justify-content: center;margin-top: 1.8rem;padding-bottom: 1rem;border-bottom: 0.1rem solid #ccc;}
.form-group-wrap.post .form-group + .form-group,
.form-group-wrap.radio .form-group + .form-group { margin-top: 0;margin-left: 1.8rem;}
.form-group-wrap.post + .form-group-item,
.form-group-wrap.radio + .form-group-item { margin-top: 0.3rem;}
.form-group-item.email .email-direct { margin-top: 1rem;}
/* .add-info + [class^=form-group-] { margin-top: 2rem;} */
/* CM파트너 찾기 */.form-group-wrap.btns { width: 100%;}
.form-group-wrap.btns .btn-input-clear { right: 8.9rem;}
.form-group-wrap.btns .btn { width: 7.7rem;height: 3rem;border-radius: 0.25rem;position: absolute;right: 0;bottom: 1rem;}
.form-group-item.input-label { position: relative;}
.form-group-wrap + .table { margin-top: 4rem;}
.table .form-group.standalone { display: inline-block;}
.table td.has-form { padding: 0.8rem 0.5rem;}

/* 관리자 등록 배너 영역 */.banner-wrap { width: 84rem;position: relative;margin: 6rem auto 0;display: flex;justify-content: space-between;align-items: center;}
.banner-wrap .banner:nth-of-type(2n-1) { padding-right: 1rem;}
.banner-wrap .banner:nth-of-type(2n) { padding-left: 1rem;}
.banner-wrap .banner:only-child {padding-right: 0;}
.banner-wrap .banner a { display: block;width: 100%;}
.banner-wrap + .banner-wrap { margin-top: 2rem;}
/* .banner-wrap .banner:nth-of-type(n+2) { margin-top: 1.2rem;} */.banner-wrap.expand { margin-top: 2rem;margin-bottom: 4rem;}
.banner-wrap.expand .banner { max-height: 26.4vw;border-radius: 0;}
/* .banner-wrap.expand .banner:nth-of-type(n+2) { margin-top: 1.4rem;} */.banner-wrap .banner img { width: 100%;vertical-align: top;}
.modal-body .banner-wrap { margin-bottom: 0;}

/* 인풋 Clear Btn 추가 */.btn-input-clear { display: none;position: absolute;right: 0;bottom: 1.2rem;width: 2rem;height: 2rem;padding: 0;border-radius: 50%;background: url(/webassets/img/pc/btn-input-clear.svg) center center no-repeat;background-size: contain;}
.input-clear.active .btn-input-clear,
.input-clear[tabindex] .btn-input-clear { display: block;right: 1rem;bottom: 1.2rem;}
.btn-input-clear > span { clip: rect(0 0 0 0); clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; position: absolute; white-space: nowrap;}


/* 인풋 Clear Btn 추가 - W/ 오른쪽 버튼 / NO 이중 class */.form-group-wrap .input-clear .btn + .btn-input-clear { right: 9.2rem;}
/* 인풋 Clear Btn 추가 - 기타항목 */.form-group-wrap.certification .input-clear .btn-input-clear { right: 9.2rem;}
.form-group-wrap.certifyno .input-clear .btn-input-clear { right: 14.1rem;}
.form-group-item.form-unit .btn-input-clear,
.form-group-item.form-won .btn-input-clear,
.form-group-wrap.code .btn-input-clear,
.form-group-item.distance .btn-input-clear { right: 5.2rem;}

/* 인풋 Clear Btn 추가 */.distance.input-clear input,
.form-unit.input-clear input,
.form-won.input-clear input { padding-right: 5rem;}


/* 기타 옵션 수정 */.selected-option > .form-group-item { position: relative;}

/* 금융사 심볼 */.symbol-wrap { display: flex;justify-content: flex-start;align-items: center;}
.symbol { width:3rem;height: 3rem;display: inline-flex;}
.symbol.woorifcaptal,  .symbol.wooricard,  .symbol.wooribank { background: url(/webassets/img/pc/symbol-woori.png) center center no-repeat;background-size: contain;}
.symbol + .badge { margin-left: 0.4rem;}

a.link { display: inline-block;border-bottom: 0.1rem solid #111;font-weight: 700;color: #111;}

.box-list { margin-top: 4rem;}
.box-list > div { margin-bottom: 4rem;}
.box-list > div:last-of-type { margin-bottom: 0;}
.box-list .gray-box { position: relative;padding: 0rem;margin-top: 1.6rem;border: 1px solid #ddd;border-radius: 0.8rem;background-color: transparent;}
.box-list .tit-h4 { display: flex;align-items: center;justify-content: space-between;}
.box-list .gray-box ~ .tit-h4 { margin-top: 4rem;}
.box-list .gray-box .box-con { color: #111;}
.box-list .gray-box .txt { margin-bottom: 0;font-size: 1.4rem;}
.box-list .gray-box .desc { display: inline-block;width: auto;color: #999;font-size: 1.2rem;font-weight: 400;}
.box-list .gray-box strong { color: #1490ef;font-weight: 700;}
.box-list .gray-box .result-list .txt { color: #333;}
.box-list .gray-box .progress-wrap { margin-bottom: 2rem;}
.box-list .gray-box .progress-wrap > div:nth-child(n+2) { margin-top: 1.5rem;}
.box-list .gray-box .progress-wrap .progress { margin-top: 1rem;}
.box-list.expand + .btn-wrap { margin-top: 1.6rem;}
.box-list .box-con { padding: 20px;overflow: hidden;}
.box-list .box-con a[href^="tel:"] { display: inline-block;margin-top: 1.6rem;}
.box-list .gray-box .btn-wrap { margin-top: 0;}
.box-list .btn-wrap .btn { width: 100%;height: 5rem;background-color: #fff;border: none;border-top: 0.1rem solid #ddd;border-radius: 0 0 0.8rem 0.8rem;font-size: 1.4rem;font-weight: 700;}

.btn.xs2 { width: auto;height: 1.8rem;padding: 0 0.4rem 0.1rem 0.4rem;font-size: 1.2rem;font-weight: 400;}
.btn.gray { background-color: #eee;border-radius: 0.4rem;}

/* 220125수정 st->common */
/* 나의 대출한도 *//* 20211219 new design */.my-credit-line { position: relative;margin-top: 8rem;margin-bottom: 4rem;padding: 2.4rem 2.5rem 1.8rem;border-radius: 1.0rem;background: #fff;box-shadow: 1.5px 2.5px 10px 0 rgba(17, 17, 17, 0.15);}
.my-credit-line:before { content: "";position: absolute;top: -6.3rem;right: -2rem;width: 19rem;height: 9.1rem;background: url(/webassets/img/pc/img-car.png) no-repeat 0 0;background-size: 19rem auto;animation: car-ani 0.8s forwards;}
.list.line li { border: none;padding: 2rem 0;}
.list.line li > * { display: flex;align-items: center;}
.list.line li > * .list-ripper { width: auto;height: auto;}
.list.line li > * .list-ripper [class^=ico-st-] { margin-right: 1rem;}
.list.line li + li { border-top: 0.1rem #eee solid;}
.list.line li > * .list-text { color: #111;font-size: 1.6rem;font-weight: 700;}
.list.line li > * .list-text .fs12 { display: block;margin-top: 0.3rem;color: #999;font-weight: 400;line-height: 1.3;}
.list.line.link li > *.active .list-text,  .list.line.link li > *:hover .list-text,  .list.line.link li > *:focus .list-text { color: #1490ef;}
.list.line.link li > *.active,  .list.line.link li > *:hover,  .list.line.link li > *:focus { box-shadow: initial;}
.list.line.link li > *::after { content: '';display: inline-flex;width: 2rem;height: 2rem;position: absolute;top: initial;right: 0;margin-top: initial;transform: initial;border: 0;background: url(/webassets/img/pc/ico-arrow-tail-circle.svg) center center no-repeat;background-size: contain;}

.my-credit-line .ico-st-newcar { background-image: url(/webassets/img/pc/ico-st-newcar-line.svg);background-size: 4.2rem auto;}
.my-credit-line .ico-st-oldcar { background-image: url(/webassets/img/pc/ico-st-oldcar-line.svg);background-size: 4.2rem auto;}
.my-credit-line .ico-st-loan { background-image: url(/webassets/img/pc/ico-st-loan-line.svg);background-size: 4.2rem auto;}
.my-credit-line .ico-st-prod { background-image: url(/webassets/img/pc/ico-st-prod-line.svg);background-size: 4.2rem auto;}
.my-credit-line .ico-st-conversion { background-image: url(/webassets/img/pc/ico-st-conversion-line.svg);background-size: 4.2rem auto;}
.my-credit-line [class^=ico-st-] { min-width: 4.2rem;height: 3.4rem;display: flex;justify-content: center;background-color: #fff;background-position: 50% 50%;background-repeat: no-repeat;border-radius: 0;}
.my-credit-line .list li > *.active .ico-st-newcar,
.my-credit-line .list li > *:hover .ico-st-newcar,
.my-credit-line .list li > *:focus .ico-st-newcar { background-image: url(/webassets/img/pc/ico-st-newcar-line-on.svg);}
.my-credit-line .list li > *.active .ico-st-oldcar,
.my-credit-line .list li > *:hover .ico-st-oldcar,
.my-credit-line .list li > *:focus .ico-st-oldcar { background-image: url(/webassets/img/pc/ico-st-oldcar-line-on.svg);}
.my-credit-line .list li > *.active .ico-st-loan,
.my-credit-line .list li > *:hover .ico-st-loan,
.my-credit-line .list li > *:focus .ico-st-loan { background-image: url(/webassets/img/pc/ico-st-loan-line-on.svg);}
.my-credit-line .list li > *.active .ico-st-conversion,
.my-credit-line .list li > *:hover .ico-st-conversion,
.my-credit-line .list li > *:focus .ico-st-conversion { background-image: url(/webassets/img/pc/ico-st-conversion-line-on.svg);}
.my-credit-line .list li > *.active .ico-st-prod,
.my-credit-line .list li > *:hover .ico-st-prod,
.my-credit-line .list li > *:focus .ico-st-prod { background-image: url(/webassets/img/pc/ico-st-prod-line-on.svg);}

.credit-banner { width: calc(100% + 4rem);margin: 0 -2rem 4rem;}
.credit-banner a { position: relative;display: block;width: 100%;height: 100%; padding: 2rem 4rem 2rem 2rem;background: #12C6F5 0% 0% no-repeat padding-box;letter-spacing: -1.4px;}
.credit-banner a:after { content: '';position: absolute;top: 50%;right: 2rem;display: block;width: 2rem;height: 2rem;border-top: 0.1rem solid;border-right: 0.1rem solid;border-color: #fff;transform: translateY(-50%) rotate(45deg);}
.credit-banner a span { display: inline-block;font-weight: 400;font-size: 1.4rem;line-height: 2.1rem;color: #fff;}
.credit-banner a strong { display: inline-block;position: relative;font-weight: 700;color: #0e344d;}
.credit-banner a strong::after { content: '';width: 100%; height: 0.1rem;background-color: #0e344d;position: absolute;bottom: 0;left: 0;}

/* 프로그레스바 */.progress-wrap { width: 100%;margin-top: 3.6rem;}
.progress.white-gradient { background-color: rgba(255,255,255,0.1);border-radius: 0.5rem;}
.progress.white-gradient .progress-bar { background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.3));border-radius: 0.5rem;}
.progress.white-gradient .progress-bar[aria-valuenow='20'],
.progress.white-gradient .progress-bar[aria-valuenow='1'][aria-valuemax='5'] { width: 20%;}
.progress.white-gradient .progress-bar[aria-valuenow='40'],
.progress.white-gradient .progress-bar[aria-valuenow='2'][aria-valuemax='5'] { width: 40%;}
.progress.white-gradient .progress-bar[aria-valuenow='60'],
.progress.white-gradient .progress-bar[aria-valuenow='3'][aria-valuemax='5'] {
width: 60%; }
.progress.white-gradient .progress-bar[aria-valuenow='80'],
.progress.white-gradient .progress-bar[aria-valuenow='4'][aria-valuemax='5'] { width: 80%;}
.progress.white-gradient .progress-bar[aria-valuenow='100'],
.progress.white-gradient .progress-bar[aria-valuenow='5'][aria-valuemax='5'] { width: 100%;}

.progress.white-gradient .progress-bar[aria-valuenow='1'][aria-valuemax='3'] { width: 33.3333%;}
.progress.white-gradient .progress-bar[aria-valuenow='2'][aria-valuemax='3'] { width: 66.6666%;}
.progress.white-gradient .progress-bar[aria-valuenow='3'][aria-valuemax='3'] { width: 100%;}

.progress-wrap .desc { display: flex;align-items: center;justify-content: space-between;margin-top: 1.2rem;color: #fff;font-size: 1.4rem;font-weight: 400;}
.progress-wrap .desc .count-set { color: rgba(255,255,255,0.5);font-size: 1.2rem;font-weight: 400;}
.progress-wrap .desc .count-set .current { color: rgba(255,255,255,1);margin-right: 0.2rem;font-weight: 700;}
.progress-wrap .desc .count-set .total { margin-left: 0.2rem;}

/** step **/.step.tiny { height: 12rem;padding: 2.4rem 2rem 5.6rem;margin: 0 -2rem;background: #1490ef 0% 0% no-repeat padding-box;border-bottom: 1px solid #fff;z-index: -1;}
.step.tiny::after { content: "";position: absolute;left: 0;right: 0;bottom: -0.2rem;height: 4.2rem;border-radius: 4rem 0 0 0;background-color: #fff;}
.step.tiny .progress-wrap,
.step.tiny + .form-wrap,
.step.tiny + [class^='tit-h'] {/* , .step.tiny + .tit-extra .tit-h2 { */margin-top: 0;}
/* 한도조회 스텝 - st->common */.step { position: relative;}
.step ul { list-style: none;display: flex;justify-content: center;align-items: flex-end;}
.step ul li span { display: inline-block;margin-right: 1rem;vertical-align: top;}
.step ul li .num { width: 2rem;height: 2rem;margin-right: .6rem;font-size: 1.2rem;color: #1490ef;text-align: center;border-radius: 50%;background-color: #fff;opacity: 0.5;}
.step ul li.current .num,
.step ul li.done .num { opacity: 1;}
.step ul li.done .num { background: url(/webassets/img/pc/ico-st-step-check.svg) 50% 50% no-repeat;background-size: contain;font-size: 0.1rem;text-indent: -999999em;}
.step ul li .txt { display: none;}
.step ul .current .txt { display: inline;margin-right: 1.2rem;font-weight: 400;font-size: 1.2rem;color: #fff;}
.step ul li:last-of-type.current .txt { margin-right: 0;}
.step-con .tit-h3 { margin-top: 0;padding-top: 4rem;}
.step-con .credit-result { padding-bottom: 0rem;}

/**
* 통합한도조회 CSS
**/.wrapper.st-wrap { min-height: auto;}
/* .wrapper.st-wrap .section + .section { margin-top: 2.5rem;} */.wrapper.st-wrap .header-btn-history { background-image: url(/webassets/img/pc/header-btn-history-st.svg);/* -webkit-filter: invert(100%);filter: invert(100%); */}
.wrapper.st-wrap .header-btn-home { background-image: url(/webassets/img/pc/header-btn-home-st.svg);}
.wrapper.st-wrap .header { background: #1490ef 0% 0% no-repeat padding-box;}
.wrapper.st-wrap .header h1 { display: none;}
.wrapper.st-wrap .container { min-height: auto;padding-bottom: 0;background: #1490ef 0% 0% no-repeat padding-box;}

.st-wrap-pb {padding-bottom: 6rem;}
.wrapper.st-wrap .step { /* width: calc(100% + 4rem); */min-height: 10.5rem;margin-left: -2rem;margin-right: -2rem;padding: 0rem 2rem 1.6rem;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #1490ef 0% 0% no-repeat padding-box;}
.wrapper.st-wrap .step h1 { /* margin-bottom: 0.8rem; */font-weight:  700;font-size: 2.4rem;line-height: 2.8rem;color: #ffffff;text-transform: uppercase;}
.wrapper.st-wrap .step-con { margin-left: -2rem;margin-right: -2rem;padding: 0 2rem 4rem;border-radius: 4rem 0 0 0;background:  #ffffff 0% 0% no-repeat padding-box;}
.wrapper.st-wrap:not(.st-wrap-pb) .container { padding-bottom:6rem;}
.wrapper.st-wrap:not(.st-wrap-pb) .step-con::after { content: '';display: block;width: 100%;height: 6.1rem;background-color: #fff;position: absolute;bottom: 0;left: 0;}
.wrapper.st-wrap .step-con .box { background-color: #fff;box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.08);/* margin: -4rem -2rem 0 -2rem; */margin: 0 -2rem;padding: 4rem 2rem 2rem;border-radius: 4rem 0 0 4rem;}
.wrapper.st-wrap .step-con .tit-h2 { margin-top: 0;margin-bottom: 3rem;}

/* scroll fixed
.wrapper.st-wrap .contents.fixed { padding-top: 17.4rem;}
.wrapper.st-wrap .contents.fixed .step { width: 100%;min-height: 7.4rem;margin: 0;padding: 2.4rem 2rem 0;position: fixed;top: 6rem;left: 0;z-index: 1;justify-content: flex-start;}
.wrapper.st-wrap .contents.fixed .step h1 { display: none;}
.wrapper.st-wrap .contents.fixed .progress-wrap { margin-top: 0;} */
/* 한도조회결과 */.credit-summary { padding: 0 0 2rem 0;display: flex;flex-direction: column;align-items: center;}
.credit-summary-p { font-weight: 300;color: #111111;}
.credit-summary-p strong { font-weight:  700;}
.credit-summary-thumb { width: 100%;padding: 2rem 0;display: flex;align-items: flex-start; justify-content: space-evenly;box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08);border-radius: 2rem;}
.credit-summary-thumb .tit { color: #111111;font-size:  1.6rem;font-weight: 700;line-height: 1.6rem;letter-spacing: -0.7px;}
.credit-summary-thumb > div { width: 50%;height: 100%;}
.credit-summary-thumb .pick { display: block;line-height: 1;margin-top: 0.5rem;letter-spacing: -0.19rem;}
.credit-summary-thumb .pick .unit { letter-spacing: -0.084rem;margin-left: 0.4rem;}
.credit-summary-thumb > div,
.credit-summary-thumb .max-credit-limit { position: relative;display: flex;flex-direction: column;align-items: flex-start;padding: 1rem 4rem;font-size: 4rem;line-height: 4.5rem;}
.credit-summary-thumb .max-credit-limit .pick { opacity: 0.8;}
.credit-summary-thumb .symbol-wrap { margin-top: 2rem;}
.credit-summary-thumb .symbol-wrap .badge,
.credit-summary-top3 .badge { margin-top: 0;width:auto;height: auto;box-sizing: border-box;padding: 0.7rem 1rem;border-radius: 1.5rem;background-color: #eee;font-size: 1.4rem;line-height: 1.2;}
.credit-summary-thumb .badge { margin-top: 1.2rem;}
.credit-summary-thumb .lowest-interests { color: #12c6f5;opacity: 1;}
.credit-summary-thumb .lowest-interests::before { display: block;content: "";width: 0.1rem;height: 100%;background-color: #eee;position: absolute;left: 0;top: 0;z-index: 1;}
.credit-summary-p2 { text-align: center;font-size: 1.2rem;color: #333;}
.credit-summary-p2 > p:not(:last-of-type) { margin-bottom: 2.4rem;display: flex;justify-content: space-evenly;}
.credit-summary-p2 > p:first-of-type span { font-weight: 700;font-size: 1.2rem;width: 50%;}
.credit-summary-p2 > p:first-of-type span:first-of-type { color: #1490ef;}
.credit-summary-p2 > p:first-of-type span:last-of-type { color: #12C6F5;}
.credit-summary-p2 > p:last-of-type { font-weight: 400;font-size: 1.2rem;color: #111;line-height: 1;}
.credit-summary-top3 { margin: 2rem 0 0 0;display: flex;justify-content: space-between;}
.credit-summary-top3 > div { width: 100%;flex: 1 1 auto;margin: 0;padding: 3rem 4rem;background: #fff 0% 0% no-repeat padding-box;box-shadow: 0 8px 60px 0 rgba(0, 0, 0, 0.08);border-radius: 1.6rem;}
.credit-summary-top3 > div + div { margin-left: 1rem;}
.credit-summary-top3 .credit-limit .pick,
.credit-summary-top3 .interests .pick { color: #111;line-height: 1;font-weight: 800;}
.credit-summary-top3 [class^=ico-bank-] { color: #777;line-height: 1.4rem;}
.credit-summary-top3 [class^=ico-bank-]:before { width: 1.4rem;height: 1.4rem;margin-right: 0.3rem;}
.credit-summary-top3 a { display: block;}
.credit-summary-top3 dt { font-weight: 400;font-size: 1rem;color: #777;}
.credit-summary-top3 .pick { font-size: 3rem;font-weight: 700;}
.credit-summary-top3 .pick .unit{ margin-left: 0.4rem;font-size: 1.2rem;font-weight: 400;opacity: 1;}
.credit-summary-top3 .badge { margin-top: 1.5rem;}
.credit-summary-top3 .credit-limit,
.credit-summary-top3 .interests { margin-top: 1rem;font-size: 2rem;font-weight: 700;line-height: 2.2rem;}
.credit-summary-top3 dt.alter + .credit-limit { margin-top: 0;}
.credit-summary-top3 .max-credit-limit .pick { color: #1490ef;}
.credit-summary-top3 .lowest-interests .pick { color: #12C6F5;}
.max-credit-limit span:not(.alter).pick, .max-credit-limit span:not(.alter).pick + span.summary-cdl { color: #1490ef;font-weight: 800;}
.lowest-interests .pick, .lowest-interests .pick + span.summary-cdl { color: #12C6F5;font-weight: 800;}
.max-credit-limit .unit,  .lowest-interests .unit { margin-left: 0.2rem;font-size: 1.4rem;font-weight: 400;color: #000;opacity: 0.8;}
.credit-summary-thumb .pick + span.summary-cdl { font-size: 1.2rem;}
.credit-summary-p2 { margin-top: 0.4rem;width: 100%;}

.credit-summary-btn { margin-top: 2.5rem;}
.credit-summary-btn a { position: relative;display: block;font-size: 1.4rem;line-height: 1.6rem;color: #111;}
.credit-summary-btn a::after { content: '';display: inline-block;width: 0.8rem;height: 0.8rem;position: relative;margin-left: 0.5rem;border-top: 0.1rem solid #111;border-left: 0.1rem solid #111;transform: rotate(135deg);}
.credit-result { width: 100%;}
.credit-result .credit-unit { margin-bottom: 6rem;}
.credit-result .credit-unit:last-of-type { margin-bottom: 0;}

.wrapper.st-wrap .step-con .credit-summary { align-items: flex-start;font-size:  2.2rem;}
.wrapper.st-wrap .step-con .credit-summary-p { font-weight: 700;}


/* 쿠폰 발급 */.coupon-info-box { display: flex;align-items: center;justify-content :center;border-radius: 0.5rem;background: #fff;box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08);min-height: 5.8rem;color: #111;font-size: 1.6rem;font-weight: 700;}
.coupon-info-box .data { display: inline-block;}
.coupon-info-txt { margin-top: 2rem;}
.modal-body > .coupon-info-box:first-of-type,
.modal-body > .coupon-list:first-of-type,
.modal-body > .datum-term:first-of-type,  .modal-body > .accident-info-box:first-of-type { margin-top: 1rem;}

/* 공유하기 sns-share-area */.sns-share-area { display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.sns-share-area .btn { display: flex;flex-direction: column;background-color: transparent;}
.sns-share-area .btn i { width: 4rem;height: 4rem;background: #fff;background-repeat: no-repeat;box-shadow: none;border-radius: 50%;}
.sns-share-area .btn > span { margin-top: 1.2rem;color: #666;font-size: 1.4rem;}
.sns-share-area .btn.btn-sns-naver i { background-image: url(/webassets/img/pc/login-type-sns-naver.svg);background-size: contain;background-position: 50% 50%;}
.sns-share-area .btn.btn-sns-kko i { background-image: url(/webassets/img/pc/login-type-sns-kakaotalk.svg);background-size: contain;background-position: 50% 50%;}
.sns-share-area .btn.btn-sns-fb i { background-image: url(/webassets/img/pc/login-type-sns-facebook.svg);background-size: contain;background-position: 50% 50%;}
.sns-share-area .btn.btn-sns-tw i { background-image: url(/webassets/img/pc/login-type-sns-twitter.svg);background-size: contain;background-position: 50% 50%;}
.sns-share-area .btn.btn-sns-etc i { border: 1px solid #ccc;display: flex;justify-content: center;align-items: center;}
.sns-share-area .btn.btn-sns-etc i span { width: 0.3rem;height: 0.3rem;margin: 0 0.2rem;background-color: #111;border-radius: 50%;}

/* 장바구니 */.tab-wrap .cart-title { margin: 2.5rem 0;}
.tab-wrap .cart-title h2 { font-size: 1.8rem;line-height: 2.7rem;}
/* .cart-list { margin-top: 1.6rem;} */.cart-list.ing { margin-top: 0.5rem;}
.cart-list-desc { margin: 1.6rem 0 4rem;font-size: 1.2rem;color: #111;}
.cart-list-desc p { margin-bottom: 0;}
.cart-list.text-list-wrap{ margin-top: 4rem;padding-top: 4rem;}

/* 장바구니 상품 없을 때*/.cart-content { margin-bottom: -6rem;}
.cart-content .expand.bg { padding: 4rem 2rem;}
.cart-content .expand .tit-h4 { margin-top: 0;}
.cart-content .list.front-list { margin: 0;}

/* 우리신차대출 리스트 */.top-limit-info-bg { display:flex;flex-direction: column;/* width: calc(100% + 4rem); */margin: 0 -2rem 4rem;padding: 0rem 2rem 4rem;/* background-position: calc(100% + 4rem) -8rem;background-repeat: no-repeat;background-size: 50%;box-shadow: 0 1rem 1.6rem 0 rgba(0, 0, 0, 0.08);border-radius: 0 0 0 4rem; */position: relative;}
.top-limit-info-bg .card-credit-summary { margin-bottom: 0.8rem; }
.top-limit-info-bg .tit-area { display: flex;flex-direction: column;color: #666;}
.top-limit-info-bg .tit-area +  .card-credit-summary { margin-top: -1rem;}
.modal-body > .pd-wrap .top-limit-info-bg .tit-area {
margin-top: 0;}
.top-limit-info-bg .tit-area .sub { display: flex;justify-content: space-between;align-items: flex-start;}
.top-limit-info-bg .tit-area .sub + .tit-h2 { margin: 0.5rem 0 2.5rem;}
.top-limit-info-bg .tit-area .txt { font-size: 1.6rem;line-height: 1.75;}
.hgroup + .card-credit-summary.list { margin-top: -1rem;}
.card-credit-summary.list { position: relative;padding: 0.5rem 1.6rem;border-radius: 1.0rem;background: #ffffff;box-shadow: 0 0.4rem 3rem 0  rgba(0, 0, 0, 0.08);}
.card-credit-summary.list > div { padding: 1.5rem 0 1.6rem 0;display: flex;justify-content: space-between;/* align-items: flex-start; */align-items: center;}
.card-credit-summary.list > div + div { border-top: 0.1rem solid #eee;}
.card-credit-summary.list > div > span { font-size: 1.6rem;color: #111;line-height: 1.5em;letter-spacing: -0.032em;font-weight: 700;}
/* .card-credit-summary.list > div > span[class*='summary-']:first-of-type { margin-top: 0.5rem; }*/.card-credit-summary.list > div > span[class*='-value'] { font-size: 2.4rem;font-weight: 800;align-items: baseline;line-height: 1.5;text-align: right;}
.card-credit-summary.list > div > span[class*='-value'].value-txt { font-size: 2rem;}
.card-credit-summary.list > div > span[class*='-value'] .unit { padding-left: 0.2rem;}
.card-credit-summary.list .txt .summary-limit-value.pick,  .card-credit-summary.list > div > span[class*='-value'].pick { color: #1490ef;font-size: 2.4rem;font-weight: 800;}
.card-credit-summary.list .txt strong.summary-limit-value.pick { font-size: 3.2rem;}
.card-credit-summary.list .txt .unit { margin-left: 0.2rem;font-size: 1.4rem;color: #111;}

/* 사진등록 */.img-upload { margin-top: 2.5rem;margin-bottom: 3rem;}

.img-upload .img-upload-top { display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.6rem;color: #666;font-size: 1.4rem;font-weight: 400;}
.img-upload .img-upload-top .count { color: #999;font-weight: 400;}
.img-upload .img-upload-top .count .total { position: relative;font-weight: 400;}
.img-upload .img-upload-top .count .current { color: #111;font-weight: 700;}
.img-upload .img-upload-top .count .total:before { content: '/';display: inline-block;}
.img-upload ul { display: flex;justify-content: space-between;flex-wrap: wrap;}
.img-upload ul li { width: calc(33.333% - 1.2rem);height: 21.4rem;}
.img-upload ul li .img-unit { position: relative;display: block;width: 100%;height: 100%;border-radius: 1.2rem;border: 0.1rem solid #dbdbdb;overflow: hidden;}
.img-upload ul li .img-unit img { position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);}
.img-upload ul li .img-unit .btn-del { position: absolute;top: 2.4rem;right: 2.4rem;}
.img-upload ul li .btn-upload { position: relative;width: 100%;height: 100%;font-size: 0;border-radius: 1.6rem;background: none;}
.img-upload ul li .btn-upload:before,
.img-upload ul li .btn-upload:after { content: '';position: absolute;top: 50%;left: 50%;display: block;width: 5.4rem;border-top: 0.1rem solid #ccc;transform: translate(-50%, -50%);}
.img-upload ul li .btn-upload:after { transform: translate(-50%, -50%) rotate(90deg);}

.switch-wrap { display: flex;justify-content: space-between;align-items: center;margin-top: 1.8rem;padding: 1.2rem 1rem;border-radius: 0.5rem;background: #f5f5f5;font-size: 1.6rem;color: #111;letter-spacing: -0.05em;}
.switch-wrap p { margin-right: 0.5rem;}

/* 아코디언 */.accordion .btn-acc { position: relative;width: calc(100% + 4rem);margin: 0 -2rem;padding: 0.6rem 2rem 2rem;justify-content: space-between;background: transparent;border-bottom: 0.1rem solid #e9e9e9;font-size: 1.8rem;}
.accordion .btn-acc:after { content: '';display: inline-block;/* width: 0;height: 0;margin-top: 0.3rem;margin-left: 1.2rem;border-style: solid;border-width: 1rem 0.65rem 0 0.65rem;border-color: #ccc transparent transparent transparent; */background-image: url(/webassets/img/pc/ico-accordion-arrow.svg);width: 24px;height: 24px;background-repeat: no-repeat;background-size: contain;}
.accordion.active .btn-acc:after { transform: rotate(180deg);border-top-color: #5c5c5c;}
.accordion .acc-content { display: none;}

/* 폼 아코디언 */.accordion.form .btn-acc { padding: 1.9rem 2rem;font-size: 1.6rem;font-weight: 700;border-top: 0.1rem solid #eee;border-bottom: 0.1rem solid #eee;}
.accordion.form .btn-acc:after { /* width: 0.8rem; height: 0.8rem; margin: -0.4rem 1rem 0 0; border:0.1rem solid #666; border-width:0 0.15rem 0.15rem 0;transform: rotate(45deg); */transition: all 0.2s;}
.accordion.form.active .btn-acc:after { /* margin-top: 0.6rem;  */transform: rotate(180deg);}
.accordion.form .acc-content { /* width: calc(100% + 4rem); */margin: 0 -2rem 4rem;padding-left: 2rem;padding-right: 2rem;border-bottom: 0.1rem solid #eee;}

.result-form { margin-top: 4rem;}

.v-bar { position: relative;margin: 0 1rem;}
.v-bar:before { content: '';position: absolute;top: 50%;left: 0;display: block;width: 0.1rem;height: 1.4rem;background: #ccc;margin-top: -0.6rem;}

/* 퀵 액션 메뉴 설정하기 */.setting-info + .select-content { margin-top: 3rem;}

/* 내용없음 영역 */.done-wrap.emp { height: auto;margin: 7rem 0;}
.done-wrap.emp.reset { margin: 0;padding: 0;}
.done-wrap.emp + .btn-wrap { margin-bottom: 4rem;}
.done-wrap.emp .done-text { min-height: auto;}
.done-wrap.emp .done-text > p { color: #666;font-size: 1.4rem;font-weight: 400;margin-bottom: 0;}
/* .done-wrap.emp .ico-nodata { width: 6rem;height: 6rem;margin-bottom: 1.6rem;background: url(/webassets/img/pc/ico-nodata.svg) no-repeat 50% 50%;background-size: 6rem auto;vertical-align: top;} *//* 내용없음 in팝업 */.modal-body .done-wrap.emp { margin: 4rem 0 0;}

.btn-wrap.check { display: flex;justify-content: space-between;width: 100%;height: 5.6rem;padding: 0 2rem;}
.btn-wrap.check .check-title { width: calc(100% - 4.4rem);margin-bottom: 0;font-size: 1.4rem;color: #999;height: unset;flex: auto;font-weight: 400;background: #fff;text-align: left;}
.btn-wrap.check .close { max-width: 2.4rem;height: 2.4rem;position: relative;background: #fff url(/webassets/img/pc/btn-x.svg) center center no-repeat;background-size: 2rem;padding: 0;margin: 0;opacity: 1;flex: auto;}

.pc .btn-wrap.check { height: 4.8rem;padding: 0 2.8rem;}
.pc .btn-wrap.check .check-title { width: calc(100% - 5.2rem);font-size: 1.5rem;}

.alert-banner .banner { display: block;}
.alert-banner .banner img { display: block;max-width: 100%;}
.pc .scroll-guide { width: 6.4rem;height: 6.4rem;margin-left: -3.2rem;}
.scroll-guide { position: fixed;bottom: 2rem; left: 50%;margin-left: -2.6rem;width: 5.2rem;height: 5.2rem;background-image: url(/webassets/img/pc/btn-scroll-down.svg);background-size: contain;background-color: transparent;z-index: 10;animation: MoveUpDown 1s ease-in-out infinite;}
.scroll-guide.hidden { display: none;}

@keyframes MoveUpDown { 0%, 100% {     bottom: 2rem;}
50% {     bottom: 3rem;}}


/* PC : 게시판 table */.tbl-hgroup { display: flex;justify-content: space-between;align-items: center;}
.tbl-hgroup > div { padding-bottom: 1.5rem;}
.tbl-hgroup-total { font-size: 1.4rem;line-height: 1.86;letter-spacing: -0.42px;color: #999;}
.tbl-hgroup-total strong { padding-left: 0.2rem;color: #111;font-weight: 700;}
.tbl-list { border-top: 0.2rem solid #111;}
.tbl-list table { width: 100%;}
.tbl-list table thead th { height: 6rem;padding: 1.5rem 0 1.6rem;font-size: 1.6rem;font-weight: 700;line-height: 1.75;letter-spacing: -0.48px;text-align: center;color: #111;background-color: #f8f8f8;border-bottom: 0.1rem solid #ddd;}
.tbl-list table tbody td { height: 6rem;border-bottom: 0.1rem solid #ddd;}
.tbl-seq { font-size: 1.4rem;line-height: 1.75;letter-spacing: -0.42px;text-align: center;color: #666;}
.tbl-tit { text-align: left;}
.tbl-tit a { display: block;font-size: 1.6rem;font-weight: 700;line-height: 1.75;letter-spacing: -0.48px;text-align: left;color: #111;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tbl-tit a.attach-file { display: inline-block;padding-top: 0.2rem;padding-right: 3rem;background: url(/webassets/img/pc/ico-file.png) 100% 70% no-repeat;}
.tbl-date { font-size: 1.6rem;line-height: 1.75;letter-spacing: -0.48px;text-align: center;color: #999;}
.ico-file { width: 2rem; height: 2rem;background: url(/webassets/img/pc/ico-file.png) 0 0 no-repeat;}
.tbl-nodata { padding: 13rem 0;text-align: center;}
.ico-nodata { width: 10rem;height: 10rem;background: url(/webassets/img/pc/ico-nodata.png) 0 0 no-repeat;}
.tbl-nodata-desc { font-size: 1.4rem;line-height: 1.86;letter-spacing: -0.42px;text-align: center;color: #666;}
/* PC : 고객센터 : 게시판 상세 */.tbl-view-header { padding: 3rem 3rem 2rem;border-bottom: 0.1rem solid #ddd;}
.tbl-view-tit { margin-top: -1rem;font-size: 2.2rem;font-weight: 700;line-height: 1.55;letter-spacing: -0.66px;color: #111;}
.tbl-view-date { margin-top: 0.5rem;font-size: 1.4rem;line-height: 1.71;letter-spacing: -0.42px;color: #999;}
.tbl-view-con { min-height: 30rem;padding: 4rem 3rem;position: relative;}
.tbl-view-attach { height: 6rem;padding: 1.6rem 3rem 1.7rem;border-top: 0.1rem solid #efefef;}
.tbl-view-attach a { padding-left: 3.8rem;display: block;font-size: 1.4rem;line-height: 1.86;letter-spacing: -0.42px;color: #666;background: url(/webassets/img/pc/ico-download-attach.png) 0 50% no-repeat;}
.tbl-prevnext { border-top: 0.1rem solid #ddd;border-bottom: 0.1rem solid #ddd;}
.tbl-prevnext a { height: 6rem;padding: 1.6rem 3rem;display: flex;}
.tbl-prevnext a.disabled { pointer-events: none;}
.tbl-prevnext a + a { border-top: 0.1rem solid #ddd;}
.tbl-prevnext .prev,  .tbl-prevnext .next { width: 11.7rem;padding-left: 3.4rem;font-size: 1.6rem;font-weight: 700;line-height: 1.75;letter-spacing: -0.48px;color: #666;}
.tbl-prevnext .prev { background: url(/webassets/img/pc/ico-tbl-prev.png) 0 50% no-repeat;}
.tbl-prevnext .next { background: url(/webassets/img/pc/ico-tbl-next.png) 0 50% no-repeat;}
.tbl-prevnext .prev-tit,
.tbl-prevnext .next-tit { width: 50.3rem;font-size: 16px;line-height: 1.75;letter-spacing: -0.48px;color: #666;}


/* 개인정보 동의 약관 팝업 */.modal-privacy { height:46.5rem;font-size: 1.4rem;line-height: 1.86;letter-spacing: -0.42px;color: #666;}

/* 우리WON카 앱 다운로드 팝업 */.modal.pop .modal-dialog .downapp-header { padding-top: 5rem;padding-bottom: 0;}
.modal.pop .modal-header.downapp-header::after { display: none;}
.modal.pop .modal-dialog .downapp-header .modal-title { padding-left: 11.8rem;font-size: 2.8rem;font-weight: 700;line-height: 1.43;letter-spacing: -0.84px;color: #111;background: url(/webassets/img/pc/downapp-logo.png) 0 50% no-repeat;}
.modal.pop .modal-dialog .downapp-header .modal-title strong { font-weight: 800;}
.modal.pop .modal-dialog .downapp-header .modal-title-desc { margin-top: 0.5rem;font-size: 16px;font-weight: 400;line-height: 1.75;letter-spacing: -0.48px;color: #666;}
.downapp-wrap { padding: 4rem;box-shadow: 0 8px 60px 0 rgba(0, 0, 0, 0.08);background-color: #fff;}
.downapp-con { display: flex;flex-direction: column;;}
.downapp-con > div { display: flex;}
.downapp-con > div + div { margin-top: 4rem;}
.downapp-con-1 { justify-content: space-between;}
.downapp-con-1 > div { display: flex;align-items: center;}
.downapp-con-1 i { display: inline-flex;width: 3.2rem;height: 2.6rem;margin-right: 1.5rem;background: url(/webassets/img/pc/downapp-download.png) 0 0 no-repeat;}
.downapp-con-1  span { display: inline-flex;}
.downapp-con-1 span { font-size: 2rem;font-weight: 700;line-height: 1.55;letter-spacing: -0.6px;color: #111;}
.downapp-con-1 > div:last-of-type { align-items: flex-start;}
.downapp-con-1 p.star { margin-top: 0.4rem;font-size: 1.2rem;line-height: 1;letter-spacing: -0.36px;text-align: right;color: #999;}
.downapp-con-2 { width: 100%;justify-content: space-between;}
.downapp-con-2 > div { display: flex;}
.downapp-con-2 strong { font-size: 1.6rem;font-weight: 700;line-height: 1.75;letter-spacing: -0.48px;color: #111;}
.downapp-store > div { margin-left: 2rem;}
.downapp-store a { width: 18rem;height: 6rem;display: block;padding: 1rem 2rem 1rem 6.5rem;align-items: center;border-radius: 1rem;border: 0.1rem solid #ccc;background-color: #fff;font-size: 1.8rem;line-height: 1.75;letter-spacing: -0.54px;color: #111;}
.downapp-store a:not(:first-of-type) { margin-top: 2rem;}
.downapp-google { background: url(/webassets/img/pc/downapp-google.png) 1.5rem 50% no-repeat;}
.downapp-apple { background: url(/webassets/img/pc/downapp-apple.png) 1.5rem 50% no-repeat;}
.downapp-qr i,  .downapp-qr img,  .downapp-qr span { display: block;}
.downapp-qr i { padding: 2rem;border-radius: 1.6rem;border: 0.1rem solid #ccc;background-color: #fff;}
.downapp-qr span { font-size: 1.4rem;line-height: 3;letter-spacing: -0.42px;text-align: center;color: #111;}
.downapp-qr-android,  .downapp-qr-apple { margin-left: 2rem;}
.downapp-con-confirm { font-size: 16px;font-weight: 700;line-height: 1.75;letter-spacing: -0.48px;text-align: center;color: #111;}

/** search-area **/.search-area { position: relative;width: 100%;}
.search-area.box-shadow { padding-bottom: 4rem;border-radius: 0 0 0 4rem;box-shadow: 0 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.04);}
.search-area.fixed { position: fixed;width: 100%;min-height: 9.6rem;margin-left: 0;top: 6rem;left: 0;background-color: #fff;z-index: 1;border-radius: 0 0 0 4rem;box-shadow: 0 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.04);outline: none;}
.search-area.fixed .tab-btn-area .tab-btn { position: static;padding: 0;margin-top: 3.5rem;border-radius: 0;box-shadow: unset;}
.search-area.fixed .tab-btn-area .tab-btn::before { top: 0.4rem;left: -2rem;}
.search-area.fixed .tab-btn-area .tab-btn .btn-more { top: 0.4rem;right: -2rem;}
.search-area > input {
width: 100%;height: 4.5rem;padding:1.5rem 2rem;font-size: 1.4rem;box-sizing: border-box;-webkit-appearance: none;border:1px solid #ddd;border-radius: 0.3rem;}
.search-area > input:focus { border: 0.1rem solid #111;outline: none;}
.search-area .btn-search { position: absolute;right: 2rem;top: 1rem;width: 2.4rem;height: 2.4rem;background-color: #fff;background-image: url('/webassets/img/pc/ico-search.svg');background-repeat: no-repeat;background-position: center;background-size: 2.4rem;}
.search-area .btn-change { position: absolute;right: 2rem;top: 1rem;width: 2.4rem;height: 2.4rem;background-color: #efefef;background-image: url('/assets/img/sa/ic_reload.svg');background-repeat: no-repeat;background-position: center;background-size: 2.4rem;}
.search-area .btn-input-clear { right: 4rem;}
.search-area.fixed .btn-input-clear { top: 2.5rem;right: 5rem;}
.keyword-area { position: relative;height: auto;margin-top: 4rem;}
.search-area.hide,  .tab-btn-area.hide,  .keyword-area.hide,  .search-list.hide,  .search-no-data.hide { display: none;}
.search-area.fixed + .keyword-area { margin-top: 11.6rem;}
.keyword-area.hide + .tab-wrap { margin-top: 7.6rem;}
.keyword-area.hide + .tab-wrap.tab-open,  .search-area.fixed.active + .tab-wrap.tab-open { margin-top: 21rem;}
.keyword-area .keyword-tit { font-size: 1.6rem;font-weight: 700;color: #111;}
.keyword-area .rank-list { margin-top: 0;display: block;margin-left: -5rem;width: calc(100% + 5rem);font-size: 1.4rem;}
.keyword-area .rank-list > li { position: relative;display: inline-block;vertical-align: top;margin-left: 5rem;margin-top: 2rem;}

.keyword-area .rank-list > li::before { width: 1.8rem;height: 1.8rem;counter-increment: rank;content: counter(rank);text-align: center;color: #fff;font-size: 1.2rem;font-weight: 400;margin-top: 0.34rem;display: inline-block;vertical-align: top;background-color: #ccc;border-radius: 50%;line-height: 1.6rem;}
.keyword-area .rank-list > li > a { width: auto;padding-left: 1rem;display: inline-block;vertical-align: top;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;font-size: 1.4rem;}
.search-wooriwoncar { margin-top: 10rem;height: 4.05rem;background-image: url('/webassets/img/pc/img-wooriwoncar.png');background-repeat: no-repeat;background-position: center;background-size: 6.2rem auto;}

.input-clear.active .btn-input-clear, .input-clear[tabindex] .btn-input-clear { display: block;}
.search-area.input-clear .btn-input-clear{ top: 1.3rem;right: 5rem;}


/* 검색 */.transparent-contents-box .tab-wrap.accordion .tab-btn { background-color: transparent;margin-top: 6rem;}


.list.search-list { margin-top: 4rem;}
.list.search-list > li { padding: 0;position: relative;border: 0;margin-bottom: 1.2rem;flex-direction: column;}
.list.search-list >  li:last-of-type { margin-bottom: 0;}
.list.search-list >  li > a { padding: 2rem 0;position: relative;display: block;align-items: center;width: 100%;line-height: 1.2;background-color: transparent;}

.list.search-list >  li > a::before { content: '';display: block;width: 0.85rem;height: 0.85rem;position: absolute;top: 50%;right: 1rem;margin-top: -0.4rem;border-top: 0.1rem solid #666666;border-left: 0.1rem solid #666666;transform: rotate(135deg);}
.list.search-list >  li > a::after { display: block;content: "";clear: both;}
.list.search-list >  li > * .list-ripper { width: 3rem;height: 3rem;margin-right: 0.6rem;border: 0;border-radius: 0;display: inline-flex;justify-content: center;align-items: center;}
.list.search-list >  li > * .list-text { padding-right: 1rem;font-size: 2rem;color: #111;font-weight: 700;display: block;float: left;}
.list.search-list >  li > * .list-count { font-size: 1.6rem;color: #111;font-weight: 700;display: block;margin-top: 4px;float: left;}
.list.search-list >  li > * .list-unit { font-size: 1.6rem;color: #999;display: block;margin-top: 4px;float: left;}
.list-view-all { font-size: 1.6rem;color: #666;font-weight: 700;display: block;float: right;margin-top: 0.2rem;margin-right: 2.5rem;}
.list.search-list .list { width: 100%;padding: 0;flex-direction: column;justify-content: flex-start;}
.list.search-list .list::after { display: none;}
.list.search-list .list li { width: 100%;padding: 2.1rem 0;display: flex;}
.list.search-list .list li .cate { display: flex;font-size: 1.6rem;color: #666;}
.list.search-list .list li a::before { content: '>';width: 2rem;text-align: center;}
.list.search-list .card-credit-limit { margin-top: 0;}
.list.search-list .card-credit-limit + .card-credit-limit { margin-top: 3rem;}
.list.search-list .card-credit-limit:last-of-type { margin-bottom: 0;}
.list.search-list .event-list:first-of-type { margin-top: 0;}
/* .list.search-list .event-list li { display: block;} */.list.search-list .event-list li img { max-width: 840px;}
.list.search-list .list.expand.accordion.notice:first-of-type,  .list.search-list .list.expand.accordion.board.faq:first-of-type { margin-top: 0;}
.list.search-list .list.expand.accordion.notice,  .list.search-list .list.expand.accordion.board.faq { width: calc(100% + 4rem);margin-left: 0;}
.list.search-list .list.expand.accordion.notice li,
.list.search-list .list.expand.accordion.board.faq li { padding: 0;}
.search-no-data { display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 10rem;}
.search-no-data i { width: 10rem;height: 10rem;margin-bottom: 3rem;background: url(/webassets/img/pc/ico-nodata.svg) no-repeat 50% 50%;background-size: 10rem auto;}

/* .tab-wrap.whole */.tab-wrap.whole { margin-top: 0;border-radius: 0;}
.tab-wrap.whole .tab-btn .all-tit { display: none;font-weight: 400;font-size: 1.4rem;}
.all-menu-wrap.active .tab-wrap.whole .tab-btn { overflow: hidden;width: 100%;min-height: 4rem;display: block;position: relative;}

.all-menu-wrap.active .tab-wrap.whole .tab-btn ul { border-bottom: 0;}

.tab-wrap.whole .tab-btn .btn-more,  .tab-btn-area .tab-btn .btn-more { position: absolute;right: 0;top: 2.3rem;width: 5rem;height: 3.6rem;box-shadow: none;background: transparent linear-gradient(to left,#fff 0,#fff 24px,rgba(255,255,255,0) 100%);z-index: 2;}
.tab-wrap.whole .tab-btn .btn-more::after,  .tab-btn-area .tab-btn .btn-more::after { content: '';position: absolute;top: 1.2rem;right: 2rem;display: block;width: 0.7rem;height: 0.7rem;border-bottom: 0.1rem solid #333;border-right: 0.1rem solid #333;background: transparent;box-shadow: none;transform: rotate(45deg);}
.tab-wrap.whole .tab-btn ul { min-height: 4rem;justify-content: normal;white-space: nowrap;overflow: visible;display: block;overflow-x: auto;    }
.tab-wrap.whole .tab-btn ul li { float: none;display: inline-block;width: auto;min-width: 6.5rem;border-radius: 0;background: none;margin:0;}
.tab-btn-area .tab-btn { overflow: hidden;width: 100%;display: block;position: relative;margin-top: 6rem;}
.tab-btn-area .tab-btn ul { margin-left: 0;margin-right: 0;margin-bottom: 0;border-bottom: 0;overflow: visible;display: block;overflow-x: auto;font-size: 0;}
.tab-btn-area .tab-btn ul li { float: none;display: inline-block;width: auto;min-width: 6.5rem;border-radius: 0;background: none;margin:0;}
.tab-btn-area .tab-btn ul li + li { margin-left: 1rem;}
.tab-wrap.whole .tab-btn ul li a { width: auto;min-width: 7.5rem;border-radius: 1.8rem;height: 3.5rem;padding: 0 1.3rem;line-height: 3.3rem;background-color: #eee;}
.tab-btn-area .tab-btn ul li a { width: auto;min-width: 7.5rem;border-radius: 1.8rem;height: 3.5rem;padding: 0 1.3rem;line-height: 3.3rem;background-color: #eee;font-size: 1.6rem;}
.tab-wrap.whole .tab-btn ul li.active::after,
.tab-btn-area .tab-btn ul li.active::after { display: none;}
.tab-wrap.whole .tab-btn ul li.active a,  .tab-btn-area .tab-btn ul li.active a { color: #fff !important;background-color: #1490ef !important;border-color: #1490ef !important;pointer-events: none;}
.tab-wrap.whole .tab-btn.open .btn-more { height: 3rem;}
.tab-wrap.whole .tab-btn.open .btn-more::after,  .tab-btn-area .tab-btn.open .btn-more::after { top: 1.5rem;transform: rotate(-135deg);}
.tab-wrap.whole .tab-btn-area { display: none;}
.tab-wrap.whole .tab-btn.open{ box-shadow: none;height: auto;min-height: 14rem;display: block;padding: 3rem 2rem 2.8rem;background: #f3f3f3;}
.tab-wrap.whole .tab-btn.open .all-tit { display: block;}
.tab-wrap.whole .tab-btn.open .btn-more,  .tab-btn-area .tab-btn.open .btn-more { background: transparent;top: 2.5rem;}
.tab-wrap.whole .tab-btn.open .btn-more::before,  .tab-btn-area .tab-btn .btn-more::before { display: none;}
.tab-wrap.whole .tab-btn.open ul,  .tab-btn-area .tab-btn.open ul { overflow: visible;white-space: normal;display: flex;flex-wrap: wrap;margin-right: 1rem;padding-right: 0;}
.event-list .badge,
.review .badge { display: inline-block;min-width: 4.5rem;height: auto;padding: 0.7rem 1rem;border-radius: 2.5rem;font-size: 1.4rem;font-weight: 400;color: #111;line-height: 1.6rem;text-align: center;}
.list.search-list .list.notice li { display: block;}
.list.search-list .list.notice li > .list-tit { display: block;width: 100%;}
.list.search-list .list.notice li a::before { display: none;}
.list.search-list .list.notice li > .list-tit::after { display: block;content: "";clear: both;}
.list.search-list .list.notice li > .list-tit .title { display: block;width: 80%;float: left;font-size: 1.6rem;color: #111;font-weight: bold;}
.list.search-list .list.notice li > .list-tit .date { display: block;width: 19%;float: right;text-align: right;font-size: 1.6rem;color:#666;}
.list.expand { margin-top: 0;}
.tab-content .list.search-list .list.expand.accordion.board.faq { width: 100%;}
.list.accordion.faq li .list-con { border-top: 1px solid #ddd;width: 100%;padding: 3.5rem 3rem;}

/* Custom Select *//*the container must be positioned relative:*/.custom-select { position: relative;font-family: Arial;}
/*hide original SELECT element:*/.custom-select select { display: none; }
.select-selected { background-color: #fff;border-radius: 3px;color: #111;}
.select-selected.disabled { color: #ccc;}
.select-selected.select-arrow-active { border-color: #111;/* color: #111; */}
/*style the arrow inside the select element:*/.select-selected:after { position: absolute;content: "";top: 1.2rem;right: 1.5rem;width: 2.4rem;height: 2.4rem;background: url(/webassets/img/pc/form-select-arrow.svg) 0 0 no-repeat;}
/*point the arrow upwards when the select box is open (active):*/.select-selected.select-arrow-active:after { transform: rotate(180deg);top: 1.1rem;}
/*style the items (options), including the selected item:*/.select-items div,  .select-selected { min-height: 4.5rem;padding: 0.8rem 6rem 0.8rem 2rem;border: 0.1rem solid #ddd;cursor: pointer;user-select: none;font-size: 1.4rem;line-height: 1.86;/* letter-spacing: -0.42px; */text-align: left;color: #111;box-sizing: border-box;}
.select-items div { border-width: 1px 1px 1px 1px;}
.select-items div:hover { color: #111;}
/*style items (options):*/.select-items { position: absolute;background-color: #fff;top: 100%;left: 0;right: 0;z-index: 99;}
/*hide the items when the select box is closed:*/.select-hide { display: none;}
.select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1);}


/*혜택*/.contents-box > .btn-wrap { margin-top: 4rem;display: flex;justify-content: center;align-items: center;}
.contents-box > .btn-wrap .btn.xl.stroke { background-color: #fff;border: 0.1rem solid #ddd;color: #999;}
.contents-box > .btn-wrap .btn.xl { width: 24rem;height: 6rem;border-radius: 3rem;font-size: 1.8rem;font-weight: 700;color: #fff; }
.event-filter .btn-list { background-image: url(/webassets/img/pc/ico-filter-list.svg);background-repeat: no-repeat;background-position: 50%;background-size: 100%;}
.event-filter .btn-list.active { background-image: url(/webassets/img/pc/ico-filter-list-on.svg);background-repeat: no-repeat;background-position: 50%;background-size: 100%;}
.event-filter .btn-thum { background-image: url(/webassets/img/pc/ico-filter-thum.svg);background-repeat: no-repeat;background-position: 50%;background-size: 100%;}
.event-filter .btn-thum.active { background-image: url(/webassets/img/pc/ico-filter-thum-on.svg);background-repeat: no-repeat;background-position: 50%;background-size: 100%;}
.event-filter .btn + .btn { margin-left: 1rem;}
.event-list.type-list .cont { position: relative;}
.event-list.type-list .cont .title { width: 70%;float: none;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;font-size: 1.6rem;margin-bottom: 0rem;font-weight: 700;}
.event-list.type-list .cont-area .date { width: 30%;float: none;margin-top: 0;font-size: 1.4rem;text-align: right;color: #999;position: absolute;bottom: 0;right: 0;z-index: 1;}
.event-list.type-thumb { border-top: 0;margin-top: 0;}
.event-list.type-thumb::after { display: block;content: "";clear: both;}
.event-list.type-thumb li { width: calc(50% - 2rem);float: left;margin-top: 3rem;}
.event-list.type-thumb li:nth-child(n+3) { margin-top: 4rem;}
.event-list.type-thumb li:nth-child(2n) { margin-left: 4rem;}
.event-list.type-thumb .cont { margin-top: 0.3rem;}
.event-list.type-thumb .data { margin-top: 3rem;}
.event-list.type-thumb .cont .title { width: 100%;float: none;    }
.event-list.type-thumb .cont .date { width: 100%;float: none;text-align: left;margin-top: 0.7rem;}
.event-info + .done-wrap.emp .ico-nodata { width: 10rem;height: 10rem;background-size: 10rem auto;margin-bottom: 0;padding-bottom: 0;}
.event-info + .done-wrap.emp .done-icon { padding-bottom: 3rem;}
.event-view .tit-area .badge { padding: 7px 10px;box-sizing: border-box;font-size: 1.4rem;height: auto;}
.event-view .tit-area .date { display: block;font-size: 1.4rem;font-weight: 400;color: #999;}
.event-view .tit-area .date .d-day { position: relative;display: inline-block;margin-left: 0.6rem;padding-left: 0.6rem; vertical-align: top;font-size: 1.4rem;font-weight: bold;color: #1490ef;}
.event-view.done .tit-area .date .d-day { color:#9ea0a6;}
.event-view .tit-area .date .d-day::after { content: "";position: absolute;top: 50%;left: 0;height: 1.1rem;border-left: 0.1rem solid #ccc;transform: translateY(-0.5rem);}
.ep-wrap .done-icon { padding-bottom: 4rem;}
.ico-ep-check { width: 10rem;height: 10rem;background: url(/webassets/img/pc/ico-ep-check.svg) 0 0 no-repeat;display: block;margin: 0 auto;}
.ep-wrap .done-text { width: 100%;}
.ep-wrap .done-text > p { font-size: 2rem;font-weight: 700;line-height: 1.6;letter-spacing: -0.6px;text-align: center;color: #111;}
.ep-wrap .done-text-desc { margin-top: 2rem;font-size: 1.6rem;line-height: 1.75;letter-spacing: -0.48px;text-align: center;color: #666;}

.event-list.done .cont-area .date span { color:#999}
.event-entry-noti { width: 84rem;margin: 10rem auto 0;box-sizing: border-box;padding: 2rem 0;font-size: 1.4rem;font-weight: 400;color:#999;text-align: center;border-radius: 4rem;background-color: #fff;}
.contents .event-entry-noti + .contents-box { margin-top: 4rem;}
.event-entry-list .data { margin-top: 0;display: flex;align-items: center;font-size: 1.2rem;color: #999;}
.event-entry-list .badge { display: inline-block;min-width: 4.5rem;height: auto;padding: 0.7rem 1rem;border-radius: 2.5rem;font-size: 1.4rem;font-weight: 400;color: #111;line-height: 1.6rem;text-align: center;}
.done-wrap.ad-search { height: auto;margin: 0;padding: 0;border-bottom: 0;}
.done-wrap.ad-search .done-icon { padding-bottom: 3rem;}
.done-wrap.ad-search .ico-nodata { /* background: url(/webassets/img/pc/ico-nodata.svg) no-repeat 50% 50%;width: 10rem;height: 10rem; *//* background-size: 10rem auto; */margin-bottom: 0;padding-bottom: 0;vertical-align: top;}
.done-wrap.ad-search .done-text { min-height: auto;}
.done-wrap.ad-search .done-text > p { color: #666;font-size: 1.4rem;font-weight: 400;margin-bottom: 0;}
.event-info + .done-wrap.ad-search { margin: 13rem 0;}


/* file add */.add-file .btn { width: auto;display: inline-block;height: 4.5rem;padding: 0 3.5rem;border: 1px solid #111;background-color: #fff;outline: 0;}

.add-file input[type="file"]:focus + .btn { border: 0.2rem solid #111;outline: none;}
.add-file input[type="file"] { width: 0;}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.btn-term.form-group input[type='checkbox'] + label.chk-small span { width: 100%;}
}


/* 테슬라 전용관*/
.b{border: 1px solid red;}
.flexcenter{ display: flex; justify-content: center;}
.contents-header{height: 22rem;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center; color: #fff; }
.container .contents.tspd {padding: 6rem 0 6rem 2rem !important;display: flex;flex-direction: column;max-width: 120rem;}
.container h2{width: 100%;font-weight: 600;}
.teslaroomwrap{background-color: #444;display: flex;flex-direction: column;height: 100%; }
.teslaroomwrap .container{flex-grow: 1 !important;}
.tsbggray{background-color: #333;}
.tsbggray h1{color: #fff;}
.header-btn-historyW{background-image: url(/webassets/img/pc/ico_back.svg);background-position: 0 center;background-size: 2.2rem auto}
.header-btn-homeW{background-image: url(/webassets/img/pc/ico_home.svg);background-position: 100% center;background-size: 2.2rem auto;}
.tsbggray h3{ color:#fff; font-size: 1.6rem; margin-bottom: .8rem; margin-top: 1.6rem;}
.teslaroom ul {display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: nowrap;white-space: nowrap;overflow: visible;overflow-x: auto;}
.teslaroom ul::-webkit-scrollbar {display:none;}
.teslaroom ul li{padding: .8rem; margin: 0 1.4rem .5rem 0;;  position: relative;line-height: 1.2;  border-radius:1rem;min-width: 32rem; height: 33rem; width: calc(100%-3rem);border: 1px solid transparent;}
.teslaroom ul li:hover{border: 1px solid #fff;transition: 0.4s; cursor: pointer;  }

.teslaroom ul li:nth-of-type(1) {background: url(/webassets/img/pc/model3.png) 0 -2px no-repeat; background-size: 102%;}
.teslaroom ul li:nth-of-type(2) {background: url(/webassets/img/pc/modelY.png)  0 0 no-repeat; background-size: 102%;}
.teslaroom ul li:nth-of-type(3) {background: url(/webassets/img/pc/modelXX.png) 0 0 no-repeat; background-size: 102%;}
.teslaroom ul li:nth-of-type(4) {background: url(/webassets/img/pc/modelSS.png) 0 0 no-repeat; background-size: 102%;}

.teslaroom h4{ font-size: 3.4rem; text-align: center; font-weight:800; color: #111; margin-top: 1.5rem; letter-spacing: -.15rem}
.teslaroom a{width: 100%;}

.teslaroom.list{display: flex; flex-direction: row; position: absolute; bottom: 2rem; width: 100%;}
.teslaroom.list > div{padding:.6rem 1rem ;display: flex; flex-direction:column;justify-content: center;width: 31.5%;align-items: center;}
.teslaroom.list > div > .summary-interest{font-size: 2.2rem;color:#fff;line-height: 1.5em;letter-spacing: -0.032em;font-weight: 700; text-align: center;}
.teslaroom.list > div > .summary-interest-value{font-size: 1.2rem;color: #111;line-height: 1.5em;letter-spacing: -0.032em;font-weight: 400;color:#fff; line-height: 1.2;text-align: center;}

.teslawrap{ width: 100%;position: relative;display: flex; flex-wrap: wrap;padding-right:2rem; }
.teslawrap li  { width: calc(50% - 1rem);display: flex;justify-content: flex-start;  margin-bottom: 2rem;}
.teslasell  { position: relative;font-size: 1.6rem;color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;box-shadow: 0 0.1rem 1.6rem 0 rgb(0 0 0 / 8%);padding: 1rem;border-radius: 1rem;background-color: #777;}
.teslasell:hover{ background-color:#0a77ca; transition: 0.5s;}
.teslasell .tit{ padding-bottom: 1rem; color:#fff;}
.teslawrap li i  { width: 17rem;height: 9rem;border-radius: 0;background-color: #fff;background-size: 4rem 4rem;background-position: 50% 0;}
.teslawrap li .tesla3 {background: url(/webassets/img/pc/teslain3.png) 100% 0 no-repeat; background-size: 102%;}
.teslawrap li .teslaS {background: url(/webassets/img/pc/teslainX.png) 100% 0 no-repeat; background-size: 102%; }
.teslawrap li .teslaX {background: url(/webassets/img/pc/teslainS.png) 100% 0 no-repeat; background-size: 102%;}
.teslawrap li .teslaY {background: url(/webassets/img/pc/teslainY.png) 100% 0 no-repeat; background-size: 102%;}
.teslawrap{padding-right: 0;}
.container .contents.tspd {padding: 6rem 0 6rem 0!important;}
.teslawrap li{width: calc(25% - 1.4rem)}
.teslawrap li:nth-of-type(1), .teslawrap li:nth-of-type(2), .teslawrap li:nth-of-type(3){ margin-right: 1.4rem;}
.teslawrap li:nth-of-type(4){margin-right: 0 !important; }
.teslaroom ul li{ min-width: 29rem;height: 32rem;}
.teslaroom h4{font-size: 2.2rem;}
.teslaroom.list > div > .summary-interest{font-size: 1.4rem;}
.teslaroom.list > div > .summary-interest-value{font-size: .85rem; font-weight: 300;}
.header-btn-historyW, .header-btn-homeW, .main_setting{display: none;}
.bggraywrap {background-color: #444;}
.footer .footer-logo {width: 4.2rem; margin-top: .5rem;}
.footer-logo img{width: 100%; opacity: .5;}

.teslaoption{ background-color: #c6ddef; display: flex; justify-content: space-between;align-items: center;margin-right: 2rem; border-radius: .8rem ;}
.teslaoption img{ border-radius: .8rem;}

.teslaoption .option{ display: flex; flex-direction: column;color:#111;padding-right: 3rem; }
.teslaoption .option li:nth-of-type(1){  font-size: 2.8rem; font-weight:800; width: 100%; letter-spacing: -.15rem;line-height: 1;}
.teslaoption .option li:nth-of-type(2){font-size: 2rem;letter-spacing: -.05rem; font-weight: 600; text-align: right;}
.teslaoption .option li:nth-of-type(3){font-size: 2rem;letter-spacing: -.05rem; font-weight: 600; text-align: right; ;margin-top: .5rem;}
.teslaoption .option li:nth-of-type(3) a{background-color: #1490ef; color: #fff; width:20rem; padding: .5rem 2.3rem; border-radius:4rem; }

.teslabanner{ width: 84rem; display: flex; justify-content: center;margin-left:auto;margin-right:auto;border-radius: 3rem;padding: 3rem 0;}
.teslabanner img{width: 100%;border-radius: 3rem;box-shadow: 0 2px 24px 0 rgb(0 0 0 / 8%);}
.pdtesla{padding:.0 0 12rem;}
.bggrayT{background-color: #f8f8f8;}
.marginset{margin: 2rem auto 0 !important;}
.bgwhite{ background-color: #fff;}
.flexnone{ display: block;}


/* 20230517 테슬라 팝업 */
.teslaT {border: 0 solid #ddd; overflow-x: auto;width: 100%;}
.teslaT th{color: #111; font-weight: normal;}
.teslaT th, .teslaT td{font-size: 1.2rem;padding: 0.2rem 0.3rem; height: 2rem; text-align: center;border: 0 solid #ddd; color: #333;}
.teslaT .bggray{background-color: #f8f8f8;}
.teslaT .img-area{width:8rem; display: inline-flex;justify-content: center; }
.teslaT .bluepoint{ background: #1490ef; border-radius: .3rem; color: #fff; text-align: center; width: 100%;display: inline-flex;justify-content: center;  align-items: center;padding: 0.1rem;}
.teslaT .bluepoint.line{background-color: #fff; color: #1490ef !important; border: 1px solid #1490ef}
.teslaT .line{  color: #333 !important;border-radius: 0.3rem;}
.brd05{border-radius: .5rem;}
.brd08{border-radius: .6rem; height: 5rem !important; width: 80% !important; display: flex; justify-content: center;margin-left: auto; margin-right: auto;}
.brd15{border-radius: 1.5rem !important;}

.teslaPop{margin:auto;width:90%;max-width:70rem;height:auto;display:flex;align-items:center;height:100%;justify-content:center;}
.teslamodel{ display: flex;flex-direction: column;border: 1px solid #ddd; border-radius: 1rem; padding:2rem 0;}


 /* 20230626  테슬라 조회조건*/
.contents .tesla-box.search{position: relative;width: 130rem;padding: 2rem;border-radius: 1rem;box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.08);background-color: #fff; margin: 0  auto  }
.contents .tesla-box{position: relative;width: 130rem;margin:0 auto ;padding: 0;border-radius:0;}
.contents .btn-box{position: relative;width: 130rem;margin:0 auto ;padding: 1.5rem 0;border-radius:0;}
.overflowtesla{ overflow: auto; width: 100%;border-top: 0.2rem solid #111; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.overflowtesla table { width: 100%; }
.overflowtesla table thead th {height:4rem;font-size: 1.3rem;font-weight: 700;line-height: 1.3;letter-spacing: -0.48px;text-align: center;color: #111;background-color: #f8f8f8; border-left: 1px solid #ddd;}
.overflowtesla table tbody td { border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; background-color: #fff;font-size: 1.3rem;}
.overflowtesla table thead th, .overflowtesla table tbody td{ padding: .5rem;}
.overflowtesla table  th:nth-of-type(1), .overflowtesla table td:nth-of-type(1){border-left: 0;border-right: 0;}
.teslasearch{width: 100%; border: 0 solid #ddd;}
.teslasearch table th{ padding: 0 .2rem 0 2rem; font-size: 1.3rem;}
.teslasearch table td{ padding: 0 2rem; font-size: 1.3rem;}

.overflowtesla td { max-height : 2.4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center;}
.overflowtesla td input { padding: 0;/* height: initial;width: initial; */margin-bottom: 0;/* display: none; */visibility: hidden;cursor: pointer;position: absolute;}
.overflowtesla td label { position: relative;cursor: pointer;display: flex;align-items: center;min-width: 2.4rem;min-height: 2.4rem;/*padding-left: 2.4rem;*/justify-content: center;line-height: 2.1rem;color: #111;letter-spacing: -0.05em;vertical-align: top;}
.overflowtesla td label:before { content:'';-webkit-appearance: none; display: block;width: 2.4rem;height: 2.4rem;background-color: #fff;border: 1px solid #ccc;cursor: pointer;}
.overflowtesla td input[type="checkbox"] + label:before { border-radius: 0;background: #fff url(/webassets/img/pc/form-check.svg) 0 0 no-repeat;background-size: 2.4rem;border: 0;}
.overflowtesla td input[type="checkbox"]:checked + label:before { background: #fff url(/webassets/img/pc/form-check-on.svg) 0 0 no-repeat;background-size: 2.4rem;}
.overflowtesla td input[type="checkbox"]:checked + label::after { background-image: url(/webassets/img/pc/ico-checkbox-on.svg);}

.teslasearch input,select {width: 100%;height: 3rem;padding: 0 2rem;font-size: 1.2rem;color: #111;border:1px solid #ddd;border-radius: 0.3rem; margin: 1rem;}
.teslasearch input,select {border: 1px solid #ddd;}
.teslasearch input:focus:not(:read-only) { border: 0.1rem solid #111;outline: none;}
.teslasearch .datepicker { background:url(/webassets/img/pc/icon_calenda.png)  no-repeat center right #fff; padding-right: 1rem; background-position-x: 90%;background-size: 1.2rem;}
.btn.search { height: 4rem;padding: 1rem 2rem;font-size: 1.5rem;font-weight: 700;line-height: 1.44;letter-spacing: -0.05em;color: #ffffff;border-top:1px #1490ef solid;background-color: #1490ef; border-radius: 2rem; margin: 0 1rem;}
.btn.reset  { height: 4rem;padding: 1rem 2rem;font-size: 1.5rem;font-weight: 700;line-height: 1.44;letter-spacing: -0.05em;color: #000000;border-top:1px #dddddd solid;background-color: #dddddd; border-radius: 2rem; margin: 0 1rem;}
.btn.insert { height: 4rem;padding: 1rem 2rem;font-size: 1.5rem;font-weight: 700;line-height: 1.44;letter-spacing: -0.05em;color: #ffffff;border-top:1px #efbb14 solid;background-color: #efbb14; border-radius: 2rem; margin: 0 1rem;}

/* paging */
.paging { width: 100%; margin: 20px 0; display: flex; align-items: center; justify-content: center; font-size: 1.3rem;}
.paging a { display: block; }
.prev-btn-area, .next-btn-area, .paging-num { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.prev-btn-area { margin-right: 11px; }
.next-btn-area { margin-left: 11px; }
.paging .prev-end, .paging .prev, .paging .next-end, .paging .next { width: 30px; height: 30px; }
.paging .prev-end { background:url(/webassets/img/pc/btn_first.png) center center no-repeat; margin-right: 4px; }
.paging .prev { background:url(/webassets/img/pc/btn_prev.png) center center no-repeat; }
.paging .next { background: url(/webassets/img/pc/btn_next.png) center center no-repeat; }
.paging .next-end { background:url(/webassets/img/pc/btn_last.png) center center no-repeat; margin-left: 4px; }
.paging-num a { width: 30px; height: 30px; line-height: 27px; text-align: center; color: #666; letter-spacing: -0.4px; background: rgba(0, 129, 112, 0); transition: all .2s ease-out; border:0 solid #ddd;  }
.paging-num a:hover { font-weight: bold;color: #1490ef }
.paging-num a.active { background: #1490ef; color:#fff; border:0 solid #013b84; border-radius: .8rem;}

.blind { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); margin: -1px; }
 /* 20230626  테슬라 조회조건 끝*/
.img-areacar{ overflow: hidden;display: block; }
.img-areacar img {width:30%;  height: 100%;}
.description{ font-size: 1.3rem; padding: 1rem;}
.description a{color:#1490ef !important;}
.breakcar-btn .btn {width: 100%;height: 4.8rem;text-align: center;font-size: 1.6rem;box-sizing: border-box;padding: 1.1rem 0;font-weight: bold;color: #111;color: #1490ef;border: 0.1rem solid #1490ef;
background-color: #f5fbff;}
.mycar-list .btn-mycar.border0{border-radius: 0 !important; padding: 0; border-bottom: 0 !important; min-height:auto;}
.mycar-list .btn-mycar.border0.active {    border: 0.1rem solid #ccc;border-bottom: 0 !important; background-color:#f1f1f1;   }
.mycar-list .btn-mycar-del.move{ top:6rem}

.search-box  { margin-top: 4rem;}
.search-box .before  { /* display: none; */}
.search-box .before.hide  { display: none;}
.search-box .after.hide  { display: none;}
.search-box .after .results.nodata .address-box  { display: none;}
.search-box .after .results.nodata .done-wrap  { display: flex;}
.search-box .after .results .done-wrap  { display: none;}
.search-box .count-set  { padding-bottom: 1.6rem;border-bottom: 0.1rem solid #eee;}
.search-box .count  { color: #111;}
.address-list .badge {width: 5rem;min-width: 5rem;margin-top: 0.2rem;padding: 0;}

.address-list  { display: flex;flex-direction: column;width: 100%;padding: 1.6rem 0;background: none;border-bottom: 0.1rem solid #eee;font-size: 1.4rem;text-align: left;}
.address-list .list + .list  { margin-top: 1rem;}
.address-list .list  { display: flex;align-items: center;}
.address-list .txt  { padding-left: 0.8rem;}

.address-list.box  { padding: 1.6rem;background: #f8f8f8;border-radius: 0.6rem;border: none;}
.address-list.box li{display:flex;}
.address-list.box .charge{ padding-left: 1rem;}
.bggray{background-color: #eee;border: 0; padding:1.5rem; border-radius: 1rem;}

/* 오토할부계산기 */
#calcPopUp{display:none;}
.calc_popup{background-color: white;
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: scroll;
    z-index: 1100;
    padding: 2rem;
}
.calcHeader{display:flex;align-items:center;justify-content:space-between;}
.calcHeader h1{width:100%;text-align:center;}
.calc_popup .form-wrap .form-group-item input{position:relative;width:calc(100% - 4rem);}
.calc_popup .form-wrap .form-group-item input + .num_unit{position:absolute;right:0;top:50%;}
.calc_result-con{display:flex;flex-direction:column;align-items:center;text-align:center;}
.calc_result-con .calc_result .txt_s_1{margin-top:-4rem;}
.calcBtn{display:flex;align-items:center;justify-content:center;}
.calcBtn > .btn{display:block;margin-top:3rem;width:75%;border-radius:0.5rem;}
.calcContext{text-align: right;}
.header-btn-close{background-image: url(/assets/img/co/ico-full-close.png);background-size: 100%;}

.tab-wrap .web-tab-btn ul { justify-content: flex-start;overflow-x: auto;margin: 0; padding: 1rem 4rem;margin-bottom: -6rem;border-bottom: 0;margin-right: 0;}
.bt-text-div{height: 80px;}

/* 20231013 엔카 카동 */
.encarHDiv{
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.encarHDiv div button {
	padding: 3px 10px;
    font-size: 15px;
    border-radius: 5px;
}
.encarHDiv div button + button{margin-left:0.6rem;}
.form-group-wrap.encar-wrap{display:flex;align-items:center;justify-content:space-around;}
.encarForm label{margin-right:1rem;}
.encarForm input {padding:0 0.5rem;width:10rem;border-color: #ccc;}
.encarForm input + span{margin:0 0.9rem;}
.encarForm.encar-csnm input{width:10rem;}
.encarForm.encar-cpno input{width:12rem;}
.retrieveBtn{
	background-color: #1490ef;
    color: #fff;
}

/*231027 테슬라전용관 상담 신청하기 modal css 추가*/
.modal.modal-bottom.fade .modal-dialog.w_calc{position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 30px auto;
    width: calc(100% - 100rem);
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 1100;}
.modal-dialog.w_calc::-webkit-scrollbar{display:none;}
.modal.modal-bottom.fade .modal-dialog.w_calc .modal-content{    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;padding:30px 30px 0;border-radius:30px;}
.modal.modal-bottom.fade .modal-dialog.w_calc .modal-content .modal-header .modal-title .tesla-info.mb2{font-size:1.8rem;}
.modal.modal-bottom .modal-dialog.w_calc .modal-body{
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;}
.modal.modal-bottom .modal-dialog.w_calc .modal-body::-webkit-scrollbar{display:none;}
.modal-dialog.w_calc .modal-footer button{width:calc(100% - 30rem);}

.btn.xl_gray{width: 100%;height: 6rem;padding: 0;font-size: 1.8rem;font-weight: 700;line-height: 1.44;letter-spacing: -0.05em;color: #111;border-top:1px #f4f4f4 solid;background-color: #f4f4f4;}