@charset "UTF-8";/* RESET CUSTOM */
*, *::before, *::after{font-family: 'Pretendard', 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%;color: #111;font-size: 1.3rem;font-weight: 400;line-height: 1.5;letter-spacing: -0.03em;word-break: break-all;word-wrap: break-word;overflow-x: 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;}

/*메인배경 */
.main{position: absolute; height:100%; width:40rem;height: 100%;background:rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1)0%, rgba(241,241,241,1)100%);}

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;}
.flexcolum{display: flex;flex-direction: column;}
.marginauto{margin-left: auto; margin-right: auto;}

/* 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;}

.br0{border-right: 0 !important;}
.b0{border: 0 !important;}
.lineh12{line-height: 1.2;}

/* Font */
.en {font-family: "Noto Sans KR", sans-serif;}
.ko {font-family: "Noto Sans KR", sans-serif;}
.no {font-family: "Noto Sans KR", 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: 4rem !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 !important;}
.fc-black {color: #111 !important;}
.fc-blue {color: #1490ef !important;}
.fc-white {color: #fff !important;;}
.fc-gray {color: #999 !important;}
.fc-yellow {color: #fff678 !important;}
.fc-green { color: #1cb57f !important; }
.fc-light-green { color: #23cf9b !important; }
.fc-purple { color: #7657e0 !important; }
.fc-mint { color: #20bbbe !important; }
.fc-navy { color: #374a9a !important; }
.bg_sky{ background-color: #f5fbff;}
.bg_white{ background-color: #fff;}
.bg_gray{ background-color: #f8f8f8;}
.fc_cobalt{color: #01a2ba !important;;}
.fc_darkcobalt{background-color: #00788A;}


/* display */
.none {display:none;}
/* 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 !important;}
.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;}
.flexnone{ display: block;}

/* font-weight */
.ft-normal {font-weight: 400 !important;}
.ft-bold {font-weight: 700 !important;}
.b{border: 1px solid red;}
.nomal{ font-weight:normal;}
/* padding */
.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}
.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}

/* 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;}


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



.mr01{margin-right: 0.1rem !important;}
.mr02{margin-right: 0.2rem !important;}
.mr05{margin-right: 0.5rem !important;}
.mr1{margin-right: 1rem !important;}

.w100{width:100%  !important;}

.bb1{border-bottom: 0.12rem solid #eee !important;}

.grayboxpdleft{padding-left: 1rem;}
.ft-500 {font-weight: var(--var-font-weight-bold, 700);}
.icarrow{ display: inline-block; padding:0.1rem 0.4rem; border-radius: 12rem; color: #fff; background-color:#ccc; font-size: 1.2rem; font-weight: bold;line-height: 1.2rem;}
.btnbg0{background-color: transparent}
.glow1{ display:flex; flex-grow: 1;}
.flex{display: flex;}
.max85{max-width: 85rem;}
.max79btn{max-width: 79rem}



/* 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;box-shadow: none;line-height: 1;}
.btn.xs, .btn-wrap.xs .btn{height: 1.8rem;padding: 0 0.4rem 0.1rem;border-radius: 0.4rem;line-height: 1.8rem;}
.btn-wrap.xs .btn + .btn{margin-left: 0.8rem;}
/* .btn.sm{height: 2.9rem;line-height: 2.9rem;/* border-radius: 0.25rem; */} */



.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: 4rem;padding: 0;font-size: 1.4rem;line-height: 4rem;}
.btn.xl{width: 100%;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: #ccc;border-top:1px #f4f4f4 solid;background-color: #f4f4f4;}
.btn.stroke{background-color: #fff;border: 0.1rem solid #666;border-radius: 0.4rem;}
.btn.stroke02{background-color: #fff;border: 0.1rem solid #999;}
.btn.stroke-blue {border: 0.1rem solid #0565f0;color: #0565f0;}
.btn.sm.round{padding: 0 1.2rem;border-radius: 2.5rem;}
.btn.more{width: 100%;height: 4rem;padding: 0;font-size: 1.4rem;font-weight: 400;line-height: 4rem;letter-spacing: -0.05em;color: #111;background-color: #F8F8F8;border: 0.1rem solid transparent;border-radius: 0.4rem;position: relative;}
.btn.more::after{display: block;content: "";width: 16px;height: 16px;background-color: transparent;position: absolute;left: calc(50% - 36px);top: 12px;z-index: 2;background-image: url(/assets/img/sf/ico-more-plus.png);background-size: 16px;background-position: 0 0;background-repeat: no-repeat;}
/* .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);} */
a.link.gray,
button.link.gray{color: #999;font-size: 1.2rem;border-bottom: 0.1rem solid #999;background-color: transparent;font-weight: 400;}
.btn.btn-primary:not(:disabled){color: #fff;}
.btn.btn-secondary{color: #777;background-color: #e9e9e9;border-color: #e9e9e9;}

/* 20230104 수정 borderbottom수정 */
.btn.btn-secondary-w{border-top: 1px #ccc solid;border-bottom: 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: 2rem;height: 2rem;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: 1rem;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(/assets/img/co/ico-del-trash.svg);}
.btn-search,
.form-group-wrap.btns .btn.btn-search{width: 2.4rem;height: 2.4rem;background: #fff url(/assets/img/co/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;cursor: pointer;}

.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;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: 1.6rem;border-bottom: 1px solid #eee;}
.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(/assets/img/co/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(/assets/img/co/form-check-on.svg) 0 0 no-repeat;background-size: 2.4rem;}
.form-group input[type="checkbox"]:checked + label::after{background-image: url(/assets/img/co/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;}


/*240326 중고차 차량번호 앞단배치*/
.form-bottom-box{background-color: #F1F1F1;padding: 1rem 0 1rem 1rem;margin-top: 1rem;border-radius: 0.8rem;font-size: 1.2rem;}
.form-car-info {font-size: 1.6rem;color: #888;font-weight: 400;margin-bottom: 1rem;display: block;}
.carNumChk { position: absolute;right: 0;bottom: 0.7rem;top: 50%;display: block;width: 3rem;height: 3rem;background: transparent url(/assets/img/co/form-check-sm-on.svg) 0 0 no-repeat;background-size: 3rem;}

/* 전체약관동의하기 */
.checkall-sub{margin-top: 1.6rem;}
.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(/assets/img/co/ico-checkbox-b-on.svg);}
.terms-list .hasSub:not(.hasSubContact) .link .btn:after{background-image: url(/assets/img/co/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;padding-top: 0.4rem;padding-bottom: 0.4rem;margin-top: 0;}
.terms-list .checkall-sub .chkSub .form-group input[type="checkbox"] + label:before{border-radius: 0;background: #fff url(/assets/img/co/form-check-sm.svg) 0 0 no-repeat;background-size: 2.4rem;border: 0;top: 0;transform: unset;}
.terms-list .checkall-sub .chkSub .form-group input[type="checkbox"]:checked + label:before{background-image: url(/assets/img/co/form-check-sm-on.svg);top: 0;transform: unset;}
.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: 1.6rem 1.6rem 1.6rem 4.8rem;border-radius: 0.4rem;border: 0.1rem solid #ccc;}
.btn-term.form-group input[type="checkbox"] + label.chk-small:before{transform: unset;top: 1.6rem;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"]: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;margin: 0 -0.4rem;}
/*  20230116 우리차고 팝압수정*/
.form-group-tab.poparea{display:flex;align-items: center;margin: 0 -0.4rem;flex-flow: row wrap;}

/*20230221 우리차고 충전소 팝업*/
.form-group-tab.poparea .form-group{ width: 30%; margin-top: 1rem !important;}
.form-group-tab.elecOil{display:flex;align-items: center;justify-content: space-between;margin: 0 0.4rem;flex-flow: row wrap;}
.form-group-tab.elecOil .charge{background: url(/assets/img/sg/charge01.svg) 92% 1.5rem no-repeat;background-size: 2.8rem auto;}
.form-group-tab.elecOil .charge{ width: 49%; margin-bottom: 0.5rem;display: flex;justify-content:space-between;align-items:flex-start;padding:1rem !important; border:1px solid #c8e1de ; border-radius: 0.4rem; background-color:#eafffc ; }

.badge.gray-borderele{display: inline-block; padding: 0 0.8rem;background-color: #eafffc;border: 0.1rem solid #999; margin: .5rem .2rem 0 0 !important; color: #111;}
.badge.gray-borderele.ing{ color: #fff!important;border: 0.1rem solid #0748fb;background-color: #0748fb;}
.form-group-tab.elecOil .charge ul li:nth-child(1){ color:  #1490ef;font-weight: 600; }
.form-group-tab.elecOil .charge ul li:nth-child(2){ color:  #1490ef; font-size: 1.6rem; font-weight: 600; }
.form-group-tab.elecOil .charge ul li:nth-child(3){ color: #888;  font-size: 1.2rem; }

.form-group-tab.elecOil .charge.navy { border-color: #0748fb; background-color:#fff;}
.form-group-tab.elecOil .charge.navy li{ color: #0748fb !important;}

.form-group-tab.elecOil .ic_charge{width: 3rem;height: 3rem;}
.form-group-tab.elecOil .ic_charge.sleep{background: url(/assets/img/sg/charge01.svg) 50% 50% no-repeat;background-size: 3rem auto; }
.form-group-tab.elecOil .ic_charge.ing{background: url(/assets/img/sg/charge02.svg) 50% 50% no-repeat;background-size: 3rem auto; }
.membership{ display: inline-flex; flex-wrap: wrap}
.membership span{  background-color: #eee; padding: .5rem 1rem; margin: .5rem; border-radius: 1rem; white-space: nowrap; color: #111;}

.form-group-tab.scroll-x{justify-content: initial;}
.form-group-tab .form-group{width:100%;margin: 0 0.4rem;}
.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: 4rem;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-block;}
.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 [type=radio] + label.whitebox:before{border-radius: 0.4rem;border-color: #fff;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;}
.form-group-tab.medium .form-group{flex: 1 1 0;width: auto;}
.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;}

/* 금액 */
.form-group-tab.income .form-group{position: relative;margin-left: 0;margin-right: 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.wrap2{flex-wrap: wrap;}
.form-group-tab.wrap2 .form-group{width: calc(50% - 0.8rem);}
.form-group-tab.wrap2 .form-group:nth-child(n+3){margin-top: 0.6rem;}
.form-group-tab.wrap2 .form-group label{height: 4rem;}
.form-group-tab.wrap2 .form-group label span{font-size: 1.4rem;}
/* 차량관리 - (width 25%, font-size 28) */
.form-group-tab.wrap3{flex-wrap: wrap;}
.form-group-tab.wrap3 .form-group{width: calc(33.33% - 0.8rem);}
.form-group-tab.wrap3 .form-group:nth-child(n+4){margin-top: 0.6rem;}
.form-group-tab.wrap3 .form-group label{height: 4rem;}
.form-group-tab.wrap3 .form-group label span{font-size: 1.4rem;}
/* 차량관리 - (width 25%, font-size 28) */
.form-group-tab.wrap4{flex-wrap: wrap;}
.form-group-tab.wrap4 .form-group{width: calc(25% - 0.8rem);}
.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{font-size: 1.4rem;} */
/* .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: 4rem;height: 2.4rem;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: 2rem;width: 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(1.6rem);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-item .tab-wrap + .tab-wrap{margin-top: 1.6rem;}
.form-group-item .tab-wrap.accordion .tab-cont{margin-top: 0.8rem;}
.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, .label{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.6rem;}
.form-group-item .label + .form-group-tab,
.form-group-wrap .label + .form-group-tab{margin-top: 1.6rem;}
.form-group-item input{width: 100%;height: 3.6rem;padding: 0.3rem 2.8rem 0.5rem 0;font-size: 1.6rem;color: #111;/*20220524 디자이너 요청에의한 컬러변경*/
	border: 0;border-bottom: 0.1rem solid #ccc;margin-bottom: 1px;font-weight: 400;}
.form-group-item input.fontset{ font-weight: 700; font-size: 2.3rem;text-align: right;padding-right: 2.8rem; color: #1490ef;}
.form-group-item input.square{width: 100%;height: 8.6rem;padding: 0.3rem 2.8rem 0.5rem 0;font-size: 1.6rem;color: #111;/*20220524 디자이너 요청에의한 컬러변경*/
	border: 0.1rem solid #ccc;margin-bottom: 1px;font-weight: 400;}
.form-group-item input.cb::placeholder{color:#111;}
.form-group-item input.square{width: 100%;height: 8.6rem;padding: 0.3rem 2.8rem 0.5rem 0;font-size: 1.6rem;color: #111;/*20220524 디자이너 요청에의한 컬러변경*/ border: 0;border: 0.1rem solid #ccc;margin-bottom: 1px;font-weight: 400;}

.form-group-item .select-btn + input{margin-top: 1.6rem;}
.form-group-item input:focus:not(:read-only){border-bottom-color: #666;outline: none;}
.form-group-item.error input{border-bottom-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: transparent;color: #999;-webkit-text-fill-color: #999;-webkit-opacity: 1;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: 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: 100vw;}
.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;right: 0;bottom: 0.7rem;width: 6.7rem;height: 2.9rem;font-size: 1.2rem;line-height: 2.9rem;color: #fff;text-align: center;background: #1490ef;border-radius: 2.5rem;}
.form-group-wrap[class*='certif'] .btn:disabled {background: #eee;color: #ccc;}
.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.code .txtprice{position: absolute;bottom: 1rem;right: 0;color: #000;font-size: 1.4rem;font-weight: 400;line-height: 1;}

/* 금액선택 라디오 */
.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;border-bottom: 0.1rem #ccc solid;}
.form-group-item .fake-input input{border-bottom: none;}

/* 주민등록번호 */
.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 input:focus{border-bottom: none;}
.fake-input.regi > div:nth-of-type(2)::before{content: '';width: 0.6rem;height: 0.1rem;display: block;position: absolute;bottom: 1.8rem;left: -2rem;background-color: #111;}
.fake-input.regi input.inpRegiNo2s.single{width: 1.8rem;padding-right: 0;}

.fake-input.regi input.inpRegiNo2s.single::-webkit-input-placeholder{display: block;background-image: url(/assets/img/co/input-dotline.svg) ;background-size: 1.2rem 1.2rem;background-position: 0.1rem 0.7rem; /*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.8rem;}

.fake-input.regi .mask-sm{display: inline-block;margin-top: 1.2rem;margin-right: 0.4rem;width: 1.2rem;height: 1.2rem;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;}



/* icon set */
[class^=ico-]{display: inline-block;}
[class^=ico-done-],
[class^=ico-empty-]{width: 10rem;height: 10rem;margin-bottom: 2.4rem;display: flex;justify-content: center;background-position: 50% 50%;background-repeat: no-repeat;background-size: 10rem auto;}
.ico-done-won-car{background-image: url(/assets/img/co/ico-done-won-car.png);}
.ico-done-congra{background-image: url(/assets/img/co/ico-done-check.svg);}
.ico-done-no-data{background-image: url(/assets/img/co/ico-done-no-data.svg);}
.ico-done-no-notice{background-image: url(/assets/img/co/ico-done-no-notice.svg);}
.ico-done-exclam-mark{background-image: url(/assets/img/co/ico-done-exclam-mark.svg);}
.ico-done-notice{background-image: url(/assets/img/co/ico-done-notice.svg);}
.ico-done-member{background-image: url(/assets/img/co/ico-done-member.svg);}
.ico-done-dormancy{background-image: url(/assets/img/co/ico-done-dormancy.svg);}
.ico-done-call-center{background-image: url(/assets/img/co/ico-done-call-center.svg);}
.ico-done-no-alert{background-image: url(/assets/img/co/ico-done-no-alert.svg);}
.ico-done-alert{background-image: url(/assets/img/co/ico-system-alert.svg);}
.ico-done-withdrawal{background-color: #eeefef;background-image: url(/assets/img/co/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(/assets/img/co/ico-done-mobile-shake.svg);	animation-name: tago;animation-delay: 1s;animation-duration: 2s;animation-iteration-count: infinite;animation-fill-mode: both;}
.ico-time {   width: 1.6rem; height: 1.6rem; display: flex; justify-content: center; background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.6rem auto; background-image: url(/assets/img/co/ico-time.svg);}
@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);	}
}

/* 통합한도조회하기 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(/assets/img/co/ico-st-newcar.svg);background-size: 2rem auto;}
.ico-st-oldcar{background-image: url(/assets/img/co/ico-st-oldcar.svg);background-size: 1.9rem auto;}
.ico-st-loan{background-image: url(/assets/img/co/ico-st-loan.svg);background-size: 1.5rem auto;}
.ico-st-prod{background-image: url(/assets/img/co/ico-st-prod.svg);background-size: 1.8rem auto;}
.ico-st-conversion{background-image: url(/assets/img/co/ico-st-conversion.svg);background-size: 2rem auto;}
.ico-st-rent{background-image: url(/assets/img/co/ico-st-rent.svg);background-size: 2.05rem auto;}
.ico-st-lease{background-image: url(/assets/img/co/ico-st-lease.svg);background-size: 2.0265rem auto;}

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

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

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

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

.btn-share{position: relative;display: inline-block;width: 2.4rem;height: 2.4rem;background: url(/assets/img/co/ico-share.svg) 50% 50% no-repeat;background-size: 2.4rem 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;border-radius: 2.5rem;font-size: 1.1rem;font-weight: 400;color: #111;/* line-height: 1.8rem; */
	text-align: center;}
.badge.gray{padding: 0 0.8rem;background-color: #eee;border: 0.1rem solid #eee;}
.badge.gray-border{padding: 0 0.8rem;background-color: #fff;border: 0.1rem solid #ccc;}
.badge.blue{padding: 0 0.8rem;background-color: #1490ef;color: #fff !important;}
.badge + .badge{margin-left: 0.6rem;}
.data .badge + .badge{margin-left: 0.6rem;}
.event-wrap{margin-top: -1rem;}

/* event-info */
.event-info{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{display: flex;}
.event-sort .btn-sort{padding: 0 0.6rem;position: relative;font-size: 1.4rem;display: inline-flex;align-items: center;background-color: transparent;}

.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.6rem;}
.event-filter .btn{width: 2.4rem;height: 2.4rem;padding: 0;}
.event-filter .btn-gallery{background-image: url(/assets/img/co/ico-filter-thum-on.svg);background-repeat: no-repeat;background-position: 50%;background-size: 100%;}
.event-filter .btn-gallery.type-list{background-image: url(/assets/img/co/ico-filter-list-on.svg);background-repeat: no-repeat;background-position: 50%;background-size: 100%;}

/* event-list */
.event-list{margin-top: 1.2rem;padding:0;}
.event-list > li + li{margin-top: 4rem;}
.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 .cont-area{margin-top: 1.6rem;}
.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: 1.2rem;}
.event-list .cont .title{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 .cont-area .date{margin-top: 0.2rem;color: #999;font-size: 1.2rem;}
.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: 1px solid #eee;}
.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: flex;padding: 2rem 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;}
.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: 4rem;padding:0;}
.event-entry-list > li{border-bottom: 1px solid #eee;}
.event-entry-list > li:first-of-type{border-top: 1px solid #eee;}
.event-entry-list > li > a{position: relative;width: 100%;display: block;padding: 2rem 0;color: #111;}
.event-entry-list .title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 1.6rem;font-weight: 700;}
.event-entry-list .item-list{margin-top: 0.8rem;}
.event-entry-list .item-list > li{display: flex;font-weight: 400;font-size: 1.2rem;color: #999;}
.event-entry-list .item-list > li + li{margin-top: 0.3rem;}
.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;}
.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 -2rem 4rem;}
.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(/assets/img/co/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: 2.4rem 2rem;}
.event-view .tit-area .btn-share{position: absolute;top: 2.4rem;right: 2rem;}
.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: 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{width: calc(100% + 4rem);margin-left: -2rem;}
.event-view .detail-area > div{padding: 0 2rem;}
.event-view.done .img-area .belong{background: #111;}
.event-view.done .tit-area .d-day{color: #999;}


/* tab menu */
/* 20230111 추가*/
.tab-wrap { width: 100%;}
.tab-btn ul, .tab-btn-th2 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-th2 ul {padding: 0;}
.tab-btn li, .tab-btn-th2 li {list-style: none;float: left;width: 100%;text-align: center;}
.tab-btn li a, .tab-btn li button, .tab-btn.oil li button, .tab-btn-th2 li a, .tab-btn-th2 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; display: flex;justify-content: center;}
.tab-btn li.active, .tab-btn-th2 li.active  {position: relative;}
.tab-btn li.active a, .tab-btn li.active button {color: #111;font-weight: 700;}
/* 2023223 추가*/
.tab-btn.fixed{position: fixed; top: 5.9rem;}
.tab-btn.oilfixed {position: fixed;top:8rem; width: 100%;  z-index: 10; background-color: #fff;margin-left: -2rem;margin-right: -2rem; top:5.9rem;padding-top: 2rem;}
.tab-btn-th2.fixed { position: fixed;  background-color: #fff;z-index: 10; width: 100%;margin-left: -2rem;margin-right: -2rem; padding: 0 2rem;top:10.7rem }
.depthTwo{ padding:1.4rem 2rem 2rem 2rem;}
.depthTwo ul{border-bottom: 0 solid #eee !important;}
.depthTwo li.active  button{ color:#1490ef;}
.event-btn li.active::after, .tab-btn li.active::after, .tab-btn.oil li.active button::after {content: '';width: 100%;height: 0.2rem;background-color: #1490ef;position: absolute;bottom: 0;left: 0;z-index: 1;}
.depthtree { overflow: hidden;display: flex;justify-content: space-around;margin:6rem -2rem -0.1rem  -2rem;padding: 0 2rem;border-bottom: 0rem solid #eee !important;}
.depthtree li{margin:0 0.6rem !important; display: flex;flex-grow: 1; align-items: center;width:100%;}
.depthtree li button{height: 3.5rem;padding: 0 1rem;border-radius: 1.75rem;line-height: 3.5rem;white-space: nowrap;width: 100%;background-color: #eee;}
.depthtree li .active{color: #fff;background-color: #1490ef;border-bottom: 0 !important;}
.depthtree li.active button{color: #fff;background-color: #1490ef;border-bottom: 0 !important;}

.oilmap_box{margin:2rem 0;padding:1rem  1.6rem ;border-radius: 0.8rem;background: #fff;box-shadow: 0 0.4rem 3rem 0 rgb(0 0 0 / 8%);display: flex;justify-content:space-between;align-items: center;}
.oilmap_box div:nth-of-type(1){ font-size: 1.5rem; }
.oilmap_box div:nth-of-type(1)::before {content: '';display: inline-block; width: 1.4rem; height: 1.4rem; background-image: url(/assets/img/sg/ico-sb-oil.svg) ;background-repeat: no-repeat;background-position:0 ;background-size: 100%; opacity: .5; margin-right: .5rem; }
.oilmap_box div:nth-of-type(1) span{font-weight: 700; display: inline-block; padding: 0 0.5rem;}

.oilmap_box .desc{ letter-spacing: 0rem;  display: flex;justify-content: flex-end;}
.oilmap_box .desc.red::before {content: '';display: block; width: 1rem; height: 1rem; background-image: url(/assets/img/sg/red.svg) ;background-repeat: no-repeat;background-position:0;background-size: 100%; margin-right: .5rem; margin-top: 0.5rem;  }
.oilmap_box div:nth-of-type(1) span.blue, .oilmap_box .desc.blue, .blue{color: #0050ff;}
.oilmap_box div:nth-of-type(1) span.red, .oilmap_box .desc.red, .red{color: red;}
.oilmap_box .desc.blue::before {content: '';display: block; width: 1rem; height: 1rem; background-image: url(/assets/img/sg/blue.svg) ;background-repeat: no-repeat;background-position:0;background-size: 100%; margin-right: .5rem; margin-top: 0.5rem;  }
.oilmap_container{position: relative; background-color: #eee; display: flex; flex-grow: 1;height: calc(100vh - 25rem); margin-bottom : -12rem;}

.area_box{margin:2rem 0;padding: 1rem 0 2rem 0;border-radius: 0.8rem;background: #fff;box-shadow: 0 rgb(0 0 0 / 8%);display: flex;flex-direction: column; border: 0.0 solid #f1f1f1;}
.area{ display: flex; justify-content:start; margin: 1rem 0 ; padding: 0;box-shadow:0; font-size: 1.5rem; color:#111; font-weight: 600;}
.area  div:nth-of-type(1)::before {content: '';display: inline-block; width: 1.4rem; height: 1em; background-image: url(/assets/img/sg/ico-sb-oil.svg) ;background-repeat: no-repeat;background-position:100% 100%;background-size: 100%; margin-right: 0rem;}
.area_box .table td{ background-color: #fff;}


.oilred{display: inline-block; color:red;padding-left: 1rem;}
.oilred::before {content: '';display: inline-block; width: 1rem; height: 1rem; background-image: url(/assets/img/sg/red.svg) ;background-repeat: no-repeat;background-position:0;background-size: 100%; margin-right: .5rem; margin-top: 0.5rem;}
.oilblue{display: inline-block; color:blue;padding-left: 1rem;}
.oilblue::before {content: '';display: inline-block; width: 1rem; height: 1rem; background-image: url(/assets/img/sg/blue.svg) ;background-repeat: no-repeat;background-position:0;background-size: 100%; margin-right: .5rem; margin-top: 0.5rem;}

.oilData{position:relative;width:7.6rem;height:6.2rem;background-repeat:no-repeat;background-size:100%;padding:.5rem .7rem;color: #111;line-height: 1.6rem;}
.oilData span{ display:block;font-weight:700;}
.oilData.red01 span{  color:#e5483d;}
.oilData.red02 span{  color:#e5483d;}
.oilData.blue01 span{ color:#1490ef}
.oilData.blue02 span{  color:#1490ef}
.oilData.red01{background-image: url(/assets/img/sg/oilred.svg)}
.oilData.red02{background-image: url(/assets/img/sg/oilred2.svg);padding:1.8rem .7rem ;}
.oilData.blue01{background-image: url(/assets/img/sg/oilblue.svg)}
.oilData.blue02{background-image: url(/assets/img/sg/oilblue2.svg);padding:1.8rem .7rem ;}

.tab-btn-area .tab-btn.oil{ position: fixed;width: calc(100% + 0.15rem);border-radius: 0; box-shadow:none;box-shadow: 0  rgb(0 0 0 / 0); padding:1rem 2rem 0 2rem ; min-height:5rem; }
.tab-btn-area .tab-btn.oil.fixed {position: fixed;top:5.9rem; }
.tab-btn-area .tab-btn.oil::before  { content: '';width: 2rem;height: 4rem;position: absolute;top: 0;left: -3rem;background: linear-gradient(to left,rgba(255,255,255,0),#fff 83.34%);z-index: 2;}
.tab-btn-area .tab-btn.oil::after  { content: '';width: 2rem;height: 4rem;position: absolute;top:0;right:-3rem;background: linear-gradient(to right,rgba(255,255,255,0),#fff 83.34%);z-index: 2;}
.tab-btn-area .tab-btn.oil > ul{display: flex; min-height: 2rem; justify-content: center;}
.tab-btn-area .tab-btn.oil > ul:first-child{border-bottom: 0.1rem solid #eee;}
.tab-btn-area .tab-btn.oil li  { float: none;display: inline-block;width: auto;min-width: 6.5rem;border-radius: 0;background: none;margin: 0 0.15rem; flex-grow: 1;justify-content: center;}

.tit-side h2{margin-top: 1rem;margin-bottom: 0.1rem;font-size: 2.4rem;font-weight: 700;word-break: keep-all; color: #111;}
.mycar-side{display: flex;justify-content: space-between;}
.mycar-side h3{display: inline-block;line-height: 1;font-size: 1.6rem;font-weight: 700;color: #111;line-height: 150%;margin-bottom: 1rem;}

.gauge-val2  { display:flex;font-size: 1.4rem;justify-content: space-between;align-items: center;margin-bottom: 1.2rem;color: #111;}
.gauge-val2:nth-of-type(2)  { margin-top: 0.5rem;padding-top: 0;border-top: 0 solid #eee;}
.gauge-val2 .val  { font-size: 1.2rem;}
.gauge-val2 .val strong  { font-size: 2rem;color: #111 !important;font-weight: 700;}

.tab-btn-area{margin-right: 1.3rem;}
.tab-btn-area .tab-btn.side, .downside{box-shadow:none;border-radius: 0; box-shadow: 0  rgb(0 0 0 / 0);  padding:0 !important ; }
.tab-btn-area .tab-btn.side::before  { content: '';width: 2rem;height: 4rem;position: absolute;top: 0;left: -10rem;background: linear-gradient(to left,rgba(255,255,255,0),#fff 83.34%);z-index: 2;}
.tab-btn-area .tab-btn.side::after{ right: -20rem;}
/* .tab-btn-area .tab-btn.side::after  {   content: "";width: 2.4rem;height: 2.4rem;display: block;position: absolute;top: 1rem;right: 0;background: #fff url(/assets/img/co/ico-accordion-arrow.svg) center center no-repeat;background-size: 2.4rem;} */

.tab-btn-area .tab-btn.side > ul{ margin-top: -3.8rem;z-index: 300;}
.tab-btn-area .tab-btn.side > ul,  .downside{display: flex; min-height: 2rem; justify-content:flex-start; flex-wrap: wrap;}
.tab-btn-area .tab-btn.side > ul:first-child{border-bottom:0 solid #eee;}
.tab-btn-area .tab-btn.side li, .downside li { float: none;display: inline-block;width: auto;border-radius: 0;background: none;margin: 0.3rem 0.5rem;display: flex;justify-content: left;border: 0;  font-weight: normal;}
.tab-btn-area .tab-btn.side ul li a, .downside li a { min-width:7.4rem}
.downside{overflow: hidden; height: 4.3rem;font-size: 1.3rem; width:100%; color: #666;  }
.downside li{ margin: 0 .3rem;}

.tab-cont{width: 100%;box-sizing: border-box;border-radius: 0 0 4px 4px;}
.tab-cont .form-wrap{margin-top: 0;}
.tab-cont .section + .section{margin-top: 6rem;}

/* 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-top: 1.2rem; */
    padding-right: 2.4rem;}
.tab-wrap.accordion .tab-btn.tab-magazin{margin-right: -2rem;padding-right: 0rem;}/*원카매거진용 값변경*/
.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.tab-magazin ul:after{width: 1.8rem;right: 0;}/*원카매거진용 값변경*/

.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(/assets/img/co/ico-accordion-arrow.svg);background-size: 2.4rem;}
.tab-wrap.faq.accordion .tab-btn{position: fixed;top: 6rem;left: 2rem;width: 100%;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.accordion .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.accordion .tab-btn.open ul{flex-wrap: wrap;}
.tab-wrap.accordion .tab-btn ul li{float: none;display: block;width: auto;border-radius: 0;background: none;margin-bottom: 0.8rem;margin-left: 0.8rem;}
.tab-wrap.accordion .tab-btn ul li:first-child{margin-left: 0;}
.tab-wrap.accordion .tab-btn ul li:last-child{padding-right: 1rem;}
.tab-wrap.accordion .tab-btn.open ul li:last-child{margin-right: 0;padding-right : 0;}
.tab-wrap.accordion .tab-btn.open ul{padding: 0 0 0 2rem;}
.tab-wrap.accordion .tab-btn.open ul li{margin-left: 0rem;margin-right: 0.8rem;}

.tab-wrap.accordion .tab-btn li.active a,
.tab-wrap.accordion .tab-btn li.active button{color: #fff;background-color: #1490ef;}
.tab-wrap.accordion .tab-btn li.active::after{display: none;}
.tab-wrap.accordion .tab-btn ul li a,
.tab-wrap.accordion .tab-btn ul li button{height: 3.5rem;padding: 0 1rem;border-radius: 1.75rem;line-height: 3.5rem;white-space: nowrap;min-width: 6.5rem;background-color: #eee;}

.tab-wrap.accordion .tab-btn.open{height: auto;}
.tab-wrap.accordion .tab-cont{/* margin-top: 3.2rem; */
    margin-top: 2.5rem;}
.tab-wrap.faq.accordion .tab-cont{margin-top: 8.3rem;}

/*211130 tab 슬라이드 영역 수정 */
/* list */
.list{list-style: none;}
.list.expand, .expand{width: calc(100% + 4rem);margin-left: -2rem;}
.list li{position: relative;display: flex;align-items: center;border-bottom: 1px #eee solid;padding: .4rem;/* gap: 1rem; */}
.list li:first-of-type{border-top: 1px #eee solid;}
.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{flex-direction: column;align-items: flex-start;border: 0;font-size: 1.2rem;color: #666;padding-bottom: 1rem;}
.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 h2{font-size: 1.4rem;font-weight: 700;color: #111;text-align: left;}
.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: 1rem;}
.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;}

/* 전호 정보 */
.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;display: flex;}
.pagination [class^=pg]{width: 3rem;height: 3rem;}
.pagination [class^=pg] + [class^=pg]{margin-left: 0.8rem;}
.pagination a{display: flex;justify-content: center;align-items: center;text-align: center;}
.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,
.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;}

.dot li{ font-size: 1.3rem;}
.dot.fs14 li{ font-size: 1.4rem;}
.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: 0.8rem;left: 0;display: block;width: 0.4rem;height: 0.4rem;background: #666;border-radius: 100%;}
.dot.sky li::before{ background: #1490ef;}

.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;}

/* dot_blue 파란색 리스트 점 - 20240201 LYE */
.dot_blue li {
	list-style: none;
	position: relative;
	padding: 0 0.5rem 0 0; /* 다른 li와 넓이 통일성을 위해 추가함 */
	left: 1rem;
}
.dot_blue li::before {
	content: "•";
	color: #1490ef; /* 파란색 blue */
	position: absolute; /* 부모 요소(li)에 상대적으로 위치 */
	left: -1rem;
	top: 0;
	font-size: 15px; /* 기본 li의 dot보다 크기가 작게 나와서 폰트사이즈 설정함. */
}

/**********
* Page Components
**/

/* 완료 */
.done-wrap{height: calc(100vh - 14rem);margin-top: -2rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.done-wrap .done-icon [class^=ico-]{animation-duration: 1s;animation-fill-mode: both;animation-name: fadeIn;}
.done-wrap .done-text{min-height: 11.3rem;width: 100%;animation-duration: 1s;animation-fill-mode: both;animation-delay: 0.3s;animation-name: fadeIn;}
.done-wrap.alert-system .done-text{min-height: auto;}
.done-wrap .done-text > p{margin-bottom: 1.6rem;text-align: center;font-size: 2rem;font-weight: 700;letter-spacing: -0.05em;color: #111;}
.done-wrap .done-text-desc{text-align: center;font-size: 1.4rem;}
.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: 1.6rem;}
.done-wrap .done-text-box{margin: 4rem 0;margin-bottom: 0.6rem;background-color: #f8f8f8;border-radius: 0.6rem;padding: 1.6rem;}
.done-text-box .done-list{display: flex;justify-content: space-between;align-items: flex-start;}
.done-text-box .done-list + .done-list{padding-top: 1.6rem;}
.done-text-box .title{margin-bottom: 0;text-align: left;color: #666666;}
.done-text-box .text{color: #111;margin-bottom: 0;text-align: right;}
.done-text-box a.text{padding-top: 0.1rem;font-weight: 700;line-height: 1.2;border-bottom: 0.1rem solid #111;}
.done-text-box .text + .title{margin-top: 1.2rem;}
/* done-wrap type02 */
.done-wrap.type02{height: auto;margin: 4rem 0;}
.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;}
.modal-body .done-wrap.type02{margin-top: 0;}

.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%;}
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,
.search-btn{position: relative;display: block;width: 100%;height: 3.6rem;padding: 0.3rem 2.8rem 0.5rem 0;text-align: left;font-size: 1.6rem;font-weight: 300;color: #111;/*20220524 디자이너요청에 의한 컬러변경*/
	border-bottom: 0.1rem solid #ccc;box-shadow: none;background: none;}
.select-btn{height: auto;}
.select-btn .placeholder,
.search-btn .placeholder{color: #ccc;}
.select-btn:after{content: '';position: absolute;top: 50%;right: 0;display: inline-block;width: 2rem;height: 2rem;background: url(/assets/img/co/ico-select.svg) 50% 50% no-repeat;background-size: 2rem 2rem;transform: translateY(-50%);}
.search-btn:after{content: '';position: absolute;top: 50%;right: 0;display: inline-block;width: 2.4rem;height: 2.4rem;background: url(/assets/img/co/ico-search.svg) 50% 50% no-repeat;background-size: 2.4rem 2.4rem;transform: translateY(-50%);}
.select-btn:disabled,
.select-btn:disabled + .label,
.search-btn:disabled,
.search-btn:disabled + .label{color: #ccc;}
.select-btn:disabled:after{background-image: url(/assets/img/co/ico-select-disabled.svg);}
.search-btn:disabled:after{background-image: url(/assets/img/co/ico-search-disabled.svg);}

.form-group-item.selected input{border-bottom: 0;padding-right: 8.4rem;}

.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{margin-top: 1.4rem;}
.select-content .select-option{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;}
.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{/* gap: 0; */
	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;     */
	padding: 0;/* 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(/assets/img/co/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:first-of-type{border-top: 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 .tit{color: #666666;flex-shrink: 0;}
.select-content .txt{margin-top: 0.6rem;color: #666;flex-grow: 1;text-align: right;}
.select-content .list > li > .select-option:hover,
.select-content .list > li.active > .select-option{background:#f5fbff}
.select-content .list > li > .select-option:hover::after,
.select-content .list > li.active > .select-option::after{content: '';position: absolute;top: 50%;right: 2rem;left: auto;display: inline-block;width: 2.4rem;height: 2.4rem;background: url(/assets/img/co/ico-check.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;margin: 0 -0.4rem;margin-bottom: -1.6rem;}
.select-content.select-ico ul.list > li:first-of-type{border: none;}
.select-content.select-ico .list > li > button,
.select-content.select-ico.affordable-phone .list > li label{display: flex;flex-direction: column;padding: 0;padding-bottom: 1.6rem;margin: 0;text-align: center;font-size: 1.2rem;color: #666666;line-height: 1.5;letter-spacing: -0.032em;}

.select-content.select-ico .list > li > button:hover,
.select-content.select-ico .list > li.active > button {font-weight:700;color:#111;background-color: transparent;}

.select-ico .list > li.active > button > i{background-color: #f5fbff;border: 1px solid #1490ef;}

.select-content.select-ico .list > li > button:hover:after,
.select-content.select-ico .list > li.active > button::after,
.select-content .list.color-img-list > li > button:hover::after,
.select-content .list.color-img-list > li.active > button::after{display:none;}
.select-content.select-ico .list > li{width: 20%;height: auto;padding: 0 0.4rem;border-bottom: none;align-items: flex-start;}
.select-ico  [class*="ico-"]{width: 100%;margin: 0;border-radius: 0.8rem;background: #f4f4f4 50% 50% no-repeat;border: 1px solid #f4f4f4;font-size: 0;margin-bottom: 0.8rem;padding-bottom: 100%;}
.select-ico.affordable-phone [class*="ico-"]{border-radius: 0.4rem;}
.select-content.select-ico .form-group label:before{display: none;}
.select-content.select-ico .select-optgroup .tit{margin-bottom: 1.6rem;}

/* 색상선택 */
.color-name-box{margin-top: 1.6rem;text-align: center;}
.color-name-box .txt{margin-top: 0;text-align: center;}
.select-content .list.color-img-list{display: flex;flex-wrap: wrap;justify-content: flex-start;margin: -1.6rem -0.4rem 0;}
.select-content .list.color-img-list > li{width: 20%;height: auto;margin: 1.6rem 0 0;padding: 0 0.4rem;border-bottom: none;align-items: flex-start;}
.select-content .list.color-img-list > li:first-of-type{border-top: none;}
.select-content .list.color-img-list li .select-option{flex-direction: column;align-items: flex-start;padding: 0;background: none;text-align: left;width: 100%;margin: 0;font-size: 1.4rem;}
.select-content .list.color-img-list .ico-color{background-color: #f2f4f3;border-radius: 0.8rem;overflow: hidden;/* height: 5rem; */
	padding-bottom: 100%;position: relative;border: 0;}
.select-content .list.color-img-list .ico-color[style*='background-color:#ffffff']::after{border: 0.1rem solid #ccc;}
.select-content .color-img-list li.active .select-option .ico-color[style*='background-color:#ffffff'],
.select-content .color-img-list li:hover .select-option .ico-color[style*='background-color:#ffffff']:hover{border: none;}
.select-content .list.color-img-list > li.active > .select-option:hover::after,
.select-content .list.color-img-list > li > .select-option:hover::after{display: none;}
.select-content .list.color-img-list .ico-color::after{content: '';width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;border-radius: 0.8rem;}
.select-content .list.color-img-list .ico-color > img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.select-content .color-img-list .select-option .ico-color::after{border: 0.1rem solid transparent;}
.select-content .color-img-list li.active .select-option .ico-color::after,
.select-content .color-img-list li:hover .select-option .ico-color::after{border: 0.1rem solid #1490ef;}

/* 아이콘 형태 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(/assets/img/co/ico_no.svg);background-size: 2.4rem auto;}
/* 브랜드 아이콘 */
.ico-brand.hyundai{background-image: url(/assets/img/co/ico-brand-hyundai.svg);}
.ico-brand.kia{background-image: url(/assets/img/co/ico-brand-kia.svg);}
.ico-brand.genesis{background-image: url(/assets/img/co/ico-brand-genesis.svg);}
.ico-brand.chevrolet{background-image: url(/assets/img/co/ico-brand-chevrolet.svg);}
.ico-brand.renault{background-image: url(/assets/img/co/ico-brand-renault.svg);}
.ico-brand.ssangyong{background-image: url(/assets/img/co/ico-brand-ssangyong.svg);}
.ico-brand.etc{background-image: url(/assets/img/co/ico-brand-etc.svg);}
.ico-brand.benz{background-image: url(/assets/img/co/ico-brand-benz.svg);}
.ico-brand.bmw{background-image: url(/assets/img/co/ico-brand-bmw.svg);}
.ico-brand.audi{background-image: url(/assets/img/co/ico-brand-audi.svg);}

.select-ico .ico-brand.hyundai{background-size: 2.8rem auto;}
.select-ico .ico-brand.kia{background-size: 2.45rem auto;}
.select-ico .ico-brand.genesis{background-size: 3.22rem auto;}
.select-ico .ico-brand.chevrolet{background-size: 2.9rem auto;}
.select-ico .ico-brand.etc{background-size: 1.8rem auto;}
.select-ico .ico-brand.renault{background-size: 2.5rem auto;}
.select-ico .ico-brand.ssangyong,
.select-ico .ico-brand.benz,
.select-ico .ico-brand.bmw{background-size: 2.2rem auto;}
.select-ico .ico-brand.audi{background-size: 2.56rem auto;}

/* 카드사 선택 */
.select-content .ico-card{background-image: url(/assets/img/co/ico_no.svg);background-size: 2.4rem auto;}
.select-content .ico-card.woori{background-image: url(/assets/img/co/ico-company-woori.svg);background-size: 2rem auto;}
.select-content .ico-card.lotte{background-image: url(/assets/img/co/ico-company-lotte.svg);background-size: 2.1rem auto;}
.select-content .ico-card.bc{background-image: url(/assets/img/co/ico-company-bc.svg);background-size: 2.1rem auto;}
.select-content .ico-card.samsung{background-image: url(/assets/img/co/ico-company-samsung.svg);background-size: 2.87rem auto;}
.select-content .ico-card.shinhan{background-image: url(/assets/img/co/ico-company-shinhan.svg);background-size: 2.1rem auto;}
.select-content .ico-card.hyundai{background-image: url(/assets/img/co/ico-company-hyundai.svg);background-size: 2.78rem auto;}
.select-content .ico-card.hana{background-image: url(/assets/img/co/ico-company-hana.svg);background-size: 2.1rem auto;}

.select-content .ico-card.kb{background-image: url(/assets/img/co/ico-company-kb_4x.png);background-size: 2.1rem auto;}
/* 은행 선택 */
.select-content .ico-bank{background-image: url(/assets/img/co/ico_no.svg);background-size: 2.4rem auto;}
.select-content .ico-bank.woori{background-image: url(/assets/img/co/ico-company-woori.svg);background-size: 2rem auto;}
.select-content .ico-bank.shinhan{background-image: url(/assets/img/co/ico-company-shinhan.svg);background-size: 2.1rem auto;}
.select-content .ico-bank.hana{background-image: url(/assets/img/co/ico-company-hana.svg);background-size: 2.1rem auto;}
.select-content .ico-bank.kb{background-image: url(/assets/img/co/ico-company-kb_4x.png);background-size: 2.1rem auto;}

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

.select-content.select-ico.large .list > li,
.select-content.select-ico.affordable-phone .list > li{width: 33.33%;}


/* 차량 선택 */
.select-ico .ico-car{background-image: url(/assets/img/co/ico_no.svg);background-size: 7.2rem auto;}
.select-ico .ico-car.sonata{background-image: url(/assets/img/co/ico_no.svg);background-size: 7.2rem auto;}
.select-ico .ico-car.ionoq{background-image: url(/assets/img/co/ico-ionoq.png);background-size: 7.2rem auto;}
.select-ico .ico-car.grandig{background-image: url(/assets/img/co/ico-grandig.png);background-size: 7.2rem auto;}
/* 연료 선택 */
.select-ico .ico-fuel{background-image: url(/assets/img/co/ico_no.svg);background-size: 2.4rem auto;}
.select-ico .ico-fuel.electric{background-image: url(/assets/img/co/ico-electric.svg);background-size: 2.4rem auto;}
.select-ico .ico-fuel.gasoline{background-image: url(/assets/img/co/ico-gasoline.svg);background-size: 2.4rem auto;}
.select-ico .ico-fuel.diesel{background-image: url(/assets/img/co/ico-diesel.svg);background-size: 2.4rem auto;}
.select-ico .ico-fuel.lpg{background-image: url(/assets/img/co/ico-lpg.svg);background-size: 2.4rem auto;}
.select-ico .ico-fuel.hybrid{background-image: url(/assets/img/co/ico-hybrid.svg);background-size: 2.4rem auto;}
/* 인증기관 아이콘(3개 나열) */

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

/* 인증기관 아이콘 */
.ico-certi.pay{background-image: url(/assets/img/co/ico-certi-pay.svg);background-size: 6.12rem auto;background-color: #ffeb00 !important;border: 0.1rem solid #ffeb00;}
.ico-certi.pass{background-image: url(/assets/img/co/ico-certi-pass.png);background-size: 5.25rem auto;background-color: #ff3a4a !important;border: 0.1rem solid #ff3a4a;}
.ico-certi.toss{background-image: url(/assets/img/co/ico-certi-toss.svg);background-size: 6.81rem auto;background-color: #0050ff !important;border: 0.1rem solid #0050ff;}
.ico-certi.kakao{background-image: url(/assets/img/co/logo_kakao.png);background-size: 6.12rem auto;background-color: #ffeb00 !important;border: 0.1rem solid #ffeb00;}

/* 알뜰폰 */

.select-ico.affordable-phone [class*="ico-"]{background-size: 7.6rem auto;}

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

/* 공통 - 로고없음 */
.ico-brand.noico, .ico-company.noico, .ico-card.noico{background-image: url(/assets/img/co/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;}

/* 오토할부 계산기 */
.calcHeader {
	font-size: 1.9rem;
	font-weight: 500;
	width: 100%;
    height: 6rem;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
}
.calcHeader h1 {
    background-color: #fff;
    border: 0.1rem solid rgba( 255, 255, 255, 0 );
    font-size: 1.9rem;
    font-weight: 500;
    width: 100%;
    text-align:center;
}
.calcBtn {
    display: flex;
	width: 100%;
    position: fixed;
    left:0;
    right:0;
    bottom: 0;
    z-index: 2;
}
#calcPopUp{display:none;}
.calc_popup {
	overflow: scroll;
    height: calc(100% - 60px);
    position: fixed;
    padding: 1.5rem 2rem;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1050; /* 알럿 팝업 z-index가 1060이라 그 미만으로 설정해야함. */
}
.user_tit{border: none;}
.num_unit{
	right:0;
	font-size:17px;
	font-weight:400;
	display:inline-block;
	position:absolute;
	top:37px;
}
.ft_c_red{color: #e5483d !important;font-size: 1.5rem;word-break: break-all;}
.ft_c_red.ft_12 mark{margin:16px; }
span .mark{color: red;}
.calc_result-con .calc_result{display:flex;flex-direction:column;align-items:center;}
.calc_result-con .calc_result .txt{font-size:1.8rem;}
.tit-h2 + .txt_s_1{margin-top:-3rem;}
.header-btn-close{background-image: url(/assets/img/co/ico-full-close.png);background-size: 100%;}
.form-group-item input.calcContext{padding-right: 5rem;text-align: right;} /* 오토할부계산기 인풋  */

/* 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.expand.accordion li{position: relative;padding: 0;}
.list.accordion .result-list.line li{flex-direction: row;padding: 1.4rem 0;}
.list.expand.accordion .list-tit{position: relative;padding: 2rem 5rem 2rem 2rem;font-weight: 700;}
.list.expand.accordion li .list-tit:after{content: "";	width: 2.4rem;height: 2.4rem;	display: block;position: absolute;top: 2.7rem;right: 2rem;background:#fff url(/assets/img/co/ico-accordion-arrow.svg) center center no-repeat;background-size: 2.4rem;}
.list.expand.accordion li.active .list-tit:after{transform: rotate(180deg);}

.list.expand.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.expand.accordion .active .list-tit .title{overflow: initial;text-overflow: initial;display: -webkit-box;-webkit-line-clamp: initial;-webkit-box-orient: initial;}
.list.expand.accordion .list-tit .date{display: block;margin-top: 0.5rem;font-size: 1.2rem;color: #999;font-weight: 400;}
.list.expand.accordion .list-tit .type{display: block;font-size: 1.6rem;color: #111;}
.list.expand.accordion .list-con{position: relative;display: none;padding: 2.4rem 2rem;}
.list.expand.accordion li.active .list-con{display: block;background: #f8f8f8;}

.list.expand.accordion.qna .list-con .con:before,
.list.expand.accordion.faq .list-con .con:before{content: 'A';flex: 0 0 auto;display: block;width: 2.4rem;height: 2.4rem;color: #5c5c5c;font-size: 1.6rem;font-weight: 800;text-align: left;}
.list.expand.accordion.qna .list-con .con,
.list.expand.accordion.faq .list-con .con{display: flex;/* gap: 1rem; */}

.list.expand.accordion.qna .list-tit p{margin-bottom: 0;}
.list.expand.accordion.qna .list-tit .title{display: inherit;margin-top: 1.6rem;color: #666;font-weight: 400;font-size: 1.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list.expand.accordion.qna li.active .list-tit .title{overflow: initial;text-overflow: initial;white-space: initial;}

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

/** 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.3rem;/* color: #333; */}
.dash > li::before, p.dash::before{content: '';position: absolute;top: 1rem;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(/assets/img/co/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: 2.4rem;font-weight: 700;word-break: keep-all;}
.tit-h3{display: flex;align-items: center;/* margin-top: 6rem; */
	margin-bottom: 3rem;font-size: 2.0rem;line-height: 1.5;font-weight: 700;}
.tit-h3 .mb0{margin-bottom: 0;}

.tit-h3 .flag{margin-right: 0.8rem;}
.tit-wrap{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.6rem;}
.tit-wrap [class^='tit-h']{margin-bottom: 0;}
.tit-wrap .count-set{display: flex;align-items: center;color: #999;}
.tit-wrap .count-set .count{color: #111;font-weight: 700;}
.tit-h4,
.tit-h4-02{/* margin-top: 4rem; */
	margin-bottom: 1.6rem;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.expand.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(/assets/img/co/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: 1rem;word-break: keep-all;color: #999;}

/** box **/
.gray-box { width: 100%;padding: 1.6rem;border-radius: 0.6rem; background: #f8f8f8;}
.gray-box.pd{  padding: 1.6rem  1.2rem  1.6rem  1.6rem; }
.gray-box.sky {  background: #E7F4FD;}
.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.2rem;color: #999;line-height: 1.5;}
.gray-box .text-list{color: #666666;}
.gray-box .small-txt{padding-top: 1.0rem;}
.small-txt .dash > li{margin-bottom: 1.0rem;padding-left: 1rem;}
.small-txt .dash > li, p.dash, .small-txt .dash > li::before, p.dash::before{color: #666666;}
.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: 1.4rem;}

/** 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;}
.form-group input[type="checkbox"] + label.chk-small:before{background: #fff url(/assets/img/co/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(/assets/img/co/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;}
.basic-slide .swiper-pagination-bullet-active{/* width: 2.8rem; */
	border-radius: 0.8rem;background-color: #666;}
.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;border-bottom: 1px solid #ddd;}
.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;}
.table td.lb{border-left: 1px solid #eee;}
.fssmall thead th, .fssmall td{font-size: 1.2rem;padding: 0.4rem 0.2rem; }
.fssmall thead th{background-color: #f8f8f8;}

/** 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{display: block;position: relative;width: 100%;padding: 2rem;background: #fff 0% 0% no-repeat padding-box;border-radius: 0.8rem;border: 1px solid #ccc;font-weight: 400;}
.card-credit-limit:nth-child(n+2){margin-top: 1.6rem;}
.card-credit-limit .card-credit-bank{/* width: 100%; */
	display: flex;justify-content: space-between;align-items: center;}
[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(/assets/img/co/bank-logo-woori.svg);}

.card-credit-bank i{background-color: #eeeeee;border-radius: 2.5rem;display:block;height: 1.8rem;line-height: 1.8rem;padding: 0 0.6rem;color:#111;font-style: normal;font-size: 1.1rem;}
.card-credit-bank i.type2{background-color: #fff;box-sizing: border-box;border: 0.1rem solid #ccc;line-height: 1.5;}
.card-credit-bank i::before{display:none;}
.card-credit-bank + .card-credit-title {margin-top: 0.6rem;}
.card-credit-title.icin{ background-image: url(/assets/img/sd/ico_13.svg);  background-size: 4.4rem auto; padding-left: 6rem; height: 80%; width: auto; background-repeat: no-repeat; }
.card-credit-title .desc{font-size: 1.4rem;color: #666;line-height: 1.2;}
.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: 2rem;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{color: #999999;font-weight: 400;}
.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: 2rem;}
.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: 1.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.1;}
.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;}
.card-credit-limit .card-credit-summary > div > span{font-weight: 400;font-size: 1.4rem;color: #666;}
.card-credit-limit .card-credit-summary .txt{color: #111;font-weight: 800;font-size: 2rem;}

.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{display: flex;margin-top: 1.9rem;margin-left: -2.1rem;margin-right: -2.1rem;margin-bottom: -2.1rem;}
.card-credit-btn > .btn{width: 100%;height: 4.8rem;padding: 0 0 0.2rem 0;font-size: 1.4rem;text-align: center;font-weight: 700;}
.card-credit-btn > .btn:first-of-type{border-radius: 0 0 0 0.8rem;}
.card-credit-btn > .btn:only-of-type{border-radius: 0 0 0.8rem 0.8rem;}
.card-credit-btn > .btn + .btn{border-radius: 0 0 0.8rem 0;}

.card-credit-btn .btn-consult,
.card-credit-btn .btn-detail,
.card-credit-btn .btn.stroke{border: none;border-top: 0.1rem solid #ccc;background: transparent;color: #111;}
.card-credit-btn > .btn.btn-share{position: relative;display: inline-block;width: 2.4rem;height: 2.4rem;background: url(/assets/img/co/ico-share.svg) 50% 50% no-repeat;background-size: 2.4rem auto;vertical-align: top;}

.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 .card-credit-btn .btn-loan{background: #1490ef 0% 0% no-repeat padding-box;color: #fff;}
.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;}

.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: 2.4rem;height: 2.4rem;background: url(/assets/img/co/ico-heart-white.svg) 50% 50% no-repeat;background-size: 2.4rem auto;}
.btn-heart.active{background-image: url(/assets/img/co/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,
.card-credit-limit.full.paid{background: #f8f8f8;}
.card-credit-limit.full.refusal .card-credit-section,
.card-credit-limit.full.refusal .card-credit-btn,
.card-credit-limit.full.paid .card-credit-btn{display: none;}
.card-credit-limit.full.refusal span.tit,
.card-credit-limit.full.refusal .txt span,
.card-credit-limit.full.refusal .txt .unit,
.card-credit-limit.full.paid span.tit,
.card-credit-limit.full.paid .txt span,
.card-credit-limit.full.paid .txt .unit{color: rgba(17, 17, 17, 0.24); /* #111 */}
.card-credit-limit.full.refusal span.date,
.card-credit-limit.full.paid span.date{color: rgba(153, 153, 153, 0.24); /* #999 */}
.card-credit-limit.full.refusal .summary-limit,
.card-credit-limit.full.refusal .summary-interest,
.card-credit-limit.full.refusal .summary-install,
.card-credit-limit.full.refusal .account-info .tit,
.card-credit-limit.full.paid .summary-limit,
.card-credit-limit.full.paid .summary-interest,
.card-credit-limit.full.paid .summary-install,
.card-credit-limit.full.paid .account-info .tit{color: rgba(102, 102, 102, 0.24); /* #666 */}
.card-credit-limit.refusal .account-info .btn-edit,
.card-credit-limit.paid .account-info .btn-edit{background-color: rgba(238, 238, 238, 0.24);color: rgba(17, 17, 17, 0.24);}
/* 큐레이션 카드 - 기존 한도 조회한 상품 */
.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(/assets/img/co/ico-edit.svg) 50% 50% no-repeat;background-size: 1.6rem;vertical-align: top;}/* 검은색+파란펜 */
.btn-edit.b1,
.gray-box .btn-edit{background-image: url(/assets/img/co/ico-edit-b.svg);}/* 검은색+검은펜 */
.btn-edit.w1{background-image: url(/assets/img/co/ico-edit-w.svg);}/* 흰색+흰펜 */
.btn-edit.w2,
.card-credit-limit .btn-edit{background-image: url(/assets/img/co/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.6rem;font-weight: 700;}
.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;font-size: 1.4rem;}
.result-list li:nth-child(n+2){margin-top: 1.2rem;}
.result-list li p{margin-bottom: 0;}
.result-list li .tit{/* display: block; */
	display: flex;align-items: center;min-width: 10rem;color: #666;}
.result-list li [class*='txt']{/* display: block; */
	font-weight: 400;text-align: right;word-break: keep-all;/* display: flex;align-items: center; */
	flex: 1;}
.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 .tit{font-weight: 400;color: #111;}
.deal-box .result-list li.highlight .tit{color: #666;}
.result-list li.highlight .txt{color: #111;}
.result-list li.highlight .txt strong{font-size: 2rem;font-weight: 800;line-height: 1;letter-spacing: -0.12rem;}
.result-list li.center{justify-content: center;}
/* .modal-body .result-list,
.modal-body .result-list.box{margin-bottom: 0;} */
.result-list.box{margin-bottom: 4rem;padding: 2rem;border-radius: 0.8rem;box-shadow: 0 0.4rem 3rem 0 rgba(0, 0, 0, 0.08);}
.result-list.box.gray{box-shadow: none;padding: 1.6rem;background: #f8f8f8;}
.result-list.box.gray li:nth-child(n+2){margin-top: 1.2rem;}
.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[class*='box'] li.total{padding-top: 1.6rem;border-top: 0.1rem solid #eee;}
.result-list[class*='box'] li.total .txt{font-size: 2rem;font-weight: 800;line-height: 1;}

.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{align-items: flex-start;margin-top: 0;padding: 1.4rem 0;border-bottom: 0.1rem solid #eee;}
.result-list.line.multiple{margin-bottom: 0;}
.result-list.line.multiple .tit{width: 10rem;}
.result-list.line.multiple .txt{min-width: calc(100% - 10rem);}
.result-list.line.multiple li>*:nth-child(n+3){margin-top: 1.4rem;}

/* .result-list.line li:first-of-type{padding-top: 0;} */
.result-list.line.title-centered li{align-items: center;}
.result-list.line.title-centered .tit{display: flex;justify-content: center;min-width: 10.2rem;font-size: 1.2rem;text-align: center;}
.result-list.line.title-centered .txt{display: flex;justify-content: center;text-align: center;flex: 1;}
.modal-body .form-group-item:last-child > :last-child,
.modal-body .form-wrap .form-group-item:last-child{margin-bottom: 0;padding-bottom: 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;}
.form-group-item + .form-combo{margin-top: 1.6rem;}

/* unit */
[class^="form-"] .symbol,
[class^="form-"] .unit,
[class^="form-"].distance .txt{font-size: 1.8rem;color: #999;}
[class^="form-"] .symbol{color: #111;}
div:not(.form-combo) .form-group-item .unit, .form-group-item.distance .txt {position: absolute;right: 0;bottom: 0.7rem;width: 3.2rem;}
div:not(.form-combo) .form-group-item .unit{ width:3.4rem;}

.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: 3.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{position: relative;margin-top: 4rem;margin-bottom: 4rem;}
.banner-wrap .banner{display: block;width: 100%;max-height: 26vw;border-radius: 0.5rem;overflow: hidden;}
.banner-wrap .banner:nth-of-type(n+2){margin-top: 1.2rem;}
.banner-wrap.expand{margin-top: 1.4rem;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: 0.9rem;width: 2rem;height: 2rem;padding: 0;border-radius: 50%;background: url(/assets/img/co/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;}
.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: 12.9rem;}
.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: 2rem;height: 2rem;display: inline-flex;}
.symbol.woorifcaptal,
.symbol.wooricard,
.symbol.wooribank{background: url(/assets/img/co/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 .nodata .box-con .txt,
.box-list .nodata .btn-wrap,
.box-list .box-con .txt.hide{display: none;}
.box-list .nodata .box-con .txt.hide{display: block;}
.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;}
.btn.white{background-color: #fff;border-radius: 0.4rem;}


/* 나의 대출한도 */
.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(/assets/img/st/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(/assets/img/co/ico-arrow-tail-circle.svg) center center no-repeat;background-size: contain;}

.my-credit-line .ico-st-newcar{background-image: url(/assets/img/co/ico-st-newcar-line.svg);background-size: 4.2rem auto;}
.my-credit-line .ico-st-oldcar{background-image: url(/assets/img/co/ico-st-oldcar-line.svg);background-size: 4.2rem auto;}
.my-credit-line .ico-st-loan{background-image: url(/assets/img/co/ico-st-loan-line.svg);background-size: 4.2rem auto;}
.my-credit-line .ico-st-prod{background-image: url(/assets/img/co/ico-st-prod-line.svg);background-size: 4.2rem auto;}
.my-credit-line .ico-st-conversion{background-image: url(/assets/img/co/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(/assets/img/co/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(/assets/img/co/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(/assets/img/co/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(/assets/img/co/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(/assets/img/co/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(/assets/img/co/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(/assets/img/co/header-btn-history-st.svg);/* -webkit-filter: invert(100%);filter: invert(100%); */}
.wrapper.st-wrap .header-btn-home{background-image: url(/assets/img/co/header-btn-home-st.svg);}
.wrapper.st-wrap .header{background: #1490ef 0% 0% no-repeat padding-box;border: none;}
.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;margin-top: 6rem;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;}
.st-wrap .container > .contents{display: flex;flex-direction: column;overflow: hidden;height: 100%;}
.wrapper.st-wrap .step-con{flex: 1;overflow: auto;overflow-x: hidden;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: 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;}
/*한도조회결과신규*/
.wrapper.st-wrap .step-con .box .icsmile{ display: flex; justify-content: space-between; background-color: #D6EAFF; border-radius: 1.2rem; padding:  1.6rem;}
.wrapper.st-wrap .step-con .tit-h22{margin-top: 0; font-size: 1.6rem;font-weight: 700;word-break: keep-all; line-height: 1.3; }
.wrapper.st-wrap .step-con .tit-h22 img{ width: 100%;}
.wrapper.st-wrap .step-con .notsmile{  width: 7.5rem;  align-self: center;position: absolute;top: 2rem; right: 3rem;}
.notdetail{ padding: 0 1rem 1rem 1.6rem;}
.fsw15{ font-size: 1.5rem;}
/*한도조회결과신규끝*/

/* 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{/* margin-top: 0.4rem; */
	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%;/* height: 9.8rem; */
	/* margin-top: 3rem; */
	display: flex;align-items: flex-start;justify-content: space-evenly;box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.08);border-radius: 1rem;}
.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.4rem;letter-spacing: -0.19rem;}
.credit-summary-thumb .pick .unit{letter-spacing: -0.084rem;}
.credit-summary-thumb .max-credit-limit{display: flex;flex-direction: column;align-items: flex-start;margin: 2rem 0;padding: 0 1.6rem;font-size: 3.2rem;line-height: 4.5rem;}
.credit-summary-thumb .max-credit-limit .pick{opacity: 0.8;}
.credit-summary-thumb .symbol-wrap{margin-top: 1.2rem;}
.credit-summary-thumb .symbol-wrap .badge{margin-top: 0;}
/* .credit-summary-thumb .badge{display: inline-flex;width: auto;height: 1.8rem;margin-top: 1.6rem;padding: 0rem 0.5rem;background: #EEEEEE 0% 0% no-repeat padding-box;border-radius: 2.5rem;font-size: 1.1rem;font-weight: 400;color:  #111111;line-height: 1.8rem;letter-spacing: -0.016rem
} */
.credit-summary-thumb .badge{margin-top: 1.2rem;}
.credit-summary-thumb .lowest-interests{display: flex;flex-direction: column;align-items: flex-start;margin: 2rem 0;padding: 0 1.6rem;font-size: 3.2rem;line-height: 4.5rem;color: #12c6f5;opacity: 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: 1.6rem -0.4rem 2rem;display: flex;justify-content: space-between;}
.credit-summary-top3 > div{width: 100%;flex: 1 1 auto;margin: 0 0.4rem;padding: 1.2rem;background: #fff 0% 0% no-repeat padding-box;box-shadow: inset 15px 15px 20px #ffffffcc, 5px 5px 30px #0000001a;border-radius: 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: 2rem;font-weight: 700;}
.credit-summary-top3 .pick .unit{font-size: 1.2rem;font-weight: 400;opacity: 1;}
.credit-summary-top3 .badge{/* width: auto; */
	margin-top: 1.2rem;/* padding: 0.3rem 0.5rem;background: #EEEEEE 0% 0% no-repeat padding-box;color: #111;font-weight: 400;line-height: 1.3rem; */
}
.credit-summary-top3 .credit-limit,
.credit-summary-top3 .interests{font-size: 2rem;font-weight: 700;line-height: 2.2rem;}
.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: calc(100% + 4rem);margin-left: -2rem;padding: 4rem 2rem;}
.credit-result .credit-unit{margin-bottom: 4rem;}
.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(/assets/img/co/login-type-sns-naver.svg);background-size: contain;background-position: 50% 50%;}
.sns-share-area .btn.btn-sns-kko i{background-image: url(/assets/img/co/login-type-sns-kakaotalk.svg);background-size: contain;background-position: 50% 50%;}
.sns-share-area .btn.btn-sns-fb i{background-image: url(/assets/img/co/login-type-sns-facebook.svg);background-size: contain;background-position: 50% 50%;}
.sns-share-area .btn.btn-sns-tw i{background-image: url(/assets/img/co/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;}
.tab-wrap .cart-list{margin-top: 4rem;}
.cart-list + .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-list .btn-wrap{margin-top: 1.6rem;}

/* 리스렌트 */
.cart-list.border-style{margin-bottom: 4rem;}
.modal-body .cart-list.border-style{margin-bottom: 0;}
.cart-list.border-style .card-credit-limit.active{border: 0.2rem solid #1490ef;}
.card-credit-top{margin-bottom: 1.6rem;padding-bottom: 1.6rem;border-bottom: 0.1rem solid #eee;}

/* 장바구니 상품 없을 때*/
.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 + .tab-wrap{margin-top: 4rem;}
.top-limit-info-bg.hide{display: none;}
.top-limit-info-bg .card-credit-summary{margin-bottom: 0.8rem;}
.top-limit-info-bg .tit-area{display: flex;flex-direction: column;font-weight: 700;color: #111111;}
.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-top: 1.4rem;}
.top-limit-info-bg .tit-area .txt{font-size: 1.6rem;line-height: 1.5em;font-weight: 700;}
.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: 2rem;font-weight: 800;/* display: flex; */
	align-items: baseline;line-height: 1.1;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{/* font-size: 1.4rem; font-weight: 400; */
	padding-left: 0.2rem;/* color: #111; */}
.card-credit-summary.list .txt .summary-limit-value.pick,
.card-credit-summary.list > div > span[class*='-value'].pick{color: #1490ef;font-size: 2rem;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;}

/* 테슬라 */
.tab-btn-area .tab-btn.tesla.fixed {position:fixed;top:0;box-shadow:none;padding:1.8rem 2rem 1rem 2rem;font-size:1.7rem; background-image:none;border-radius:0; z-index:10 ;}
.tab-btn-area .tab-btn.tesla.fixed .logo{display: flex;padding-bottom:1rem; justify-content:space-between;}
.tab-btn-area .tab-btn.tesla.fixed .logo li:nth-of-type(1){Max-width: 85rem;text-align: left; }
.tab-btn-area .tab-btn.tesla.fixed .logo li:nth-of-type(2){text-align: right;color:#046aad; font-size: 1.4rem; font-weight: 700;}
.tab-btn-area .tab-btn.tesla.fixed img{max-width:13rem;}
.tab-btn-area .tab-btn.tesla > ul{display: flex;min-height:1rem;justify-content:center;}
.tab-btn-area .tab-btn.tesla > ul:nth-child(2){border-bottom: 0.1rem solid #eee;}
.tab-btn-area .tab-btn.tesla li{float:none;display:inline-block;width: auto;min-width: 6.5rem;border-radius: 0;background: none;margin: 0 0.15rem;flex-grow: 1;justify-content:center;Max-width: 42.5rem;}
.tab-btn.tesla li.active button::after {content: '';width: 100%;height: 0.3rem;background-color: #1490ef;position: absolute;bottom:0;left:0;z-index:1;font-weight: 800;}

.dotline{position: relative;display: block;width: 100%;margin:0;font-size: 1.2rem;border-top: .12rem solid #ddd;}
.dotline li{ font-size: 1.2rem; border-bottom: .12rem solid #ddd; padding: .5rem ;}
.teslagray-box {width: 100%;padding:.8rem ;border-radius: 0.6rem;background-color: #f8f8f8; }
.teslagray-box .star{ color: #666; font-size: 1.3rem; padding: .2rem;}
.pc{ display: flex;justify-content: center; flex-direction: column;align-items: center;margin-top: 3rem;}
.tesla_contents{position: relative;min-height: 100%;max-width: 84rem;}
.tesla-top{display: flex;font-weight: 700;color: #111111; justify-content: space-between;}
.tesla-top .form-group label {display: flex;justify-content: center;align-items: center;width: 100%;height: 3rem;min-width: 0;min-height: 0;padding-left: 0;line-height: initial;padding: 0 2rem;}
.tesla_contents > h2{margin-top: 2rem;margin-bottom:.5rem;font-size: 2.4rem;font-weight: 700;word-break: keep-all;color: #111111;}
.tit-h4 + .text-list{ margin-top:-1rem;}
.lease{display: flex;align-items: center;justify-content: space-between;margin: 0  0 2rem 0 ;flex-flow: row wrap;}
.lease div{  width: 48.5%;margin-bottom:1rem;display: flex;justify-content:center;align-items:center;padding: 1rem !important;border:0.12rem solid #BFCFE2;border-radius:0.4rem;background-color:#EEF5FE;color: #111;font-weight:600;font-size:1.35rem;box-shadow:0 .3rem  .3rem 0 rgba(0, 0, 0, 0.08);text-align: center; align-self: stretch;}
.leasecar{display: flex;align-items:center;justify-content:space-between;margin:0 0 1rem 0 ;flex-flow:row wrap;}
.leasecar .model{width: 48.5%;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;padding:1rem  1.5rem !important;border:0.12rem solid #ddd;border-radius:0.4rem;background-color:#fff;flex-direction: column;}
.tesla_contents h4{margin-bottom: 1rem;font-size:1.4rem;font-weight:700;color:#111;}
.pole-contents h4{margin-bottom: 1rem;font-size:1.4rem;font-weight:700;color:#111;} /* 폴스타 하단 안내문구  */
.floating-wrap.tesla{position:fixed;padding-top:3rem;width:100%;display:flex;justify-content: center; } /* 테슬라 맨하단버튼고정 */
.floating-wrap.tesla button{ max-width: 83.8rem;}
.tesla-info{ color: #777; font-size: 1.3rem; font-weight: 400;}
.heavyline {height: 1rem;margin: 3rem -2rem 2rem -2rem;background-color: #eee;}

.tesla-list{width: 100%;}
.tesla-list li{display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 1.4rem;}
.tesla-list.box{margin-bottom:1rem;}
.tesla-list.box.gray{box-shadow: none;padding: 1rem;}
.tesla-list[class*='box'] li .tit{font-size: 1.3rem;}
.tesla-list[class*='box'] li:nth-child(n+2){margin-top: .3rem;}
.tesla-list[class*='box'] li .total{padding-top: 1.6rem;border-top: 0.1rem solid #eee;}
.tesla-list[class*='box'] li .txt{font-size: 1.4rem;line-height: 1;color: #111;}
.model .titT{display: flex;align-self: flex-start; color: #111;font-size: 1.4rem; font-weight: 500;}
.model .price{display: flex;justify-content: flex-end;color:#1490ef;font-size: 1.8rem; font-weight: 800; border-top:.12rem solid  #ddd;width: 100%; padding-top: .8rem;}
.leasecar .img-area  { margin: 0 0 1rem 0;; }
.leasecar .img-area img  { width: 100%;display: block; max-width: 20rem;}
.leasecar .img-area > img  { display: block;}
.tesla-credit-summarywrap{position: relative;border-radius:.8rem;background: #ffffff;box-shadow: 0 0.1rem .8rem 0  rgba(17, 17, 17, 0.08) !important; border: 1px solid #eee; display: flex; flex-direction: column; padding: 1rem 0.8rem; margin: 3rem 0;}
.tesla-credit-summary.list{display: flex; flex-direction: row; }
.tesla-credit-summary.list > div{padding:.6rem 1rem ;display: flex; flex-direction:column;justify-content: center;width: 33%;}
.tesla-credit-summary.list > div + div{border-left: 0.1rem solid #eee;}
.tesla-credit-summary.list > div > .summary-interest{font-size: 1.2rem;color:#333;line-height: 1.5em;letter-spacing: -0.032em;font-weight: 500;}
.tesla-credit-summary.list > div > .summary-interest-value{font-size: 1.5rem;color: #111;line-height: 1.5em;letter-spacing: -0.032em;font-weight: 700;color: #1490ef; line-height: 1.2;}
.tesla-credit-btn .btn.stroke {border:none;border-radius:0;border:0.1rem solid #ccc;border-right:0;background: transparent;color: #111;}
.tesla-credit-summarywrap h4{  padding-left: 1rem;}


.tesla-credit-limit {position: relative;width: 100%;background: #fff 0% 0% no-repeat padding-box;font-weight: 400; display: flex; flex-direction: column;justify-content: flex-end; max-width: 85rem;}
.tesla-credit-btn > .btn {width: 100%;height: 4.8rem;padding: 0 0 0.2rem 0;font-size: 1.4rem;text-align: center;font-weight: 700;border-radius: .4rem;max-width: 41.8rem !important}
.tesla-credit-limit .tesla-credit-btn .btn-loan{background:#1490ef 0% 0% no-repeat padding-box;color: #fff;}
.tesla-credit-limit .tesla-credit-btn .btn-loan:last-child{margin-left:0.6rem;}
.tesla-credit-btn {display:flex;margin:0;}
.tesla-credit-limit p{ color:#E22734 ; width: 50%; text-align: center;float: right; font-weight: 600; margin-bottom: 1rem; height: 1.8rem;align-self: flex-end;}


.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; white-space: nowrap; table-layout: fixed;}
.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;}


/*240220 테슬라 전용관 아이폰 바텀 수정*/

.teslaT > div { display: flex;width: 100%;    height: 150px;place-content: space-between;}
.teslaT-l {width: 50%;text-align: center;}
.teslaT-r {display: grid;width: 50%;}
.teslaT-r .t-td {display: flex; margin-bottom: 1rem;    align-items: center;}

.teslaT-r .t-td > span:first-child {padding: 0 1rem;font-size: 1.2rem; padding: 0.2rem 0.3rem; height: 2rem;min-width: 60px; text-align: center;}
.teslaT-r .t-con > div {display: flex; margin-bottom: 1rem;}
.teslaT-r .t-con > div:last-child {margin-bottom: 0;}
.teslaT-r .t-con > div > span:first-child {min-width: 60px;text-align: center;}

.tab-cont > div:nth-child(2) .t-td span{font-size: 1.2rem; padding: 0;height: 2rem; }
.tab-cont > div:nth-child(2) .t-td span:nth-child(2){width: 100%;    text-align: center; }

/* 테슬라 전용관*/
.flexcenter{ display: flex; justify-content: center;}
.container .contents.tspd {padding: 6rem 0 6rem 2rem !important;display: flex;flex-direction: column;max-width: 84rem;}
.tsbggray{background-color: #333;}
.tsbggray h1{color: #fff;}
.header-btn-historyW{background-image: url(/assets/img/sd/ico_back.svg);background-position: 0 center;background-size: 2.2rem auto}
.header-btn-homeW{background-image: url(/assets/img/sd/ico_home.svg);background-position: 100% center;background-size: 2.2rem auto;}
.tsbggray h2{ color:#fff; font-size: 1.6rem; margin-bottom: .8rem;}
.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: 35rem; width: calc(100%-3rem); cursor: pointer;}

.teslaroom ul li:nth-of-type(1) {background: url(/assets/img/sd/model3.png) 100% 0 no-repeat; background-size: 102%;}
.teslaroom ul li:nth-of-type(2) {background: url(/assets/img/sd/modelY.png)  100% 0 no-repeat; background-size: 102%;}
.teslaroom ul li:nth-of-type(3) {background: url(/assets/img/sd/modelXX.png) 100% 0 no-repeat; background-size: 102%;}
.teslaroom ul li:nth-of-type(4) {background: url(/assets/img/sd/modelSS.png) 100% 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;}
.teslawrap li:nth-of-type(1), .teslawrap li:nth-of-type(3){ margin-right: 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 .tit{ padding-bottom: 1rem; color:#fff;}
.teslawrap li i  { width: 10rem;height: 5rem;border-radius: 0;background-color: #fff;background-size: 4rem 4rem;background-position: 50% 0;}
.teslawrap li .tesla3 {background: url(/assets/img/sd/teslain3.png) 100% 0 no-repeat; background-size: 102%;}
.teslawrap li .teslaS {background: url(/assets/img/sd/teslainS.png) 100% 0 no-repeat; background-size: 102%; }
.teslawrap li .teslaX {background: url(/assets/img/sd/teslainX.png) 100% 0 no-repeat; background-size: 102%;}
.teslawrap li .teslaY {background: url(/assets/img/sd/teslainY.png) 100% 0 no-repeat; background-size: 102%;}
.img-banner{ border-radius: .8rem; margin: 0 auto;}
.img-banner img{width: 100%;border-radius: .8rem;}

.teslaoption{ display: flex;width: 100%; height:auto;padding-right: 2rem; margin-bottom: 2rem; }
.teslaoption img{ width: 100%;border-radius: .4rem;}
/* 20230517 테슬라 팝업라운드추가 */
.teslamodel{ display: flex;flex-direction: column;border: 1px solid #ddd; border-radius: 1rem; padding:2rem 0.5rem;height: 100%;justify-content: center;}

/* 20230524 truck */
.truckfixed {position:fixed;top:0;box-shadow:none;padding:1.8rem 0 0 0;font-size:1.7rem; background-image:none;border-radius:0; display: block;z-index: 2; background-color: #fff; width: 100%;}
.truckfixed .logo{display: flex; justify-content:space-between;}
.truckfixed .logo li:nth-of-type(1){Max-width: 85rem;text-align: left; }
.truckfixed .logo li:nth-of-type(2){text-align: right;color:#046aad; font-size: 1.4rem; font-weight: 700;}
.truckfixed img{max-width:13rem;}
.tab-btn-area .tab-btn.tesla > ul{display: flex;min-height:1rem;justify-content:center;}
.tab-btn-area .tab-btn.tesla > ul:nth-child(2){border-bottom: 0.1rem solid #eee;}
.tab-btn-area .tab-btn.tesla li{float:none;display:inline-block;width: auto;min-width: 6.5rem;border-radius: 0;background: none;margin: 0 0.15rem;flex-grow: 1;justify-content:center;Max-width: 42.5rem;}
.tab-btn.tesla li.active button::after {content: '';width: 100%;height: 0.3rem;background-color: #1490ef;position: absolute;bottom:0;left:0;z-index:1;font-weight: 800;}


.container .contentstruck {position: relative;min-height: 100%;padding: 0 2rem 0 2rem;overflow: auto;overflow-x: hidden;max-width: 85rem; margin-left: auto; margin-right: auto;}
.truckfixed{display: flex;padding-bottom:0;justify-content:center;Max-width:85rem;margin-left:-2rem;margin-right:-2rem;    height: 6rem;}
logo img{Max-width:5rem;}
.truck-credit-limit{display: block;position: relative;width: 100%;padding: 2rem;background: url(/assets/img/sd/truckbg.png) repeat-x 0 0;;border-radius: 0.8rem;font-weight: 400; text-align: center; }
.truck-credit-limit:nth-child(n+2){margin-top: 5.6rem;}
.truck-credit-title{ display: flex; flex-direction: column; justify-content: center; text-align: center;}
.truck-credit-title .tit{margin-top: 1.3rem;margin-bottom: 1rem;font-size:3rem; color: #fff; font-weight: 700; letter-spacing: -.2rem; line-height: 1.1;}
.truck-credit-title .txt{font-size: 1.4rem;font-weight: 400;color: #fff;line-height: 1.2}
.truck-credit-btn br, .floating-wrap .btn br, .step br, .grayboxpdleft br, .txt br{display:none;}
.truck-credit-limit img{ width: 70%;padding-top: 2rem; max-width: 35rem;}

.truck-credit-btn{display: flex;margin-top: 1.9rem;margin-left: -2rem;margin-right: -2rem;margin-bottom: -2rem;}
.truck-credit-btn > .btn{width: 100%;height: 4.8rem;padding: 0 0 0.2rem 0;font-size: 1.4rem;text-align: center;font-weight: 700;}
.truck-credit-limit .truck-credit-btn .btn-loan{background: #00788A 0% 0% no-repeat padding-box;color: #fff;}
.truck-credit-limit .truck-credit-btn .call{background-color: #08B5D0;border: 0.1rem solid #ccc;color: #fff;}
.truck-credit-limit .truck-credit-btn .btn-limit{background-color: #fff;}

.btn.xltruck {width: 100%;height: 6rem;padding: 0;font-size: 1.6rem;font-weight: 700;line-height: 1.2;letter-spacing: -0.05em;color: #ffffff;border-top: 1px #08B5D0 solid;border-right: 1px #08B5D0  solid;background-color: #08B5D0; margin-left: auto;margin-right:auto;}
.btn.xltruck.dark{ background-color: #00788A;}
.btn.xltruckw {width: 100%;height: 6rem;padding: 0;font-size: 1.6rem;font-weight: 700;line-height: 1.2;letter-spacing: -0.05em;color: #111;border-top: 1px #ccc solid;background-color: #fff;border-right: 1px #ccc solid;}

.truckstepwrap{}
.truckstepwrap .step{border-radius: 0.4rem;border:1px solid #ccc;background-color: #fff; font-size: 1.6rem; font-weight: bold; color: #111;padding:1rem .6rem; text-align: center; line-height: 1.3;display: flex; flex-direction: column;justify-content: center; align-items: center; }
.truckstepwrap .step img{width: 5rem;margin-top: .4rem;}
.truckstepwrap .arrow{ width: 3rem; display: flex;justify-content: center; align-items: center;}

/* 사진등록 */
.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(50% - 0.5rem);height: 24.86vw;}
.img-upload ul li:nth-child(n+3){margin-top: 1rem;}
.img-upload ul li .img-unit{position: relative;display: block;width: 100%;height: 100%;border-radius: 0.4rem;overflow: hidden;background-color: #f8f8f8;}
.img-upload ul li .img-unit img{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);}
.img-upload ul li .img-unit .btn-del{position: absolute;top: 0.8rem;right: 0.8rem;}
.img-upload ul li .btn-upload{position: relative;width: 100%;height: 100%;font-size: 0;border: 0.1rem dashed #ccc;border-radius: 0.4rem;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: 2.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: '';/* position: absolute; */
	top: 0;left: 0;display: block;width: 2.4rem;height: 2.4rem;background:  url(/assets/img/co/ico-accordion-arrow.svg);background-size: 2.4rem;}
.accordion.active .btn-acc:after{transform: rotate(180deg);border-top-color: #5c5c5c;}
.accordion .acc-content{display: none;}

/* 아코디언 더보기 버튼 추가<-기존에 공통에서 히든처리해서 추가  */
.tab-wrap .slide-btn-more{position: absolute;right: 0;top: 0.4rem;width: 2.4rem;height: 2.4rem;font-size: 1.6rem;font-weight: 700;border-bottom: 0;background: #fff;box-shadow: none;z-index: 1;}
.tab-wrap .slide-btn-more:after{transition: all 0.2s;}
.tab-wrap .slide-btn-more:after {	content: '';position: absolute;top: 0;left: 0;display: block;width: 2.4rem;height: 2.4rem;background: #fff url(/assets/img/co/ico-accordion-arrow.svg);background-size: 2.4rem;}
.tab-wrap.accordion .tab-btn.open .slide-btn-more:after{transform: rotate(180deg);}
.tab-wrap .acc-content{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;padding-left: 0.7rem;margin-left: 0.6rem;}
.v-bar:before{content: '';position: absolute;top: 50%;left: 0;display: block;width: 0.1rem;height: 1.1rem;background: #ccc;margin-top: -0.4rem;}

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

/* 내용없음 영역 */
.done-wrap.emp{height: auto;margin: 4rem 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;}
.ico-nodata{width: 6rem;height: 6rem;margin-bottom: 1.6rem;background: url(/assets/img/co/ico-nodata.svg) no-repeat 50% 50%;background-size: 6rem auto;vertical-align: top;}

/* 내용없음 in팝업 */
.modal-body .done-wrap.emp {margin: 4rem 0 0;}

.step-item{position:relative;display: block;padding: 1rem 2rem 1.5rem 6.8rem;}
.step-item .ico2-step {position: absolute;top: 1rem;left: 1rem;width: 4.6rem;height: 4.6rem;border-radius: 0.5rem;}
.step-item .ico2-step.step01{background:#fff url(/assets/img/sd/ico_16.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico2-step.step02{background:#fff url(/assets/img/sd/ico_msearch.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico2-step.step03{background:#fff url(/assets/img/sd/ico_6.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico2-step.step04{background:#fff url(/assets/img/sd/ico_7.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico2-step.step05{background:#fff url(/assets/img/sd/ico_8.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico2-step.step06{background:#fff url(/assets/img/sd/ico_11.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico2-step.step07{background:#fff url(/assets/img/sd/ico_9.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}

.step-item .ico3-step {position: absolute;top: 1rem;left: 1rem;width: 4.6rem;height: 4.6rem;border-radius: 0.5rem;}
.step-item .ico3-step.step01{background:#fff url(/assets/img/sd/ico3_06.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico3-step.step02{background:#fff url(/assets/img/sd/ico3_05.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico3-step.step03{background:#fff url(/assets/img/sd/ico3_04.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico3-step.step04{background:#fff url(/assets/img/sd/ico3_03.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico3-step.step05{background:#fff url(/assets/img/sd/ico3_02.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico3-step.step06{background:#fff url(/assets/img/sd/ico3_01.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}

.step-item .ico4-step {position: absolute;top: 1rem;left: 1rem;width: 4.6rem;height: 4.6rem;border-radius: 0.5rem;}
.step-item .ico4-step.step01{background:#fff url(/assets/img/sd/ico4_01.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico4-step.step02{background:#fff url(/assets/img/sd/ico4_02.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico4-step.step03{background:#fff url(/assets/img/sd/ico4_03.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico4-step.step04{background:#fff url(/assets/img/sd/ico4_04.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico4-step.step05{background:#fff url(/assets/img/sd/ico4_05.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico4-step.step06{background:#fff url(/assets/img/sd/ico4_06.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico4-step.step07{background:#fff url(/assets/img/sd/ico4_07.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico4-step.step08{background:#fff url(/assets/img/sd/ico4_08.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}

.step-item .ico6-step {position: absolute;top: 1rem;left: 1rem;width: 4.6rem;height: 4.6rem;border-radius: 0.5rem;}
.step-item .ico6-step.step01{background:#fff url(/assets/img/sd/ico6-01.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico6-step.step02{background:#fff url(/assets/img/sd/ico6-02.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico6-step.step03{background:#fff url(/assets/img/sd/ico6-03.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico6-step.step04{background:#fff url(/assets/img/sd/ico6-04.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico6-step.step05{background:#fff url(/assets/img/sd/ico6-05.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item .ico6-step.step06{background:#fff url(/assets/img/sd/ico6-06.svg) 50% 50% no-repeat;background-size: 3.8rem auto;}
.step-item span {display: block; color: #555;}
.step-item .stepnum {font-size: 1.2rem;letter-spacing: -0.032rem; display: inline;font-weight: 500;padding: 0.1rem 1rem 0.2rem 1rem;background: #1490EF;border-radius: 3rem; color: #fff;}
.step-item .info {display: block;font-size: 1.4rem;font-weight: 700;line-height: 1.2; padding-top: 0.4rem;}
.step-item .info_detail{font-size: 1.2rem;font-weight: nomal; counter-reset: #999; line-height: 1.2;}
.step-item span i{font-style: normal; color: #0050ff ;font-weight:bold; }
.step-item span i{font-style: normal; color: #0050ff ;font-weight:bold; }

.oil_Sort{height: 6rem;overflow: hidden; display: flex;justify-content: space-between;align-items: center;margin-bottom: -0.1rem;margin-left: -2rem;margin-right: -2rem;padding: 0 2rem;background-color: #fff; border-top:0.12rem solid #eee;}
.oil_grayline{height: 1rem;margin: -6rem -2rem 0 -2rem;background-color: #eee;}
.oil_Sort .map{display: flex; }
.oil_Sort .map .oil{ display: inline-flex;justify-content: center;align-items: center; }
.btn-map {height:3.6rem;border:0.12rem solid #999;border-radius:.4rem 0 0 .4rem;padding:1rem;width:3.4rem; height:3.4rem;background: url(/assets/img/sd/map.svg) 50% 50% no-repeat;background-size: 2.6rem auto;margin-left: 0.22rem;}
.btn-list {height:3.6rem;border:0.12rem solid #999;margin-left:-0.12rem ;border-radius:0 .4rem .4rem 0;padding:1rem;width:3.4rem; height:3.4rem;background: url(/assets/img/sd/ico_list.svg) 50% 50% no-repeat;background-size: 2.6rem auto;}
.btn-map.active { border:0.12rem solid #1490EF;    background-image: url(/assets/img/sd/map_a.svg); background-color: #F5FBFF;color: #1490EF;}
.btn-list.active { border-color:#1490EF;   background-image: url(/assets/img/sd/ico_list_a.svg); background-color: #F5FBFF;color: #1490EF;}
.oil-box {margin-bottom:1.6rem;padding:1.5rem  2rem;border-radius: 0.8rem;background: #fff;box-shadow: 0 0.4rem 3rem 0 rgb(0 0 0 / 8%);display: flex;justify-content:center;align-items: center; }

.charge-box{display: flex;align-items: center;justify-content: space-between;margin: 0 0.4rem;flex-flow: row wrap;}
.charge-box div {margin-bottom:1.6rem;padding: 1.4rem 2rem;border-radius:0.6rem;background: #fff;display: flex;color: #1490ef;justify-content:center;align-items: center; box-shadow: 0 0.4rem 2rem 0 rgb(0 0 0 / 8%);  width:48%;font-size: 1.6rem; flex-direction: column; border:0.12rem solid #f1f1f1;}
.charge-box{ display: flex; }
.charge-box div >span{ color: #111; font-weight: normal; font-weight: 600; font-size: 1.4rem; line-height: 150%;margin-right: .5rem;}

.oil-box div {display: flex;justify-content: stretch;align-items:center;border-left: 0.12rem solid #ccc;padding: 0 1.2rem; flex-direction: column; min-width: auto;font-size: 1.7rem; color: #1490ef; font-weight:700; width: 50%;}
.oil-box div:first-child{ border-left:0;border-left: 0.12rem  }
.oil-box div >span{ color: #666; font-weight: normal; font-size: 1.2rem; line-height: 150%;border: 0.12rem solid #ccc;padding: 0.2rem  1rem; border-radius: 1.5rem; background-color: #fff; margin-bottom: .5rem;}
.oilheight{height: calc(100vh - 17rem) !important;margin-top:10rem;}
.evheight{height: calc(100vh - 11rem) !important; margin-top : 4rem;}

.ic_map {margin-left:.5rem;width: 2.4rem;height: 2.4rem; }
.ic_map .btn{width: 2.4rem;height: 2.4rem;padding: 0; background-color: #f8f8f8;}
.ic_map .btn-infomap{background-image: url(/assets/img/sg/ic_map_sm.svg);background-repeat: no-repeat;background-position: 50%;background-size: 80%; }
.ic_map .btn-infocall{background-image: url(/assets/img/sg/ic_call_sm.svg);background-repeat: no-repeat;background-position: 50%;background-size: 52%; }
.btn-oilstore{display: block;width: 2.4rem;height: 2.4rem;background-image: url(/assets/img/sg/oilstore.svg);background-repeat: no-repeat;background-position: 50%;background-size: 100%; background-color:transparent !important;}
.btn-oilmap{display: block;width: 3rem;height: 3rem;background-image: url(/assets/img/sg/btn_oilmap.svg);background-repeat: no-repeat;background-position: 50%;background-size: 100%; background-color:transparent !important;}
.form-group-tab .form-group .cetify{display: flex;justify-content: center;align-items: center;width: 100%;height: 2.2rem !important; padding: 1rem !important;}

.oil-check { display: flex;justify-content:space-between;align-items: center;  width: 70%; margin-top: 2rem;}
/* 20230104 수정 패딩 4개일땨 박스벗어남 */
.oil-check button {display: flex;justify-content: space-between;align-items: center;border-left: 0;padding: 1rem 2rem; flex-direction: column;width: calc(33.3% - 0rem); min-width: auto;background-color: #f8f8f8;}
.oil-check button:first-child{  padding-left: 0; padding-right: 0;}
.oil-check button span{ width:3rem;height: 3rem;padding: 0; background-color: #f8f8f8;}
.repair, .clear, .self{ color: #333; opacity: .3; }

/* 20230104 수정 백그라운드수정 */
.repair.active, .clear.active, .self.active{ color: #000; opacity: 1;border-color: #dbdbdb;}
.repair span{background-image: url(/assets/img/sg/ic_address_01.svg) ;background-repeat: no-repeat;background-position: 100%;background-size: 100%; }
.clear span{background-image: url(/assets/img/sg/ic_address_02.svg) ;background-repeat: no-repeat;background-position: 100%;background-size: 100%;}
.self span{background-image: url(/assets/img/sg/ic_address_03.svg) ;background-repeat: no-repeat;background-position: 100%;background-size:80%; }

.woncarservice {margin: 2.8rem 0; width: 90%; margin-left: auto; margin-right: auto;}
.woncarservice > ul {display: flex;flex-direction: row;justify-content: space-between;flex-flow: wrap; width: 100%;}
.woncarservice li {position: relative;width: calc(24% - 0.7rem);display: flex;justify-content: center;}
.woncarservice.fivebox li {width: calc(20% - 0.7rem);}

.serviceic {position: relative;font-size: 1.5rem;color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;padding: 1rem 2rem 0.8rem 2rem;border-radius: 0.6rem;box-shadow: 0 0.1rem 1rem 0 rgb(0 0 0 / 10%); }
.serviceic i {width: 4rem;height: 4rem;border-radius: 0;background-color: #fff;background-size: 2.6rem 2.6rem;background-position: 50% 50%; background-repeat: no-repeat;}
.serviceic .ico-sb-kcar {background-image: url(/assets/img/sb/ico-sb-kcar.png);}
.serviceic .ico-sb-newcar {background-image: url(/assets/img/sb/ico-sb-newcar.svg);}
.serviceic .ico-sb-lease {background-image: url(/assets/img/sb/ico-sb-lease.svg);}
.serviceic .ico-sb-hot {background-image: url(/assets/img/sb/ico-sb-hot.svg);color: #eee;}
.serviceic .ico-sevice_01 { background-image: url(/assets/img/sa/sic_01.svg);}
.serviceic .ico-sevice_02 { background-image: url(/assets/img/sa/sic_02.svg);}
.serviceic .ico-sevice_03 { background-image: url(/assets/img/sa/sic_03.svg);background-size: 2.4rem 2.4rem;}
.serviceic .ico-sevice_04 { background-image: url(/assets/img/sa/sic_04.svg);}
.serviceic .ico-sevice_05 { background-image: url(/assets/img/sa/sic_05.svg);background-size: 2.4rem 2.4rem;}

.woncarservice .serviceic span {display: block;}
.woncarservice .serviceic .stit {font-size: 1.2rem;line-height: 1.5;color: #999;}
.woncarservice .serviceic .tit {font-size: 1.4rem;font-weight: 500;line-height: 1.5;color: #111;text-align: center;}
.woncarservice .serviceic .info .tit {display: inline-block;width: 4.2rem;color: #a3d2ec;margin-right: 0.6rem;}

.main_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 #fff;}
.main_btn li {list-style: none;float: left;width: 100%;text-align: center;background-color: #fff;}
.main_btn li a, .main_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;}
.main_btn li.active {position: relative;}
.main_btn li.active a, .main_btn li.active button {color: #111;font-weight: 700;}
.main_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 .form-wrap {margin-top: 0;}
.tab-cont .section + .section {margin-top: 6rem;}

.oilInfo{ display: flex;justify-content: space-between;align-items: flex-start; margin-bottom: 1rem; }
.oilInfo:last-child{ margin-bottom: 0;}
.oilInfo .title .tit-h3 { margin-top: 0.4rem;margin-bottom: 0;display: flex;align-items: center;font-size: 1.7rem;line-height: 1.5;font-weight: 500;}
.oilInfo .title .desc  { display: block;letter-spacing: -0.065rem;width: auto;color: #999;font-size: 1.2rem;font-weight: 400;}
.oilInfo .Num .tit-h3  { margin-top: 0.4rem;margin-bottom: 0;}
.oilInfo .Num .desc{ letter-spacing: 0rem; color: red; display: flex;justify-content: flex-end;}
.oilInfo .Num .desc.red::before {content: '';display: block; width: 1rem; height: 1rem; background-image: url(/assets/img/sg/red.svg) ;background-repeat: no-repeat;background-position:0;background-size: 100%; margin-right: .5rem; margin-top: 0.5rem;  }
.oilInfo .Num .desc.blue{color: #0050ff;}
.oilInfo .Num .desc.blue::before {content: '';display: block; width: 1rem; height: 1rem; background-image: url(/assets/img/sg/blue.svg) ;background-repeat: no-repeat;background-position:0;background-size: 100%; margin-right: .5rem; margin-top: 0.5rem;  }


/* 원카뉴스 */
.magazine_grayline{height: 1rem;margin:0 -2rem 4rem -2rem;background-color: #eee;}
.alert-list.news  { border-top: 1px solid #eee;margin-bottom: 2rem;}
.alert-list.news > li:last-child  { border-bottom:none;}
.alert-list.news > li  { padding: 0;}
/* .alert-list.news > li:first-child, .alert-list.news:last-child  { border-top: none;} */
.alert-list.news > li > a  { width: 100%; color: #999;display: block;padding: 0 0 2rem 0;}
.alert-list.news .cont  { margin-top: 1.6rem;}
.alert-list.news .cont .title  { display: -webkit-box;max-height: 4.8rem;font-size: 1.5rem;color: #111;margin-bottom: 0.2rem;font-weight: 500;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical;word-wrap:break-word;}
.alert-list.news .cont .date  { font-size: 1.2rem;line-height: 1.5;display: flex;align-items: center;}

.list.camp > .board-box{border:none}
.list.camp .board-box:first-of-type{border:none }
.list.ev > .board-box:last-child{border-bottom:none }
.megazine, .megazinecamp{display: inline-block;justify-content: space-between;align-items: center;position: relative;font-weight: 700;color: #111;width: 100%; font-size: 1.6rem; margin-bottom: 1.6rem; }
.megazine::after, .megazinecamp:after{content: '';position: absolute;top: 50%;right: 1rem;display: block;width: 1.2rem;height: 1.2rem;border-top: 0.1rem solid #111;border-right: 0.1rem solid #111;transform: translateY(-50%) rotate(45deg);}

.fix-wrap{position: relative;margin-top: 4rem;}
.fixbg{ background-position: 100%;}
.fixbg.01{  background-image: url(/assets/img/sg/fixbg_07.png)}

.banner-wrap .fix img{  display: block;  width: 100%;height:auto;   }

.bg_list2{background-color:rgb(126, 252, 252, 0.5)}

.modal.show .modal-dialog{ bottom: 0 ;}
.modal-dialog{border-radius: .5rem 1.5rem 0 0}
.popup_close{width: 100%;padding: 1.5rem 2rem;display: flex;justify-content: space-between;position: fixed;bottom: 0;left: 0;z-index: 1;background-color: #fff; }
.popup_close .popup-title{font-size: 1.4rem;color: #111;}
.popup_close button.close span {color: #111;font-size: 1.4rem !important;padding-left: 0;opacity: 1;font-weight: 400; opacity: 1 !important;}
.bt-text-div{height: 120px;}
.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;}

/* 캠핑카 구매 대출 - 20231114 */
.campingcar-form span{font-size: 1.6rem; font-weight:600; color: #000; margin:1.5rem 0;}
.campingcar-form p{font-size: 1.2rem; font-weight: 400; color: #666;margin: -2.1rem 0 0 15.7rem;}
.campingcar-tit{margin-bottom: 3rem;}

.campingcar-img{height: 20rem; margin-top: 4rem;}
.camping-txt{margin: 1.6rem 0;color: #028CED;font-size: 1.2rem;font-weight: 500;}
.camping-txt-list li { color: #333; padding-bottom: 0.5rem !important;}
.camping-txt-list li + li{margin-top: 0.5rem;}
.tit-cam{font-size: 1.4rem;line-height: 1.4;font-weight: 600;}

.camping-txt-list>.dot01 li:nth-of-type(1){ color: #000; font-weight: 500;}
.camping-txt-list>.dot01 li:nth-of-type(6){ color: #000; font-weight: 500;}
.camping-txt-list>.dot01 li:nth-of-type(7){ color: #000; font-weight: 500;}
.camping-txt-list>.dot01 li:nth-of-type(8){ color: #000; font-weight: 500;}

.camping-txt-list>.dot04 li:nth-of-type(5){ color: #000; font-weight: 500;}
.camping-txt-list>.dot04 li:nth-of-type(6){ color: #000; font-weight: 500;}
.camping-txt-list>.dot04 li:nth-of-type(7){ color: #000; font-weight: 500;}
.camping-txt-list .dot{margin: 1rem 0;}
.camping-wrap{ margin-left: -2rem;margin-right: -2rem;padding: 3rem 2rem;}
.campingcar-img{background-image: url(/assets/img/ca/camping-img.png) ;background-repeat: no-repeat;background-position:0;background-size: 100%;}

.ico01::before{content: '';display: inline-block;width: 2rem;height: 2rem;background-image: url(/assets/img/ca/camping-ico.png);background-repeat: no-repeat;background-position: 0;background-size: 100%;margin-right: 0.5rem;margin-bottom: -0.4rem;}
.ico01{line-height: 3.5rem;}
.txt-02{margin:-0.6rem 0 0 2.4rem;}