@charset "UTF-8";
/*@import url(./sa.css);*//* 메인 */
/*@import url(./so.css);*//* 로그인 */
/*@import url(./su.css);*//* 회원가입 */
/*@import url(./sn.css);*//* 고객센터 */
/*@import url(./sq.css);*//* 큐레이션 */
/*@import url(./sc.css);*//* 인증센터 */
/*@import url(./sm.css);*//* 마이페이지 */
/*@import url(./st.css);*//* 통합한도조회 */
/*@import url(./sp.css);*//* 알림 */
/*@import url(./sl.css);*//* 신용대출 */
/*@import url(./se.css);*//* 혜택/행사 */
/*@import url(./sd.css);*//* 대출하기 */
/*@import url(./sg.css);*//* 우리차고 */
/*@import url(./sb.css);*//* 차구입 */

/* @import url(./sa.css);*/
/* 메인 */
/* Main Intro */
.main-intro{position:fixed;top:0;left:0;display:block;padding:0;width:100%;height:100%;min-height:100%;overflow:hidden;z-index:3;}
.main-intro a{-webkit-tap-highlight-color:transparent;text-decoration:none;}
.main-intro.hidden{display:none;}
.main-intro .card-wrap{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100vh;background:rgba(17, 17, 17, .85);}
.main-intro .card{position:relative;display:block;padding:20px;width:100%;padding:24px;margin:4.425vw 0;border-radius:14px;background:#12c6f5;color:#fff;animation:card1 6s forwards infinite;}
.main-intro .card2{background:#0083cb;animation:card2 6s forwards infinite;}
.main-intro .card a{display:block;width:100%;height:100%;color:inherit;}
.main-intro .card .tit{display:block;margin-top:11vw;font-size:24px;font-weight:200;line-height:1.2;word-break:keep-all;}
.main-intro .card .tit b{font-weight:500;}
.main-intro .card .link-txt{position:relative;display:inline-block;margin-top:4.5vw;font-size:12px;font-weight:200;opacity:0.6;}
.main-intro .card .link-txt:after{content:'';display:inline-block;width:7px;height:7px;margin-left:3px;border-style:solid;border-width:1px 1px 0 0;border-color:#fff;transform:rotate(45deg);}
.main-intro .card .circle{position:relative;display:inline-block;width:30px;height:30px;border-radius:50%;background:rgba(51, 51, 51, .2);overflow:hidden;}
.main-intro .card .circle:after{content:"";position:absolute;top:3px;left:3px;display:block;height:24px;width:24px;background:#12c6f5;border-radius:50%;}
.main-intro .card2 .circle:after{background:#0083cb;}
.main-intro .card .circle > span{position:absolute;left:0;width:50%;height:100%;overflow:hidden;}
.main-intro .card .circle > span.right{left:50%;}
.main-intro .card .circle .fill{position:absolute;top:0;left:100%;width:100%;height:100%;border-radius:999px;background:#ffdd00;animation:6s linear infinite;transform-origin:0 50% 0;}
.main-intro .card .circle .left .fill{border-bottom-left-radius:0;border-top-left-radius:0;}
.main-intro .card .circle .right .fill{border-bottom-right-radius:0;border-top-right-radius:0;left:-100%;transform-origin:100% 50% 0;}
.main-intro .card1 .left .fill{animation-name:card1_l;}
.main-intro .card1 .right .fill{animation-name:card1_r;}
.main-intro .card2 .left .fill{animation-name:card2_l;}
.main-intro .card2 .right .fill{animation-name:card2_r;}
.main-intro .card:active,
.main-intro .card:active .circle:after{background:#08314a;}
.main-intro .card-wrap.selected .card,
.main-intro .card-wrap.selected .card .fill{animation:none;}
.main-intro .card-wrap.selected .card.active .fill{transform:rotate(180deg);}

@keyframes card1{
	0%{transform:scale(1);}
	10%{transform:scale(1);}
	30%{transform:scale(0.9);}
	45%{transform:scale(0.9);}
	60%{transform:scale(1);}
	75%{transform:scale(1);}
	100%{transform:scale(1);}
}

@keyframes card2{
	0%{transform:scale(1);}
	10%{transform:scale(1);}
	30%{transform:scale(1);}
	45%{transform:scale(1);}
	60%{transform:scale(0.9);}
	75%{transform:scale(0.9);}
	100%{transform:scale(1);}
}

@keyframes card2_r{
	0%{opacity:0;transform:rotate(0deg);}
	32%{opacity:1;transform:rotate(0deg);}
	37.5%{opacity:1;transform:rotate(180deg);}
	44.9%{opacity:1;transform:rotate(180deg);}
	45%{opacity:0;transform:rotate(180deg);}
	100%{opacity:0;transform:rotate(0deg);}
}

@keyframes card2_l{
	0%{opacity:0;transform:rotate(0deg);}
	37.5%{opacity:1;transform:rotate(0deg);}
	43%{opacity:1;transform:rotate(180deg);}
	44.9%{opacity:1;transform:rotate(180deg);}
	45%{opacity:0;transform:rotate(180deg);}
	100%{opacity:0;transform:rotate(0deg);}
}

@keyframes card1_r{
	0%{opacity:0;transform:rotate(0deg);}
	62%{opacity:1;transform:rotate(0deg);}
	67.5%{opacity:1;transform:rotate(180deg);}
	74.9%{opacity:1;transform:rotate(180deg);}
	75%{opacity:0;transform:rotate(180deg);}
	100%{opacity:0;transform:rotate(0deg);}
}

@keyframes card1_l{
	0%{opacity:0;transform:rotate(0deg);}
	67.5%{opacity:1;transform:rotate(0deg);}
	73%{opacity:1;transform:rotate(180deg);}
	74.9%{opacity:1;transform:rotate(180deg);}
	75%{opacity:0;transform:rotate(180deg);}
	100%{opacity:0;transform:rotate(0deg);}
}

/* Main Contents 20230313  수정 */
.main-credit-summary, .maincredit, .wonpick, .carservice, .main_oil, .mainsiteB{position:relative;display:flex;border-radius:2rem;margin-bottom:1.3rem;}
.main-credit-summary{position:relative;display:flex;padding:1.2rem   4.6rem 1.2rem .14rem;background:#ffffff;}
.main-credit-summary > div{padding:0 1.4rem;/*border-right:.12rem solid #ddd;*/display:flex;flex-direction:column;}
/*.main-credit-summary > div:nth-last-child(2){width:40%;}*/
.main-credit-summary > span{display:block;line-height:1.1;letter-spacing:-0.05em;}
.main-credit-summary > div > .summary-limit-value{font-size:1.7rem;font-weight:800;color:#111}
.main-credit-summary > .unit{content:'';display:inline-block;display:inline-block;padding-bottom:0.5rem;font-size:1.2rem;font-weight:400;color:#444;}
.main-credit-summary > div > .unit span{color:#0D7DFF;font-weight:bold;margin:0 .3rem;}
.main-credit-summary.total{display:flex;justify-content:space-between;}
.main-credit-summary.total .totalimg{width:8rem;height:auto;display:inline-block;background-image:url(/assets/img/sa/creditimg01.png);background-size:contain;background-repeat:no-repeat;background-position:50%;border:0;}
.summary-limit-value.nextarrow{padding-right:2.5rem;background-image:url(/assets/img/sa/crenext.svg);background-size:1.6rem;background-repeat:no-repeat;background-position:100% 50%;white-space:nowrap;}
.btn-reload{width:1.8rem;height:1.8rem;background:#fff url(/assets/img/sa/ic_reload.svg) 100% 0 no-repeat;background-size:contain;border-radius:initial;padding:0;position:absolute;right:.8rem;top:.8rem ;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:both;animation-name:img_rotate;}

@keyframes img_rotate{
	0%{transform:rotateY(-180deg);}
	50%{transform:rotateY(0deg);}
	100%{transform:rotateY(180deg);}
}

.rot{animation-name:credit_rotate;animation-delay:0;animation-duration:1s;animation-iteration-count:1 }

@keyframes credit_rotate{
	0%{transform:rotateY(90deg);}
	50%{transform:rotateY(0);}
	100%{transform:rotateY(0);}
}

.maincredit{box-shadow:0 0.2rem 0.5rem 0 rgb(0 0 0 / 20%);color:#fff;display:flex;flex-direction:column;padding:0 .5rem 0 2rem;justify-content:center;background-color:#428EE8}
.maincredit .creditwrap{height:12.5rem;background:#428EE8 url(/assets/img/sa/credit01.png) 100% .5rem no-repeat;background-size:contain;line-height:1.3;display:flex;flex-direction:column;justify-content:center;}
.maincredit div:nth-of-type(1){font-size:1.2rem;font-weight:400;padding:.8rem 0;}
.maincredit div:nth-of-type(2){font-size:2rem;font-weight:600;}
.maincredit div:nth-of-type(3){font-size:1.6rem;font-weight:400;}
.maincredit .logo{display:block;position:absolute;width:3.3rem;height:3.6rem;animation-iteration-count:infinite;overflow:hidden;animation-name:img_logo;bottom:3.2rem;right:7.8rem;}

@keyframes img_logo{
	0%{opacity:.5;-webkit-transform:translate3d(100%, 100%, 0);transform:translate3d(100%, -30%, 0)}
	50%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}
	100%{opacity:.0;-webkit-transform:translate3d(100%, 100%, 0);transform:translate3d(100%, -30%, 0)}
}


.maincredit .arrow{display:block;position:absolute;width:5.3rem;height:5.6rem;animation-iteration-count:infinite;overflow:hidden;animation-name:img_arrow;bottom:1rem;right:1rem;animation-duration:2s;}
@keyframes img_arrow{
	0%{
		-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out	}
	40%{
		-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out}
	50%{
		-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in}
	80%{
		-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
		transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in}
	to{
		-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in}
}

/* 우리차고 */
.mycarInfo{margin:5rem 0 2rem 0;padding:1.8rem 2rem 0 1.8rem;background-color:#DDE6F8;border-radius:1rem;}
.mycarInfo .mycar-header{position:relative;/* padding-top:2rem;*/}
.mycarInfo .mycar-header .tit-h3{width:90%;margin-top:1.6rem;margin-bottom:.4rem;text-align:left;word-break:keep-all;font-size:2.2rem;font-weight:800;line-height:1.3;}
.mycarInfo .mycar-header p{width:70%;margin-bottom:0;text-align:left;word-break:keep-all;color:#111;}
.mycarInfo .mycar-header .add-info{margin-top:-0.4rem;display:block;}
.mycarInfo .mycar-stage{position:relative;display:flex;align-items:center;justify-content:space-between;background-size:78.9vw auto;margin:2.4rem 0;}
.mycarInfo .mycar-stage .run{color:rgb(0, 40, 161, 50%);font-size:1.3rem;white-space:nowrap;}
.mycarInfo .mycar-stage .runcalc{color:#0028A0 ;font-size:2.4rem;font-weight:700;line-height:1;}
.mycarInfo .mycar-stage .img-area{z-index:1;display:flex;justify-content:flex-end;align-items:center;width:100%;height:18vw;}
.mycarInfo .mycar-stage .img-area img{display:block;width:auto;max-width:100%;max-height:100%;}
.mycarbtn{padding:.6rem 2rem;font-size:1.4rem;background-color:#fff;border-radius:2rem;margin:1rem 0 0 0;}

/* 우리차고 비로그인 */
.mycarBefore{margin:5rem 0 2rem 0;padding:1.8rem 2rem 1.8rem 1.8rem;background-color:#31415A;border-radius:1rem;}
.mycarBefore .mycar-header{position:relative;/* padding-top:2rem;*/}
.mycarBefore .mycar-header .tit-h3{width:90%;margin-bottom:1rem;text-align:left;word-break:keep-all;font-size:2.7rem;font-weight:800;line-height:1.3;color:#fff;}
.mycarBefore .mycar-header p{width:70%;margin-bottom:0;text-align:left;word-break:keep-all;color:rgb(255, 255, 255, 50%);font-size:1.7rem;}
.mycarBefore .img-area{z-index:1;display:flex;justify-content:center;align-items:center;height:12rem;flex-direction:column;}
.mycarBefore .img-area img{display:block;width:auto;max-width:100%;max-height:100%;}
.mycarBeforebtn{padding:1rem 2rem;font-size:1.4rem;background-color:none;border-radius:2rem;margin:1rem 1.5rem 0 1.5rem;color:#fff;border:.12rem solid rgb(255, 255, 255, .5);width:90%;}

.cars-number{position:relative;display:flex;align-items:center;justify-content:center;width:13.8rem;height:3.2rem;background-position:center;background-size:14.9rem 4.9rem;background-color:#6B95D0;font-weight:700;font-size:1.6rem;letter-spacing:-0.05rem;color:#fff;margin-left:-1.8rem;}
.cars-number .alter{position:relative;display:block;height:1.5rem;width:1.5rem;margin-left:1rem;
font-size:0;text-indent:-9999em;clip:initial;clip-path:initial;background-image:url(/assets/img/sg/ico-select.svg);background-size:contain;background-position:center;}

/* 우리차고_202303 */
.carpriceContainer,.capitalWContainer, .mymoneyContainer, .insuranceContainer, .carregularContiner, .recallContiner, .carmapContainer, .carhomeContainer, .carelecContainer, .sellcontianer , .carinsureContainer{box-shadow:0 0.2rem 0.5rem 0 rgb(0 0 0 / 10%);display:flex;padding:1.2rem 1.8rem 1.2rem 1.8rem;border-radius:0.8rem;justify-content:center;flex-direction:column;margin-bottom:2.4rem;}

.sellcontianer{background-color:#fff;padding:2rem 1rem 1rem 1rem }
.sellwrap{position:relative;display:flex;}
.sellwrap li{width:100%;text-align:center;font-size:1.4rem;color:#666;line-height:1.1;padding:5rem 1rem 1rem 1rem;border-right:.12rem solid #ddd;}
.sellwrap li:nth-of-type(1){background:url(/assets/img/sg/carmoney.svg) 96% 50% no-repeat;background-repeat:no-repeat;background-size:4rem;background-position:50% 0;}
.sellwrap li:nth-of-type(2){background:url(/assets/img/sg/carinsurance.svg) 96% 50% no-repeat;background-repeat:no-repeat;background-size:4rem;background-position:50% 0;}

.sellwrap li:last-child{border:0;}
.sellwrap .flag{flex-direction:column;display:flex;justify-content:center;margin-left:0.6rem;font-size:1.2rem;color:#666;line-height:1.4;}
.sellwrap .data{margin:0 1rem 1rem 1rem;font-size:1.8rem;color:#111;font-weight:600;letter-spacing:-0.12rem;color:#1490ef;}
.carpriceContainer{color:#fff;  background-color:#428EE8 ; min-height : 8rem;}
.carpriceWrap{height:3rem;display:flex;justify-content:space-between;margin-bottom:1rem;align-items:center;padding:0 .4rem;}
.carpriceWrap div:nth-of-type(1){font-size:1.6rem;opacity:.8;}
.carpriceWrap div:nth-of-type(2){font-size:2.5rem;font-weight:700;display:inline-flex;align-items:center;}
.carbtn{width:100%;height:3.2rem;padding:0;font-size:1.4rem;line-height:4rem;background-color:#fff;border-radius:0.8rem;}

/* 대출 */
.capitalWContainer{background:url(/assets/img/sg/capital.svg) 96% 50% no-repeat;background-color:rgb(255, 255, 255, .6) ;background-repeat:no-repeat;background-size:6rem;height:8rem;}
.capitalWContainer div:nth-of-type(1){font-size:1.4rem;font-weight:400;letter-spacing:-.1rem;color:#666;}
.capitalWContainer div:nth-of-type(2){font-size:1.8rem;font-weight:600;color:#111;}

/* 나의 한도 / 금리 / 보험 / 주차장 */
.mymoneyContainer{background:url(/assets/img/sg/mymoney.png) 96% 50% no-repeat;background-color:rgb(255, 255, 255, 1) ;background-repeat:no-repeat;background-size:8.4rem;height:8rem;}
.mymoneyContainer div:nth-of-type(1), .carmapContainer div:nth-of-type(1), .carelecContainer div:nth-of-type(1), .carhomeContainer div:nth-of-type(1) , .carinsureContainer div:nth-of-type(1)
{font-size:1.4rem;font-weight:400;letter-spacing:-.1rem;color:#666;}
.mymoneyContainer div:nth-of-type(2), .carmapContainer div:nth-of-type(2), .carelecContainer div:nth-of-type(2), .carhomeContainer div:nth-of-type(2) , .carinsureContainer div:nth-of-type(2)
{font-size:1.8rem;font-weight:600;color:#111;}

.carmapContainer{background:url(/assets/img/sg/carmap.svg) 96% 50% no-repeat;background-color:rgb(255, 255, 255, 1) ;background-repeat:no-repeat;background-size:8.4rem;height:8rem;}
.carelecContainer{background:url(/assets/img/sg/carelec.svg) 96% 50% no-repeat;background-color:rgb(255, 255, 255, 1) ;background-repeat:no-repeat;background-size:8.4rem;height:8rem;}
.carhomeContainer{background:url(/assets/img/sg/oilhome.svg) 96% 50% no-repeat;background-color:rgb(255, 255, 255, 1) ;background-repeat:no-repeat;background-size:8.4rem;height:8rem;}
.carinsureContainer{background:url(/assets/img/sg/carmoney.svg) 94% 50% no-repeat;background-color:rgb(255, 255, 255, 1) ;background-repeat:no-repeat;background-size:6rem;height:8rem;}

/* 보험(구버전)*/
.insuranceContainer{background-color:rgb(255, 255, 255, 1) ;padding:2rem 1.8rem 2rem 1.8rem;}
.insuranceWrap{background:url(/assets/img/sg/insurance.png) 90% 50% no-repeat;background-repeat:no-repeat;background-size:12rem;padding:0 0 1rem 0;}
.insuranceContainer div:nth-of-type(1){font-size:1.6rem;font-weight:600; color:#111;margin-bottom:.6rem;}
.insuranceContainer div:nth-of-type(2){font-size:1.3rem;font-weight:400;color:#444;}
.insurancebtn{width:100%;height:3.2rem;padding:0;font-size:1.4rem;line-height:4rem;background-color:#f1f1f1;border-radius:0.8rem;margin-top:.5rem;}

/* 자동차 정기검사  */
.carregularContiner{background-color:#fff ;padding-bottom:1.4rem;}
.carregularWrap{height:3rem;display:flex;justify-content:space-between;margin-bottom:1rem;align-items:center;padding:0 .4rem;}
.carregularWrap div:nth-of-type(1){font-size:1.6rem;color:#111;font-weight:600;}
.carregularWrap div:nth-of-type(2){font-size:2.5rem;font-weight:700;display:inline-flex;align-items:center;color:#666;}

/* 리콜  */
.tit-h4 + .recallContiner{margin-top:-.8rem;}
.recallContiner{background-color:#fff ;padding:1.4rem 1.8rem 1.4rem 1.8rem;}
.recallContiner div:first-child div{display:inline-flex;align-items:center;}
.recallContiner div:first-child div:first-child{float:left;font-size:1.6rem;color:#111;font-weight:600;}
.recallContiner div:first-child div:last-child:not(:first-child){float:right;}
.recallbtn{width:100%;height:3.2rem;padding:0;font-size:1.4rem;background-color:#fff;border-radius:0.8rem;margin-top:1rem;overflow:hidden;padding:0 1rem;line-height:2.3;display:inline-block;border:.12rem solid #ddd}

/* 자동차 정비서비스*/
.tit-h4 + .carmendContiner{margin-top:-.8rem;}
.carmend{display:flex;flex-direction:column;padding:0;justify-content:center;margin-bottom:2rem;}
.carmend ul{box-shadow:none;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:visible;overflow-x:auto; }
.carmend ul::-webkit-scrollbar{display:none;}
.carmend ul li{background-color:#fff;padding:1rem .8rem;margin:.5rem 1rem .5rem 0;height:8.5rem;position:relative;line-height:1.2;min-width:21%;border-radius:.6rem;box-shadow:0 0.2rem 0.5rem 0 rgb(0 0 0 / 8%);}
.carmend ul li:last-child{margin-right:0;}
.carmend ul li a{ font-weight:600;color:#020331;font-size:1.4rem;flex-direction:column;display:flex;align-items:center;margin-bottom:.5rem;}
.carmend ul li i{width:4rem;height:4rem;background-size:contain;padding:0;display:flex ;bottom:1rem;background-position:50% 50%; margin-bottom:.5rem;}
.carmend ul li:nth-of-type(1) i{background:url(/assets/img/sg/mend01.svg) 100% 0 no-repeat;background-size:contain;}
.carmend ul li:nth-of-type(2) i{background:url(/assets/img/sg/mend02.svg) 100% 0 no-repeat;background-size:contain;}
.carmend ul li:nth-of-type(3) i{background:url(/assets/img/sg/mend03.svg) 100% 0 no-repeat;background-size:contain;}
.carmend ul li:nth-of-type(4) i{background:url(/assets/img/sg/mend04.svg) 100% 0 no-repeat;background-size:contain;}
.carmend ul li:nth-of-type(5) i{background:url(/assets/img/sg/mend05.svg) 100% 0 no-repeat;background-size:contain;}
.carmend ul li:nth-of-type(6) i{background:url(/assets/img/sg/mend06.svg) 100% 0 no-repeat;background-size:contain;}
.carmend ul li:nth-of-type(7) i{background:url(/assets/img/sg/mend07.svg) 100% 0 no-repeat;background-size:contain;}

.main_setting{position:relative;display:flex;justify-content:space-between;margin-bottom:2rem;margin-right:-1rem;margin-bottom:4rem;}
.main_setting .toparow, .main_setting .bachsetting{height:3.6rem;display:flex;align-items:center;justify-content:center;border-radius:0.4rem;font-size:1.4rem;margin-right:1rem; width:100%;background-color:rgba( 255, 255, 255, 0.5 );border:.12rem solid #ddd;margin-bottom:6rem;}
.main_setting button:last-child{margin-right:0 !important;}
.main_setting .toparow:before{content:'';display:inline-block;width:2rem;height:2rem;background-image:url(/assets/img/sa/icbtm01.svg);background-repeat:no-repeat;background-position:0;background-size:100%;margin-right:0.5rem;}
.main_setting .bachsetting:before{content:'';display:inline-block;width:2rem;height:2rem;background-image:url(/assets/img/sa/icbtm02.svg);background-repeat:no-repeat;background-position:0;background-size:100%;margin-right:0.5rem;}

.mainsiteB{display:flex;padding:0 0 0 2rem;justify-content:space-between;background-color:#fff;height:11rem;}
.mainsiteB .siteBwrap{line-height:1.3;display:flex;flex-direction:column;justify-content:center;color:#111;white-space:nowrap;}

.mainsiteB.capital{padding-right:2rem;}
.mainsiteB.capital::after{content:'';display:block;position:absolute;width:10.2rem;height:10.2rem;bottom:.4rem;right:3.4rem;background:url(/assets/img/sa/bg_main_confetti-right.gif) no-repeat;background-size:contain;pointer-events:none;mix-blend-mode:multiply;}
.mainsiteB .visual img[data-image]{display:block;position:absolute;width:2.5rem;height:2.5rem;animation-iteration-count:infinite;	animation-duration:4.4s; overflow:hidden;}
.mainsiteB .visual img[data-image="img_hand"]{bottom:0;right:1rem;width:11.5rem;height:10.2rem;}
.mainsiteB .visual img[data-image="img_emoji"]{bottom:8rem;right:0.4rem;animation-name:img_emoji;animation-duration:4.4s;}
.mainsiteB .visual img[data-image="img_graph"]{bottom:6rem;right:11.2rem;animation-name:img_graph;animation-duration:3.6s;}
.mainsiteB .visual img[data-image="img_money"]{bottom:2rem;right:2.8rem;animation-name:img_money;	animation-duration:3.8s;}

@keyframes img_emoji{
	0%{bottom:7.8rem;right:0.7rem;}
	50%{bottom:7.4rem;right:1.2rem;}
	100%{bottom:7.8rem;right:0.7rem;}}
@keyframes img_graph{
	0%{bottom:7rem;right:6rem;}
	50%{bottom:7.4rem;right:6.5rem;}
	100%{bottom:7rem;right:6rem;}}
@keyframes img_money{
	0%{bottom:2rem;right:3rem;}
	50%{bottom:2.5rem;right:2.4rem;}
	100%{bottom:2rem;right:3rem;}}

.animation{width:12rem;display:flex;position:relative;}
.mainsiteB .animation img{right:1rem;width:100%;animation-name:imgData;animation-delay:0;animation-duration:1s;animation-iteration-count:infinite;padding-bottom:1.2rem;}

@keyframes imgData{
	0%{transform:scale(1);}
	50%{transform:scale(1) translateY(2%)}
	100%{transform:scale(1);}
}

.mainsiteB .capital img{width:100%;position:50%;}
.mainsiteB div:nth-of-type(1){ font-size:1.2rem;font-weight:400;}
.mainsiteB div:nth-of-type(1) img{width:5rem;}
.mainsiteB div:nth-of-type(1) img:nth-of-type(2){position:absolute;top:5.2rem;right:1.2rem; width:2.4rem;height:auto;z-index:3;animation-name:img_arrow;animation-delay:0;animation-duration:1s;animation-iteration-count:infinite}

@keyframes img_arrow{
	0%{transform:translateX(-50%) scale(0.8);}
	50%{transform:translateX(-50%) scale(1);}
	100%{transform:translateX(-50%) scale(0.8);}
}

.mainsiteB div:nth-of-type(2){font-size:2rem;font-weight:800;letter-spacing:-.1rem;margin:0.4rem 0;}
.mainsiteB div:nth-of-type(3){font-size:1.6rem;font-weight:400;}

/* 메인 자동차서비스 */
.wonpick{height:5rem;box-shadow:none;display:flex;flex-direction:column;padding:2rem;justify-content:center;background:url(/assets/img/sa/wonpick.svg) 98% 50% no-repeat;background-size:9rem ;line-height:1.3;margin-bottom:1.5rem;}
.wonpick div:nth-of-type(1){font-size:1.7rem;font-weight:700;color:#428EE8}
.wonpick div:nth-of-type(2){font-size:1.5rem;font-weight:500;color:#111;}

/* 대출 */
.main-loan{display:flex;flex-direction:column;justify-content:center;color:#656565;}
.main-loan-tit{display:flex;justify-content:space-between;align-items:center;margin:1.2rem 0 0.4rem 0;}
.main-loan-tit h2{display: flex;width: 100%;justify-content: left;align-items: center;}
.main-loan .main-tit-icon img{background-repeat:no-repeat;width:7px;height:16px;}
.main-loan h2{color:#111;font-size:1.5rem;font-weight:400;}
.main-loan .main-tit-icon{display:flex; align-items:center;margin-top:-1.5rem;}
.main-loan ul{box-shadow:none;display:flex;flex-direction:row;justify-content:sapce-between;flex-wrap:nowrap;white-space:nowrap;overflow:visible;overflow-x:auto;}
.main-loan ul::-webkit-scrollbar{display:none;}
.main-loan ul li{position:relative;margin:.5rem 1.4rem .5rem 0;height:10.8rem;min-width:47%;line-height:1.2;background-color:#fff;border-radius:1.8rem;box-shadow:0 0.2rem 0.5rem 0 rgb(0 0 0 / 8%);}
.main-loan ul li:last-of-type{margin-right:0;}
.main-loan ul li p:nth-child(1){/*font-size:1.8rem;color:#111;font-weight:600;margin-bottom:1rem;*/}
.main-loan ul li p:nth-child(2){font-size:1.6rem;color:#656565;font-weight:400;margin-bottom:2.5rem;}
.main-loan ul li p:nth-child(3){font-size:1.6rem;color:#656565;font-weight:400;margin-bottom:1.3rem;}

.carservice-tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.6rem;width:100%;}

/* 메인 자동차서비스 */
.main-conwrap .carservice{position:relative;display:block;padding:0.8rem 0;width:100%;color:#656565;}
.carservice .carservice-tit{display:block;}
.main-tit-icon img{background-repeat:no-repeat;width:9px;height:14px;margin-top:1.5rem;}
.carservice h2{color:#111;font-size:2rem;}
.main-tit-icon{display:flex; align-items:center;margin-top:-1.5rem;}

.carservice ul{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;white-space:nowrap;overflow:visible;overflow-x:auto;box-shadow:none;}
.carservice ul::-webkit-scrollbar{display:none;}
.carservice ul li{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;margin:0 0.5em 1rem 0.1rem;padding:1.7rem 2.7rem;height:9.9rem;width:23%;line-height:1.2;text-align:center;border-radius:1.8rem;box-shadow:0 0.2rem 0.5rem 0 rgb(0 0 0 / 8%);background-color:#fff;}
.carservice ul li:last-of-type{margin-right:0;}
.carservice ul li .mycar{display:inline-block;width:80%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;}
.carservice ul li .mycar.buy{width:5.5rem;background-image:url(/assets/img/sa/carservice-ico01.png);}
.carservice ul li .mycar.selling{width:5.5rem;background-image:url(/assets/img/sa/carservice-ico02.png);}
.carservice ul li .mycar.parking{position:absolute;width:5.5rem;left:50%;top:-0.5rem;background-image:url(/assets/img/sa/carservice-ico03.png);background-size:100%;transform:translateX(-43%);}
.carservice ul li .mycar.charging{position:absolute;width:5.5rem;left:50%;top:-0.5rem;background-image:url(/assets/img/sa/carservice-ico04.png);transform:translateX(-43%);}
.carservice ul li a{font-weight:600;color:#000000;font-size:1.3rem;display:inline-block;}
.carservice ul li img{width:5rem;padding:0;}

/* 원카 모든 금융상품 알아보기 */
.woncar-all-bnr h2{color:#111;font-size:1.5rem;text-align:center;}
.woncar-all-icon{position:relative;width:2.7rem;height:2.4rem;background:url(/assets/img/sa/all-bnr-icon.png) no-repeat;background-size:2.7rem auto;}

/* 메인이미지 스와이프 버튼 */
.mainbox-banner{position:relative;width:100%;margin:2rem auto;border-radius:.6rem; border:0 solid #ddd;}
.mainbox-banner a{display:block;overflow:hidden;background-size:contain !important;}
.mainbox-banner .swiper-slide a img{width:100%;display:block;height:auto; }
.mainbox-banner .swiper-button-next{width:4.8rem;height:4.8rem;outline:none;}
.mainbox-banner .swiper-button-prev{width:4.8rem;height:4.8rem;outline:none;}
.mainbox-banner .swiper-button-next:after{content:'다음';font-size:0px;width:100%;height:100%;background:url(/assets/img/sa/btn-banner-next.svg) 0 0 no-repeat;background-size:contain;}
.mainbox-banner .swiper-button-prev:after{content:'이전';font-size:0px;width:100%;height:100%;background:url(/assets/img/sa/btn-banner-prev.svg) 0 0 no-repeat;background-size:contain;}
.mainbox-banner .swiper-pagination .swiper-pagination-bullet:nth-child(n+2){margin-left:0.3rem;}
.mainbox-banner .swiper-pagination .swiper-pagination-bullet-active{background:#777;}
.main-swiper .swiper-pagination .swiper-pagination-bullet-active:after,
.mainbox-banner .swiper-pagination .swiper-pagination-bullet-active:after{content:'';position:absolute;bottom:0;left:50%;display:none;width:4px;height:4px;border-radius:2px;transform:translateX(-50%);background:#0083cb;}
.mainbox-banner .swiper-horizontal>.swiper-pagination-bullets,
.mainbox-banner .swiper-pagination-bullets.swiper-pagination-horizontal,
.mainbox-banner .swiper-pagination-custom,
.mainbox-banner .swiper-pagination-fraction{bottom:0rem}
.mainbox-banner .swiper-button-next{width:4.8rem;height:4.8rem;outline:none;}
.mainbox-banner .swiper-button-prev{width:4.8rem;height:4.8rem;outline:none;}
.mainbox-banner .swiper-button-next:after{content:'다음';font-size:0px;width:100%;height:100%;background:url(/assets/img/sa/btn-banner-next.svg) 0 0 no-repeat;background-size:contain;}
.mainbox-banner .swiper-button-prev:after{content:'이전';font-size:0px;width:100%;height:100%;background:url(/assets/img/sa/btn-banner-prev.svg) 0 0 no-repeat;background-size:contain;}
.mainbox-banner .swiper-pagination .swiper-pagination-bullet:nth-child(n+2){margin-left:0.3rem;}
.mainbox-banner .swiper-pagination .swiper-pagination-bullet-active{background:#777;opacity:0.8;}
.main-swiper .swiper-pagination .swiper-pagination-bullet-active:after,
.mainbox-banner .swiper-pagination .swiper-pagination-bullet-active:after{content:'';position:absolute;bottom:0;left:50%;display:none;width:4px;height:4px;border-radius:2px;transform:translateX(-50%);background:#0083cb;}
.mainbox-banner .swiper-horizontal>.swiper-pagination-bullets,
.mainbox-banner .swiper-pagination-bullets.swiper-pagination-horizontal,
.mainbox-banner .swiper-pagination-custom,
.mainbox-banner .swiper-pagination-fraction{bottom:0rem}

.main_community{display:flex;flex-direction:column;padding:0;justify-content:center;overflow:hidden;margin-bottom:2rem;}
.main_community h2{color:#111;font-size:1.6rem;margin-bottom:.5rem;}
.main_community ul{box-shadow:none;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;overflow:hidden;width:100%;}
.main_community ul li{background-color:#fff;padding:1rem 1.4rem;margin:.5rem 1.4rem .5rem 0;height:10rem;position:relative;line-height:1.2;width:50%;border-radius:.6rem;box-shadow:0 0.2rem 0.5rem 0 rgb(0 0 0 / 8%);}
.main_community ul li:last-child{margin-right:0;}
.main_community ul li a{ font-weight:600;color:#020331;font-size:1.5rem;display:inline-block;}
.main_community ul li i{width:4rem;height:4rem;background-size:contain;padding:0;position:absolute;right:1rem;bottom:1rem}
.main_community ul li:nth-of-type(1) i{background:url(/assets/img/sa/ic_comm01.svg) 100% 0 no-repeat;background-size:contain;}
.main_community ul li:nth-of-type(2) i{background:url(/assets/img/sa/ic_comm02.svg) 100% 0 no-repeat;background-size:contain;}
.main_community ul li:nth-of-type(3) i{background:url(/assets/img/sa/ic_comm03.svg) 100% 0 no-repeat;background-size:contain;}

.moilred{display:inline-block;color:#F0001C;padding-left:1rem;}
.moilred::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;}
.moilblue{display:flex;color:#0D7CF9;padding-left:1rem;align-items:center;justify-content:flex-end;}
.moilblue::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;}
.main_oil li .moilred, .main_oil li .moilblue{float:right;}
.result-list.line li{border-color:#fff;}
.result-list.line li:last-child{border:0;}

/* 20230328 스크롤수정 */
.main{margin-bottom:6rem;padding:0;display:flex;flex-direction:column;overflow:hidden;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:0;}
.main-header{width:100%;margin:0 auto;position:relative;position:fixed;height:6rem;z-index:4;background-color:#fff;}
.main-con-header{position:relative;display:flex;flex-direction:column;} /* 202215 메인수정 */
.main-con-header, .main .main-con{position:relative;}
.cartbox{padding:2rem;position:absolute;right:2rem;top:0;}
.main .main-con > div:last-of-type{padding-bottom:7rem;margin-top:3rem;}
.main .btn-data{width:5.8rem;height:2.8rem;position:absolute;top:1.7rem;right:5rem;display:flex;justify-content:center;align-items:center;background:#fff url(/assets/img/sa/ico-mydata.png) 50% 50% no-repeat;background-size:contain;}
.main .btn-capital{width:9.3rem;height:2.9rem;position:absolute;top:1.6rem;right:5rem;display:flex;justify-content:center;align-items:center;background:#fff url(/assets/img/sa/capital.png) 50% 50% no-repeat;background-size:contain;}
.main .btn-log{width:2.2rem;height:2.2rem;position:absolute;top:2rem;right:7rem;display:flex;justify-content:center;align-items:center;background:#fff url(/assets/img/sa/icon-login.png) 50% 50% no-repeat;background-size:contain;}
.main .btn-login{position:absolute;top:2rem;right:7rem;font-weight:bold;color:#111;font-size:1.4rem;}

.cartbox .btn-alram{width:2.2rem;height:2.2rem;position:absolute;top:2rem;right:.8rem;display:flex;justify-content:center;align-items:center;background:#fff url(/assets/img/sa/alram.svg) 50% 50% no-repeat;background-size:contain;}
.cartbox .btn-alram .cart-circle{display:block;width:1.6rem;height:1.6rem;position:absolute;top:-0.4rem;right:-0.6rem;line-height:1.5rem;font-size:1rem;font-weight:800;color:#ffffff;text-align:center;background:#ff754a;background-size:contain;border-radius:50%;}
.cartbox .btn-cart{width:2.2rem;height:2.2rem;position:absolute;top:2rem;right:4rem;display:flex;justify-content:center;align-items:center;background:#fff url(/assets/img/sa/icon-cart.png) 50% 50% no-repeat;background-size:contain;}
.cartbox .btn-cart .cart-circle{display:block;width:1.6rem;height:1.6rem;position:absolute;top:-0.4rem;right:-0.6rem;line-height:1.5rem;font-size:1rem;font-weight:800;color:#ffffff;text-align:center;background:#ff754a;background-size:contain;border-radius:50%;}
.cartbox .btn-wish{width:2.2rem;height:2.2rem;position:absolute;top:2rem;right:4rem;display:flex;justify-content:center;align-items:center;background:#fff url(/assets/img/sa/icon-wish.png) 50% 50% no-repeat;background-size:contain;}
.cartbox .btn-wish .cart-circle{display:block;width:1.6rem;height:1.6rem;position:absolute;top:-0.4rem;right:-0.6rem;line-height:1.5rem;font-size:1rem;font-weight:800;color:#ffffff;text-align:center;background:#ff754a;background-size:contain;border-radius:50%;}
.main .cartbox > div{position:absolute;right:0;top:5rem;z-index:3;width:15rem;transition:all 0.5s;}
.main .cartbox .ft-cart-btn, .main .cartbox .ft-alram-btn{display:block;width:auto;position:absolute;right:4.2rem;top:0;box-sizing:border-box;background-color:#111;border-radius:15px 0 15px 15px;padding:1rem;color:#fff;font-size:1.4rem;font-weight:400;transition:all 0.5s;}
.main .cartbox .ft-alram-btn{right:1rem}
.main .cartbox .ft-cart-btn.on a, .main .cartbox .ft-alram-btn.on a{display:block;transition:all 0.5s;}
.main .tit-main{display:block;padding:2rem 0 4rem 0;font-size:1.5rem;font-weight:400;line-height:1.3;color:#555;letter-spacing:-.12rem;font-weight:400;}
.main_cardbox{position:relative;padding:0.5rem 1.6rem;border-radius:1rem;background:#ffffff;box-shadow:0 0.3rem .6rem 0 rgb(0 0 0 / 10%);}
.main .tit-main .onecar{width:13.3rem;height:2.9rem;position:absolute;top:1.6rem;left:2rem;display:flex;justify-content:center;align-items:center;background:#fff url(/assets/img/sa/logo.png) 50% 50% no-repeat;background-size:contain;}
.main .tit-main .name{font-weight:700;font-size:1.8rem;color:#333;}

.main-swiper{margin:0 auto;position:relative;width:100%;height:auto;padding:0 ;letter-spacing:-0.08em;overflow:hidden;display:flex;flex-direction:column;}
.main-swiper .swiper-slide{display:flex;align-items:top;justify-content:center;}
.main-swiper .white_round{background:url(/assets/img/sa/white_round.svg) 0 0 no-repeat;background-size:100%;width:100%;font-size:0;height:5rem;right:0;position:absolute;top:2.53rem;z-index:200;}
.main-swiper .white_round2{background:url(/assets/img/sa/white_round22.svg) 0 0 no-repeat;background-size:100%;width:100%;font-size:0;height:5rem;right:0;position:absolute;bottom:-3rem;z-index:200;}
.main-swiper .swiper-content{display:block;width:100%;color:#fff;font-weight:200;text-decoration:none; }
.main-swiper .swiper-content .bg-card{position:relative;height:36rem}
.main-swiper .swiper-content .bg-card img{display:block;width:100%;}
.main-swiper .swiper-slide-active .swiper-content{box-shadow:3px 3px 3px 1px rgb(0,0,0,0.1);}
.main-swiper .swiper-slide-next .swiper-content::before{content:'';display:block;text-align:left;font-size:1.4rem;font-weight:400;letter-spacing:-0.1px;color:#ffffff;opacity:1;transform:rotate(-90deg);position:absolute;top:0rem;left:0;}
.main-swiper .swiper-slide-next.swiper1 .swiper-content::before{content:'나의 대출한도';top:5.5rem;left:-1.9rem;}
.main-swiper .swiper-slide-next.swiper2 .swiper-content::before{content:'우리WON Pick';top:5.5rem;left:-2.2rem;}
.main-swiper .swiper-slide-next.swiper3 .swiper-content::before{content:'자동차 금융상품'; left:-2.4rem;}
.main-swiper .swiper-slide-next.swiper4 .swiper-content::before{content:'우리차고'; top:3.7rem; left:-0.4rem;}
.swiper-slide.swiper1 .swiper-content{background-color:#0083cb;}
.swiper-slide.swiper2 .swiper-content{background-color:#12c6f5;}
.swiper-slide.swiper4 .swiper-content{background-color:#52c2ce;}
.swiper-slide.swiper3 .swiper-content{background-color:#6779cf}

.main-swiper .swiper-content .card-slogan{position:absolute;top:2.4rem;left:2rem;color:#ffffff;opacity:0.8;font-size:1.4rem;font-weight:400;}
.main-swiper .swiper-slide.swiper2 .card-slogan{letter-spacing:0rem!important;}
.main-swiper .card-logo{position:absolute;top:2.2rem;right:2rem;width:4.3rem;height:3.1rem;background:url(/assets/img/sa/card-woncar.png) 0 0 no-repeat;background-size:100%;font-size:0;z-index:10;}
.main-swiper .swiper-content .inner{position:absolute;top:0;display:block;width:100%;height:100%;padding:6rem 2rem;color:inherit;font-weight:inherit;text-decoration:none;opacity:0;animation-direction:alternate;}
.main-swiper .swiper-content .tit{margin-bottom:0.6rem;font-size:2.3rem;font-weight:400;line-height:1.2;word-break:keep-all;animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;}
.main-swiper .swiper-content .tit strong{font-weight:600;font-size:2.7rem;}
.main-swiper .swiper-content .txt{position:absolute;font-size:1.4rem;letter-spacing:0rem;font-weight:300;opacity:0.5;line-height:1.2;color:#ffffff;}
.main-swiper .swiper-slide-active .swiper-content .card-slogan{animation-duration:0.3s;animation-fill-mode:both;animation-name:fadeInRight;animation-direction:alternate;}
.main-swiper .swiper-slide-active .swiper-content .tit{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;animation-direction:alternate;}
.main-swiper .swiper-slide-active .swiper-content .txt{animation-duration:1.3s;animation-fill-mode:both;animation-name:fadeInRight;animation-direction:alternate;opacity:0.5;}
.main-swiper .swiper-slide-active .swiper-content .linktext{animation-duration:1s;animation-fill-mode:both;animation-name:fadeIn2;}

@-webkit-keyframes fadeIn2{0%{opacity:1} 100%{opacity:1}}
@keyframes fadeIn{0%{opacity:1} 100%{opacity:1}}

.animate__fadeIn2{-webkit-animation-name:fadeIn2;animation-name:fadeIn2;animation-fill-mode:both;animation-direction:alternate;	-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.main-swiper .link{position:absolute;right:0;bottom:0;display:block;width:50px;height:24px;font-size:0;}
/* .main-swiper .link:after{content:'';position:absolute;top:0.2rem;left:2.4rem;display:block;width:0.8rem;height:0.8rem;border-style:solid;border-width:0.15rem 0.15rem 0 0;border-radius:1px;border-color:#ffffff;transform:rotate(45deg);color:#fff;z-index:18;} */
.main-swiper .swiper-content .linktext{animation-duration:0s;animation-name:fadeIn;position:absolute;right:-2.5rem;bottom:-0.2rem;display:block;width:60px;height:30px;font-size:1.3rem;color:#fff;z-index:40;font-weight:300;opacity:1;font-family:roboto;}
.main-swiper .swiper-content > .animate{z-index:10;position:absolute;bottom:-3rem;left:100vw;display:none;height:21rem;transform-origin:top left;}
.main-swiper .swiper-content .animate img{width:100%;}
.main-swiper .swiper-slide-active .swiper-content .inner{opacity:1;}
.main-swiper .swiper-content .inner .animate{z-index:10;position:absolute;display:none;width:35rem;height:auto;left:20%;bottom:0.5rem;}
.main-swiper .swiper-slide-active .swiper-content .inner .animate{display:block;animation:car-motion  ease-out 0.9s forwards 0.3s;}
.main-swiper .swiper-slide-active .swiper-content .animate2{width:60%;position:absolute;right:2.5rem;bottom:0;}
.main-swiper .swiper-slide-active .swiper-content .animate2 img{width:100%;display:block;}
.main-swiper .swiper-content .animate3{display:none;}
.main-swiper .swiper-slide-active .swiper-content .animate3{width:90vw;position:absolute;left:10rem;bottom:2rem;display:block;}
.main-swiper .swiper-slide-active .swiper-content .animate3 img{width:100%;display:block;}
.main-swiper .swiper-slide-active .swiper-content .animate4{width:35rem;height:auto;left:12rem;bottom:0.5rem;}
.main-swiper .swiper-slide-active .swiper-content .animate4 img{width:100%;display:block;}
.main-swiper .swiper-slide .swiper-content .inner .animate,
.main-swiper .swiper-slide .swiper-content .inner .animate2,
.main-swiper .swiper-slide .swiper-content .inner .animate3,
.main-swiper .swiper-slide .swiper-content .inner .animate4{animation-play-state:paused;}
.main-swiper .swiper-slide.swiper-slide-active .swiper-content .inner .animate,
.main-swiper .swiper-slide.swiper-slide-active .swiper-content .inner .animate2,
.main-swiper .swiper-slide.swiper-slide-active .swiper-content .inner .animate3,
.main-swiper .swiper-slide.swiper-slide-active .swiper-content .inner .animate4{animation-play-state:running;animation-duration:1s;animation-fill-mode:both;animation-name:fadeInRight;}
.main-swiper .swiper-pagination.center, .main-banner .swiper-pagination.center{justify-content:center;}
.main-swiper .swiper-pagination::-webkit-scrollbar, .main-banner .swiper-pagination::-webkit-scrollbar{display:none;}
.main-swiper .swiper-pagination{width:86%;margin-left:auto;margin-right:auto; top:-50px;}
.main-swiper .swiper-pagination .swiper-pagination-bullet{width:25% ;height:3rem;margin:0;margin-left:-1rem; border-radius:0;background:#fff;opacity:1;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;color:#ccc;font-size:1.6rem}
.main-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(1)::before{content:'대출한도';top:0;left:0;}
.main-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(2)::before{content:'WON Pick';top:0;left:0;letter-spacing:0;white-space:nowrap;}
.main-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(3)::before{content:'금융상품';top:0;left:0;}
.main-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(4)::before{content:'우리차고';top:0;left:0;}
.main-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(n+2){margin-left:0.6rem;}
.main-swiper .swiper-pagination .swiper-pagination-bullet-active{color:#000 !important;border-bottom:0.3rem solid #000;}

/* Main > WON카 SERVICE */
.main-service{position:relative;padding:0 2rem;}
.main-service h2{font-size:1.4rem;font-weight:700;color:#111;margin-bottom:1.2rem;}
.main-service .main-service-con{width:100%;display:flex;align-items:stretch;}
.main-service .main-service-con > div{width:50%;}
.main-service .main-service-con > div a{width:100%;display:table;}
.main-service a i{display:table-cell;width:5rem;height:5rem;}
.main-service a .ico-con{width:calc(100% - 5rem);padding:0 0.5rem 0 1.2rem;display:table-cell;vertical-align:middle;word-break:keep-all;}
.main-service a .ico-con span{display:block;font-size:1rem;font-weight:400;color:#555555;}
.main-service a .ico-con span.stit{font-weight:700;font-size:1.4rem;color:#333333;}
.main-service .ico-buy{width:5rem;height:5rem;background:#edf6fc url(/assets/img/sa/ico-buy.png) center center no-repeat;background-size:contain;border-radius:0.5rem;}
.main-service .ico-marketprice{width:5rem;height:5rem;background:#edf6fc url(/assets/img/sa/ico-marketprice.png) center center no-repeat;background-size:contain;border-radius:0.5rem;}
.main-banner{position:relative;width:90%;margin:0 auto;padding-bottom:2.2rem;}
.main-banner a{display:block;max-height:10rem;border-radius:0.5rem;overflow:hidden;}
.main-banner a img{width:100%;display:block;}
.main-banner .swiper-button-next{width:4.8rem;height:4.8rem;right:-1.5rem;outline:none;}
.main-banner .swiper-button-prev{width:4.8rem;height:4.8rem;left:-1.5rem;outline:none;}
.main-banner .swiper-button-next:after{content:'다음';font-size:0px;width:100%;height:100%;background:url(/assets/img/sa/btn-banner-next.svg) 0 0 no-repeat;background-size:contain;}
.main-banner .swiper-button-prev:after{content:'이전';font-size:0px;width:100%;height:100%;background:url(/assets/img/sa/btn-banner-prev.svg) 0 0 no-repeat;background-size:contain;}
.main-banner{border-radius:0}
.main-banner .swiper-slide{border-radius:0;}
.main-banner .swiper-pagination .swiper-pagination-bullet:nth-child(n+2){margin-left:0.6rem;}
.main-banner .swiper-pagination .swiper-pagination-bullet-active{background:#777;}
.main-swiper .swiper-pagination .swiper-pagination-bullet-active:after,
.main-banner .swiper-pagination .swiper-pagination-bullet-active:after{content:'';position:absolute;bottom:0;left:50%;display:none;width:4px;height:4px;border-radius:2px;transform:translateX(-50%);background:#0083cb;}
.main-banner .swiper-horizontal>.swiper-pagination-bullets,
.main-banner .swiper-pagination-bullets.swiper-pagination-horizontal,
.main-banner .swiper-pagination-custom,
.main-banner .swiper-pagination-fraction{bottom:0rem}
.main-banner .swiper-slide.swiper3 .swiper-content{background-color:#fff !important;}

/* 메인 원카매거진 기사 */
#main-magazin{padding:2rem;display:flex;flex-direction:column;margin-bottom:2rem;position:relative;display:flex;border-radius:0.5rem;margin-bottom:2rem;}
#main-magazin .tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.8rem;}
#main-magazin .tit h2{color:#000000;font-size:1.8rem;}
#main-magazin .article{width:100%;display:inline-flex;text-align:left;font-size:1.3rem;color:#444;line-height:1.1;margin-right:1rem;border-radius:0.6rem;height :16rem;}
#main-magazin .article_img{display:block;height:70%;width:100%;background-repeat:no-repeat;background-image:url(/assets/img/co/testcolor.png);background-size:100% 100%;border-radius:1.8rem;}
#main-magazin.article_txt{overflow:hidden;position:absolute;top:75%;left:5%;right:5%;bottom:5%;white-space:break-spaces;}
#main-magazin .main-magazin .article > ul{width:100%;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap;overflow:visible;overflow-x:auto;box-shadow:none;}
#main-magazin .main-magazin .article > ul::-webkit-scrollbar{display:none;}
#main-magazin .main-magazin .article > ul > li{background-color:#edf4fa;padding:0.8rem;margin:0.5rem 1.4rem 0.5rem 0;position:relative;line-height:1.2;border-radius:0.6rem;width:auto;min-width:75%;}
.article-con p{font-size:1.4rem;color:#111;margin-top:1.2rem;}

/* 시승영상 */
#video-article{position:relative;display:flex;flex-direction:column;padding:2rem;margin-bottom:2rem;border-radius:0.5rem;}
.main-article .tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.8rem;}
.main-article .tit h2{color:#000000;font-size:1.8rem;}
.main-article .article{display:inline-flex;width:calc(100% + 4rem); left:-2rem;height :16rem;color:#444;line-height:1.1;text-align:left;border-radius:0.6rem;}
.main-article .article > ul{width:100%;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap;overflow:visible;overflow-x:auto;box-shadow:none;}
.main-article .article > ul::-webkit-scrollbar{display:none;}
.main-article .article > ul > li{position:relative;padding-right:1.4rem; left:2rem; width:calc(100% - 22rem);line-height:1.2;border-radius:0.6rem;}

.main-video .tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.8rem;}
.main-video .tit h2{color:#000000;font-size:1.8rem;}
.main-video .article{width: calc(100% + 4rem);left: -2rem;display:inline-flex;text-align:left;font-size:1.3rem;color:#444;line-height:1.1;margin-right:1rem;border-radius:0.6rem;height :16rem;}
.main-video .article > ul{width:100%;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap;overflow:visible;overflow-x:auto;box-shadow:none;}
.main-video .article > ul::-webkit-scrollbar{display:none;}
.main-video .article > ul > li{position:relative;left: 2rem;padding-right: 1.4rem;width: calc(100% - 22rem);line-height:1.2;border-radius:0.6rem;}

.article_img{display:block;height:11.11rem;width:100%; min-width: 14rem;background-repeat:no-repeat;background-image:url(/assets/img/co/testcolor.png);background-size:cover;background-position:center; border-radius:1.8rem;}
.article_txt{overflow:hidden;position:absolute;top:75%;left:5%;right:5%;bottom:5%;white-space:break-spaces;}
.article_con{position:relative;display:inline-block;width:100%;margin-top:1rem;overflow:hidden;white-space:nowrap;}

/* Quick Buttons */
.quick-wrap{width:3.5rem;height:auto;position:fixed;right:1rem;bottom:7.5rem;}
.quick-wrap button{width:3.5rem;height:3.5rem;display:flex;border-radius:50%;transition:all 0.2s ease-in-out;}
.quick-wrap button + button{margin-top:0.5rem;}
.quick-wrap .btn-plus{background:#0083cb url(/assets/img/sa/quick-plus.svg) center center no-repeat;background-size:1.5rem 1.5rem;}
.quick-wrap .btn-up{background:#555555 url(/assets/img/sa/quick-arrow.svg) center center no-repeat;background-size:1.5rem 1.5rem;}
.quick-wrap .btn-plus.active,
.quick-wrap .btn-plus:focus{background-color:#12c6f5;transform:rotate(45deg);}
.quick-wrap .btn-up.active,
.quick-wrap .btn-up:focus{background-color:#111111;}

/** search-area **/
.search-area{position:relative;width:calc(100% + 4rem);min-height:9.6rem;margin-left:-2rem;padding:2rem 2rem 4rem;}
.search-area.box-shadow{padding-bottom:4rem;border-radius:0 0 0 4rem;box-shadow:0 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.04);}
.search-area.fixed{position:fixed;width:100%;min-height:9.6rem;margin-left:0;top:6rem;left:0;background-color:#fff;z-index:1;border-radius:0 0 0 4rem;box-shadow:0 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.04);outline:none;}
.search-area.fixed .tab-btn-area .tab-btn{position:static;padding:0;margin-top:3.5rem;border-radius:0;box-shadow:unset;}
.search-area.fixed .tab-btn-area .tab-btn::before{top:0.4rem;left:-2rem;}
.search-area.fixed .tab-btn-area .tab-btn .btn-more{top:0.4rem;right:-2rem;}
.search-area > input{border-width:0 0 1px;border-color:#ccc;background-color:#fff;width:100%;height:3.6rem;padding:0 3rem 0.7rem 0.1rem;font-size:1.8rem;box-sizing:border-box;-webkit-appearance:none;}
.search-area input:focus{border-bottom:1px solid #666;outline:none;}
.search-area .btn-search{position:absolute;right:2rem;top:2.5rem;width:2.4rem;height:2.4rem;background-color:#fff;background-image:url('/assets/img/co/ico-search.svg');background-repeat:no-repeat;background-position:center;background-size:2.4rem;}
.search-area .btn-input-clear{right:4rem;}
.search-area.fixed .btn-input-clear{top:2.5rem;right:5rem;}
.keyword-area{position:relative;height:auto;margin-top:4rem;}

.search-area.hide,
.tab-btn-area.hide,
.keyword-area.hide,
.search-list.hide,
.search-no-data.hide{display:none;}
.search-area.fixed + .keyword-area{margin-top:11.6rem;}
.keyword-area.hide + .tab-wrap{margin-top:7.6rem;}
.keyword-area.hide + .tab-wrap.tab-open,
.search-area.fixed.active + .tab-wrap.tab-open{margin-top:21rem;}
.keyword-area .keyword-tit{font-size:1.6rem;font-weight:700;color:#111;}
.keyword-area .rank-list{margin-top:2rem;display:flex;flex-direction:column;counter-reset:rank;font-size:1.4rem;}
.keyword-area .rank-list > li{position:relative;}
.keyword-area .rank-list > li{padding:1.3rem 0;font-weight:400;display:flex;border-bottom:1px solid #eee;}
.keyword-area .rank-list > li::before{width:1.5rem;height:1.5rem;margin:0.4rem 0 0.2rem;counter-increment:rank;content:counter(rank);text-align:center;color:#fff;font-size:1.1rem;font-weight:400;background-color:#ccc;border-radius:50%;line-height:1.4rem;transform:translateY(-50%);margin-top:1.1rem;margin-bottom:-0.6rem;}
.keyword-area .rank-list > li > a{width:calc(100% - 2.1rem);padding-left:0.6rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;font-size:1.4rem;}
.search-wooriwoncar{margin-top:10rem;height:4.05rem;background-image:url('/assets/img/sa/img-wooriwoncar.png');background-repeat:no-repeat;background-position:center;background-size:6.2rem auto;}
/** 전체메뉴 **/
.all-menu-wrap{display:none;}
.all-menu-wrap.active{display:block;}
.allmenu-wrap{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;left:-100%;background-color:#ffffff;z-index:5;transition:all 0.5s ease-in-out;}
.allmenu-wrap.active{top:0;z-index:10;left:0;transition:all 0.5s ease-in-out;}
.allmenu-utill-area{position:fixed;padding:0 2rem;display:flex;align-items:center;justify-content:flex-end;width:100%;height:6rem;z-index:102;background-color:#fff;}
.allmenu-utill-area button{background-color:transparent;box-shadow:none;width:2.4rem;height:2.4rem;}
.allmenu-utill-area > span{display:inline-flex;}
.allmenu-utill-area .btn-log{position:relative;width:auto;font-size:1.2rem;}
.allmenu-utill-area .btn-log{padding-right:1rem;margin-right:1rem;}
.allmenu-utill-area .btn-log::before{content:'';display:block;position:absolute;right:-0.1rem;top:0.9rem;width:1px;height:9px;background-color:#ddd;}
.allmenu-utill-area .btn-log.join{display:none;}
.allmenu-utill-area .btn-log:last-child{padding-right:0;margin-right:0;}
.allmenu-utill-area .btn-log:last-child::before{display:none;}
.allmenu-utill-area .btn-srch,
.allmenu-utill-area .btn-noti,
.allmenu-utill-area .btn-setup,
.allmenu-utill-area .btn-menu-close{background-position:center;background-size:2.4rem;background-repeat:no-repeat;margin:0 0.8rem;}
.allmenu-utill-area .btn-srch{background-image:url(/assets/img/sa/ico-menu-search.svg);display:none;}
.allmenu-utill-area .btn-noti{position:relative;background-image:url(/assets/img/sa/ico-menu-noti.svg);}
.allmenu-utill-area .btn-setup{background-image:url(/assets/img/sa/ico-menu-setup.svg);}
.allmenu-utill-area .btn-menu-close{background-image:url(/assets/img/sa/ico-menu-close.svg);margin:0 0 0 0.5rem;}
.allmenu-utill-area .btn-noti .num{font-style:normal;position:absolute;right:0;top:0;width:1.6rem;height:1.6rem;line-height:1.5rem;border-radius:50%;text-align:center;background-color:#ff754a;letter-spacing:-0.05em;font-size:1.1rem;color:#fff;}
.allmenu-member-area{position:relative;padding:8rem 2rem 4rem;border-radius:0 0 0 4rem;/* box-shadow:0 0.8rem 0.8rem 0 rgba(0, 0, 0, 0.04);*/}
.allmenu-member-area .tit-extra{width:50%;margin-bottom:0;}
.allmenu-member-area .tit-extra .tit-h2{margin-bottom:1rem !important;}
.allmenu-member-area .mycar-img{display:inline-block;position:absolute;top:10rem;right:2rem;width:15.8rem;height:8.95rem;}
.allmenu-member-area .mycar-img > img{vertical-align:top;width:100%;}
.allmenu-member-area .btn-area{position:relative;margin-top:2rem;display:flex;justify-content:space-between;z-index:2;}
.allmenu-member-area .btn-area button{width:100%;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:0.4rem;font-size:1.4rem;}
.allmenu-member-area .btn-logout,
.allmenu-member-area .btn-join{border:1px solid #666;background-color:#fff;color:#111;margin-right:0.4rem;}
.allmenu-member-area .btn-member,
.allmenu-member-area .btn-login2{background-color:#1490ef;color:#fff;margin-left:0.4rem;}
.allmenu-srch-area{padding:4rem 2rem;}
.allmenu-srch-area .search-area{min-height:unset;padding:0 2rem;}
.allmenu-srch-area .search-area > input{background-color :transparent;}
.allmenu-srch-area .search-area .btn-search{background-color :transparent;top:0.5rem;}
.allmenu-srch-area .search-area > *{pointer-events:none;}

/* allmenu-cont */
.allmenu-cont{padding:2rem;}
.allmenu-cont:first-of-type{padding-top:0;}
.mn-list > li{position:relative;border-bottom:1px solid #eee;}
.mn-list > li > a{padding:1.7rem 0 1.8rem 0;display:inline-block;justify-content:space-between;align-items:center;position:relative;font-weight:400;color:#666;width:100%;}
.mn-list > li::after{content:'';display:block;width:0.7rem;height:0.7rem;position:absolute;top:50%;right:1rem;margin-top:-0.4rem;border-top:0.1rem solid #999;border-left:0.1rem solid #999;transform:rotate(135deg);}
[class^=mn-tit-ico]{font-size:1.6rem;font-weight:700;color:#111;padding-bottom:1.6rem;border-bottom:1px solid #eee;}

/** banner **/
.bnnr-custom a{display:block;max-height:26vw;border-radius:0.5rem;overflow:hidden;}
.bnnr-custom img{vertical-align:top;width:100%;}
.bnnr-custom + [class^=mn-tit-ico]{margin-top:4rem;}

/* .tab-wrap.whole */
.tab-wrap.whole{margin-top:0;border-radius:0;}
.tab-wrap.whole .tab-btn .all-tit{display:none;font-weight:400;font-size:1.4rem;}
.all-menu-wrap.active .tab-wrap.whole .tab-btn,
.tab-btn-area .tab-btn{overflow:hidden;width:100%;min-height:4rem;background-color:#fff;box-shadow:inset -2px 3px 3px #11111133;display:block;position:relative;width:calc(100% + 0.15rem);left:-0.15rem;padding:2rem 2rem 4rem;z-index:10;border-radius:0 0 0 4rem;box-shadow:0 0.8rem 0.8rem 0 rgb(0 0 0 / 4%);}
.tab-btn-area .tab-btn.fixed{position:fixed;top:5.9rem;}
.all-menu-wrap.active .tab-wrap.whole .tab-btn::before,
.tab-btn-area .tab-btn::before{content:'';width:2rem;height:3.6rem;position:absolute;top:2.3rem;left:0;background:linear-gradient(to left,rgba(255,255,255,0),#fff 83.34%);z-index:2;}
.tab-btn-area .tab-btn::after{content:'';width:2rem;height:3.6rem;position:absolute;top:2.3rem;right:0;background:linear-gradient(to right,rgba(255,255,255,0),#fff 83.34%);z-index:2;}
.search-area.fixed .tab-btn-area .tab-btn.total-search::after{content:'';width:2rem;height:3.6rem;position:absolute;top:0.4rem;right:-0.5rem;background:linear-gradient(to right,rgba(255,255,255,0),#fff 83.34%);z-index:2;}
.search-area.fixed .tab-btn-area .tab-btn.total-search::before{content:'';width:2rem;height:3.6rem;position:absolute;top:2.3rem;top:0.4rem;left:-0.1rem;background:linear-gradient(to left,rgba(255,255,255,0),#fff 83.34%);z-index:2;}

.all-menu-wrap.active .tab-wrap.whole .tab-btn ul,
.tab-btn-area .tab-btn ul{border-bottom:0;}
.tab-wrap.whole .tab-btn .btn-more,
.tab-btn-area .tab-btn .btn-more{position:absolute;right:100%;top:2.3rem;width:5rem;height:3.6rem;box-shadow:none;background:transparent linear-gradient(to left,#fff 0,#fff 24px,rgba(255,255,255,0) 100%);z-index:2;}
.tab-wrap.whole .tab-btn .btn-more::after,
.tab-btn-area .tab-btn .btn-more::after{content:'';position:absolute;top:1.2rem;right:2rem;display:block;width:0.7rem;height:0.7rem;border-bottom:0.1rem solid #333;border-right:0.1rem solid #333;G:2172px;background:transparent;box-shadow:none;transform:rotate(45deg);}
.tab-wrap.whole .tab-btn ul,
.tab-btn-area .tab-btn ul{min-height:4rem;justify-content:normal;white-space:nowrap;overflow:visible;display:block;overflow-x:auto;}
.tab-btn-area .tab-btn ul::-webkit-scrollbar{display:none;}
.tab-wrap.whole .tab-btn ul li,
.tab-btn-area .tab-btn ul li , .downside li a{float:none;display:inline-block;width:auto;min-width:6.5rem;border-radius:0;background:none;margin:0.4rem 0.15rem;color:#666;}
.tab-wrap.whole .tab-btn ul li a,
.tab-btn-area .tab-btn ul li a , .downside li a{width:auto;min-width:7.5rem;border-radius:1.8rem;height:3.5rem;padding:0 1.1rem;line-height:3.3rem;background-color:#eee;}
.tab-wrap.whole .tab-btn ul li.active::after,
.tab-btn-area .tab-btn ul li.active::after{display:none;}
.tab-wrap.whole .tab-btn ul li.active a,
.tab-btn-area .tab-btn ul li.active a, .downside li.active a{color:#fff !important;background-color:#1490ef !important;border-color:#1490ef !important;pointer-events:none;}
.tab-wrap.whole .tab-btn.open .btn-more{height:3rem;}
.tab-wrap.whole .tab-btn.open .btn-more::after,
.tab-btn-area .tab-btn.open .btn-more::after{top:1.5rem;transform:rotate(-135deg);}
.tab-wrap.whole .tab-btn-area{display:none;}
.tab-wrap.whole .tab-btn.open{box-shadow:none;height:auto;min-height:14rem;display:block;padding:3rem 2rem 2.8rem;background:#f3f3f3;}
.tab-wrap.whole .tab-btn.open .all-tit{display:block;}
.tab-wrap.whole .tab-btn.open .btn-more,
.tab-btn-area .tab-btn.open .btn-more{background:transparent;top:2.5rem;}
.tab-wrap.whole .tab-btn.open .btn-more::before,
.tab-btn-area .tab-btn .btn-more::before{display:none;}
.tab-wrap.whole .tab-btn.open ul,
.tab-btn-area .tab-btn.open ul{overflow:visible;white-space:normal;display:flex;flex-wrap:wrap;margin-right:1rem;padding-right:0;}

/* 스크롤시 */
.allmenu-wrap.fixed .allmenu-top{position:fixed;z-index:3;width:100%;height:6rem;min-height:6rem;background-color:#fff;}
.allmenu-wrap.fixed .allmenu-member-area{display:none;}
.allmenu-wrap.fixed .tab-btn-area,
.tab-btn-area{display:block;position:relative;z-index:2;}
.allmenu-wrap.fixed .allmenu-srch-area{display:none;}
.allmenu-wrap.fixed .allmenu-utill-area .btn-log.join{display:inline-block;}
.allmenu-wrap.fixed .btn-srch{display:inline-block;}
.allmenu-srch-area.fixed{padding-top:14.2rem;}
.allmenu-utill-area.fixed{width:100%;z-index:102;background-color:#fff;}
.allmenu-utill-area.fixed .btn-srch{display:inline-block;}
/* tooltip */
.form-group-item > .label{position:relative;display:flex;align-items:center;}
.tooltip-area{display:inline-block;right:0;top:0;vertical-align:middle;}
.tooltip-area button{box-shadow :none;background-color:transparent;vertical-align:top;}
.btn-tooltip{width:2.4rem;height:2.4rem;background-image:url(/assets/img/sa/ico-tooltip.svg);background-size:2.4rem;background-repeat:no-repeat;background-position:center;}
.tooltip-cont{z-index:10;background-color:#fff;border-radius:0.8rem;color:#666;font-size:1.2rem;font-weight:400;line-height:1.4;box-sizing:border-box;display:inline-block;position:absolute;right:0.5rem;top:3rem;min-width:24rem;width:max-content;max-width:62vw;padding:1.6rem 2.7rem 1.6rem 1.6rem;display:none;box-shadow:0 0.4rem 3rem 0 rgba(0, 0, 0, 0.08);}
.tooltip-cont .txt{word-break:keep-all;line-height:1.4;}
.btn-tooltip-close{position:absolute;top:1.6rem;right:1.2rem;width:1.5rem;height:1.5rem;background-image:url(/assets/img/sa/ico-tooltip-close.svg);background-size:1.5rem;background-repeat:no-repeat;background-position:center;}
.tooltip-area.active .tooltip-cont{display:block;}

.allmenu-wrap.fixed .tab-btn-area,
.tab-btn-area{animation:menuFadeIn 0.5s;}
@keyframes menuFadeIn{
	from{    opacity:0;}
	to{    opacity:1;}
}

/* 사업자정보 */
.allmenu-footer{padding:1.6rem 2rem 8rem 2rem;position:relative;text-align:left;background-color:#f8f8f8;}/* 하단 패딩값수정 20230406 */
.allmenu-footer .kca_h img{right:2.2rem;top:1.5rem ;height:auto;width:12rem;position:absolute;}
.allmenu-footer.accordion .btn-acc{width:auto !important;margin:0;padding:0 1rem 0 0;font-size:1.4rem;border-bottom:none;}
.allmenu-footer.accordion .btn-acc:after{margin-left:0.2rem;transition:all 0.2s;}
.allmenu-footer.accordion .acc-content{margin-top:0.6rem;font-size:1.2rem;color:#555;font-weight:400;}
.allmenu-footer address{font-style:normal;}
.allmenu-footer .copyright{margin-top:0.5rem;font-size:1.2rem;color:#999;font-weight:300;letter-spacing:0rem;}
.bridge-area .allmenu-footer{margin-top:4rem;}
.bridge-area.pc .allmenu-footer{margin-top:8rem;padding:3.6rem 0;background-color:#fff;}
.bridge-area.pc .allmenu-footer .inner{position:relative;padding-left:9.2rem;}
.bridge-area.pc .allmenu-footer .footer-logo{position:absolute;top:0;left:0;}
.bridge-area.pc .allmenu-footer .inner{max-width:108rem;color:#999;font-size:1.4rem;}
.bridge-area.pc  .allmenu-footer .copyright{margin-top:0.2rem;color:#999;font-size:1.4rem;}
.bridge-area.pc .allmenu-footer address > span + span{margin-left:1rem;}

/* 검색 */
.list.search-list{margin-top:calc(2rem + 15rem);}
.list.search-list > li{padding:0;position:relative;border:0;margin-bottom:1.2rem;flex-direction:column;}
.list.search-list >  li:last-of-type{margin-bottom:0;}
.list.search-list >  li > a{padding:2rem 0;position:relative;display:flex;align-items:center;width:100%;background-color:#fff;}
.list.search-list >  li > a::after{content:'';display:block;width:0.85rem;height:0.85rem;position:absolute;top:50%;right:1rem;margin-top:-0.4rem;border-top:0.1rem solid #666666;border-left:0.1rem solid #666666;transform:rotate(135deg);}
.list.search-list >  li > a.cmt-results::after{display:none;}
.list.search-list >  li > * .list-ripper{width:3rem;height:3rem;margin-right:0.6rem;border:0;border-radius:0;display:inline-flex;justify-content:center;align-items:center;}
.list.search-list >  li > * .list-text{padding-right:1rem;font-size:2rem;color:#111;font-weight:700;}
.list.search-list >  li > * .list-count{font-size:1.4rem;color:#111;font-weight:700;}
.list.search-list >  li > * .list-unit{font-size:1.4rem;color:#999;}
.list.search-list .list{width:100%;padding:0;flex-direction:column;justify-content:flex-start;}
.list.search-list .list::after{display:none;}
.list.search-list .list li{width:100%;padding:1.2rem 0.4rem;}
.list.search-list .list li .cate{display:flex;font-size:1.4rem;color:#666;}
.list.search-list .list li a::before{content:'>';width:1.5rem;text-align:center;}
.list.search-list .card-credit-limit{margin-top:0;}
.list.search-list .card-credit-limit + .card-credit-limit{margin-top:1.6rem;}
.list.search-list .card-credit-limit:last-of-type{margin-bottom:0;}
.list.search-list .event-list:first-of-type{margin-top:0;}
.list.search-list .event-list li{padding:0;border-top:0;border-bottom:0;}
.list.search-list .list.expand.accordion.notice:first-of-type,
.list.search-list .list.expand.accordion.board.faq:first-of-type{margin-top:0;}
.list.search-list .list.expand.accordion.notice,
.list.search-list .list.expand.accordion.board.faq{width:calc(100% + 4rem);margin-left:0;}
.list.search-list .list.expand.accordion.notice li,
.list.search-list .list.expand.accordion.board.faq li{padding:0;}
.search-no-data{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:19rem;}
.search-no-data i{width:6rem;height:6rem;margin-bottom:1.6rem;background:url(/assets/img/co/ico-nodata.svg) no-repeat 50% 50%;background-size:6rem auto;}

/* @import url(./so.css);*/
/* 로그인 */
/* 시작 / 로그인 */
.intro-wrap{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#1490ef;}
.intro-text{position:absolute;top:12.4rem;left:4rem;}
.intro-text p:not(.intro-text-ani){margin:1rem 0 0;font:normal normal 300 1.4rem/2rem 'Noto Sans KR';color:#fff;letter-spacing:-0.7px;}
.intro-text .intro-text-ani{margin:0;padding:0;}
.intro-text .intro-text-ani div{font:normal normal normal 4.4rem/5.5rem 'Noto Sans KR';letter-spacing:-2.2px;}
.intro-text .intro-text-ani div strong{font-size:4.4rem;line-height:5.5rem;font-weight:900;}
.intro-text .intro-text-ani div{background:linear-gradient(to right, white, white 50%, rgba(255,255,255,0.24) 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;}
.intro-text .intro-text-ani div:first-of-type{animation-duration:1.5s;animation-fill-mode:both;animation-name:intro-txt;}
.intro-text .intro-text-ani div:last-of-type,
.intro-text .intro-text-ani div:last-of-type strong{animation-duration:1.5s;animation-delay:0.5s;animation-fill-mode:both;animation-name:intro-txt;}
.intro-btn-skip{position:absolute;bottom:10rem;left:5rem;width:calc(100vw - 5rem);height:6rem;}
.intro-btn-skip .intro-btn-slide{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;width:6rem;height:6rem;background-color:#fff;text-align:center;line-height:6rem;border:0;border-radius:50%;font-size:1.6rem;font-family:'Noto Sans KR';letter-spacing:-0.8px;color:#1490ef;animation-duration:1.5s;animation-delay:2s;animation-fill-mode:both;animation-name:intro-slide;}
.intro-btn-skip hr{width:100%;height:2px;background-color:#fff;opacity:0.2;border:0;position:absolute;top:50%;left:0;margin:0;padding:0;}

@keyframes intro-txt{
	from{    background-position:100%;}
	to{    background-position:0 100%;}
}
@keyframes intro-slide{
	from{    left:0;}
	to{    left:calc(100vw - 11rem);}
}

/* login wrap common */
.form-wrap{margin:4rem 0 4rem;}
.form-wrap .text-list{margin-top:1rem;}
.form-wrap .btn-wrap .btn.lg.stroke{width:100%;margin-top:0;}
.form-wrap .btn-wrap{margin-top:1.6rem;}
.form-wrap .btn.lg.stroke,
.account-verifi-wrap .form-wrap .btn-wrap{margin-top:1.6rem;}
.tit-h3-text + .btn-wrap,
.text-list + .btn-wrap{margin-top:1.6rem;}

.login-option{margin-top:2rem;}
.login-option .form-group label span{font-size:1.4rem;font-weight:400;}
.login-option .section{display:flex;justify-content:space-between;align-items:center;}
.login-option .txt-link{margin-top:0;font-size:1.4rem;}
.text-list-wrap{margin-left:-2rem;margin-right:-2rem;padding:4rem 2rem;border-top:1rem #f3f3f3 solid;}
.text-wrap{margin-left:-2rem;margin-right:-2rem;padding:4rem 2rem;}

/* 20230126t수정 */
.text-list-wrap_banner{  margin-left:-2rem;margin-right:-2rem;padding:2rem 2rem;border-top:1rem #f3f3f3 solid;}
.text-list-wrap_banner .banner-wrap{margin-top:0;margin-bottom:2rem;}
.text-list-wrap .tit-h4{margin-top:0;}
.text-list-wrap .form-wrap{margin-top:2.4rem;}
.text-list-wrap > *:first-child{margin-top:0;}

/* 로그인 방식 리스트 */
.login-type-list .desc{padding-left:1.2rem;}
.login-type-list .desc .type{display:flex;align-items:center;color:#111;font-size:1.6rem;font-weight:700;word-break:keep-all;}
.login-type-list .desc .type .badge{margin-left:0.6rem;}
.login-type-list .desc .type-info{display:block;margin-top:0.4rem;padding-left:0;color:#999;font-size:1.2rem;font-weight:400;word-break:keep-all;}
.login-type-list .desc .type-info .date{color:#999;}
.login-type-list  [class*="ico-"]{display:inline-block;min-width:4rem;height:4rem;border:none;background-repeat:no-repeat;background-size:contain;}
.login-type-list .ico-phone{background-image:url(/assets/img/co/login-type-ico-phone.svg);}
.login-type-list .ico-bio{background-image:url(/assets/img/co/login-type-ico-bio-finger.svg);}
.login-type-list .ico-kakao{background-image:url(/assets/img/co/login-type-sns-kakaotalk.svg);}
.login-type-list .ico-naver{background-image:url(/assets/img/co/login-type-sns-naver.svg);}
.login-type-list .ico-google{background-image:url(/assets/img/co/login-type-sns-google.svg);}
.login-type-list .ico-fb{background-image:url(/assets/img/co/login-type-sns-facebook.svg);}
.login-type-list .ico-cert{background-image:url(/assets/img/co/login-type-ico-certification.svg);}
.login-type-list .ico-pin{background-image:url(/assets/img/co/ico-pin.svg);}
.login-type-list .ico-apple{background-image:url(/assets/img/co/login-type-sns-apple.svg);}
.login-type-list p{margin-bottom:0;}

/* sns login */
.login-wrap [class^="logo-"]{position:relative;margin-bottom:1.6rem;padding-top:14rem;font-size:2.4rem;color:#111;letter-spacing:-0.05em;}
.login-wrap [class^="logo-"]:before{content:'';position:absolute;top:6rem;left:0;display:block;width:6rem;height:6rem;border-radius:100%;background:50% 50% no-repeat;background-size:contain;}
.login-wrap .logo-cert:before{background-image:url(/assets/img/co/ico-cert-login.svg);border-radius:0;}
.login-wrap .logo-simple:before{background-image:url(/assets/img/co/ico-simple-pw.svg);border-radius:0;}
.login-wrap .logo-apple:before{background-image:url(/assets/img/co/sns-apple.svg);}
.login-wrap .logo-kakao:before{background-color:#fee500;background-image:url(/assets/img/co/sns-kakao.svg);}
.login-wrap .logo-naver:before{background-color:#03c75a;background-image:url(/assets/img/co/sns-naver.svg);}
.login-wrap .logo-fb:before{background-color:#3c5a99;background-image:url(/assets/img/co/sns-facebook-circle.svg);}
.login-wrap .logo-google:before{background-color:#fff;border:0.2rem solid #eee;background-image:url(/assets/img/co/sns-google.svg);background-size:3.4rem auto;}
.login-wrap .logo-bio:before{background-image:url(/assets/img/co/ico-bio-finger.svg);border-radius:0;}
.login-wrap .logo-certif:before{background-image:url(/assets/img/co/won_certif.svg);}
.login-wrap [class^="logo-"] + .login-option{margin-top:4rem;}
.login-wrap [class^="logo-"]:last-child,
.login-wrap p:last-child{margin-bottom:4rem;}

/* 다른 로그인 방식 선택 간격 */
.login-wrap:nth-last-child(2){margin-bottom:4rem;}

.btn[class*="btn-logo-"]::before{content:"";margin-top:0.3rem;margin-right:1.2rem;background-repeat:no-repeat;background-position:0 0;background-size:contain;}
.btn.btn-logo-naver{background-color:#03c75a;border-top-color:#03c75a;}
.btn.btn-logo-naver::before{width:2rem;height:1.9rem;background-image:url(/assets/img/co/btn-sns-naver.svg);}
.btn.btn-logo-kakao{color:#111;background-color:#fee500;border-top-color:#fee500;}
.btn.btn-logo-kakao::before{width:2.5rem;height:2.3rem;background-image:url(/assets/img/co/btn-sns-kakao.svg);}
.btn.btn-logo-apple{background-color:#000;border-top-color:#000;}
.btn.btn-logo-apple::before{width:1.85rem;height:2.27rem;background-image:url(/assets/img/co/btn-sns-apple.svg);}

.btn-login-type{margin:0 auto 4rem;padding:0;font-size:1.4rem;font-weight:700;line-height:1.3;letter-spacing:-0.05rem;background:none;border-bottom:0.1rem solid #111;}
.login-wrap ~ .floating-wrap{flex-wrap:wrap;}
.text-list.bg{width:calc(100% + 4.8rem);margin:0 -2.4rem;padding:1.6rem 2.4rem;background:#f3f3f3;text-align:left;}
.txt-link{position:relative;display:inline-block;margin-top:1rem;font-size:1.2rem;color:#111;vertical-align:middle;}
.txt-link:after{content:'';display:inline-block;width:0.8rem;height:0.8rem;margin-left:0.5rem;border-top:0.1rem solid #333;border-right:0.1rem solid #333;transform:rotate(45deg);}

/* pin */
.login-wrap .pin{position:relative;margin-top:3rem;}
.login-wrap .pin .label{display:block;margin-bottom:0.8rem;font-weight:700;font-size:1.6rem;line-height:1.75rem;color:#111;}
.login-wrap .pin .pin-ui{position:relative;display:flex;width:100%;}
.login-wrap .pin.box .pin-ui{justify-content:center;padding:4rem 0;background:#fff;border-radius:0.8rem;box-shadow:0 0.4rem 3rem 0 rgba(0, 0, 0, 0.08);}
.login-wrap .pin.box .pin-ui > * + *{margin-left:0.8rem;}
.login-wrap .pin.box.error .pin-ui{box-shadow:0 0.4rem 3rem 0 rgba(229, 72, 61, 0.08);}
.login-wrap .pin .pin-ui .dot{position:relative;display:block;width:1.4rem;height:1.4rem;border-radius:100%;background-color:#ccc;}
.login-wrap .pin.box .pin-ui .dot.active{background-color:#111;}
.login-wrap .pin.box .msg-error{margin-bottom:0;}
.login-wrap .pin.line{margin-top:4rem;}
.login-wrap .pin.line .pin-ui{padding:1.1rem 0 1.2rem;border-bottom:0.1rem solid #ccc;}
.login-wrap .pin.line .pin-ui > * + *{margin-left:0.4rem;}
.login-wrap .pin.line.focus .pin-ui{border-bottom-color:#666;}
.login-wrap .pin.line.focus.error .pin-ui{border-bottom-color:#ee2617;}
.login-wrap .pin.line .pin-ui .dot{width:1.2rem;height:1.2rem;background:#ccc;}
.login-wrap .pin.line .pin-ui .dot.done,
.login-wrap .pin.line.focus .pin-ui .dot.active{background:#666;}

/* 인증서 */
.cert-tab{margin-top:3.6rem;}
.cert-tab ul{display:flex;justify-content:space-between;list-style:none;}
.cert-tab ul li{width:100%;text-align:center;}
.cert-tab ul li:nth-child(n+2){margin-left:1.6rem;}
.cert-tab ul li .cert-link{display:block;padding:2rem;border-radius:1rem;text-align:left;}
.cert-tab ul li:first-child .cert-link{background:#1490ef;}
.cert-tab ul li:last-child .cert-link{background:#12c6f5;}
.cert-tab ul li .cert-link .tit{display:block;margin-top:3rem;font-size:2rem;color:#fff;}
.cert-tab ul li .cert-link .ico-cert{width:5rem;height:5rem;border-radius:100%;border:none;background:#fff 50% 50% no-repeat;}
.cert-tab ul li .cert-link .ico-cert.cert1{background-image:url(/assets/img/co/ico-certification-bank.svg);background-size:2.5rem auto;}
.cert-tab ul li .cert-link .ico-cert.cert2{background-image:url(/assets/img/co/ico-certification.svg);background-size:2.45rem auto;}

/* 인증서 목록 */
.cert-list li:nth-child(n+2){margin-top:1.6rem;}
.cert-item{position:relative;display:block;padding:2rem 5.4rem 2rem 7.2rem;font-size:1.6rem;color:#fff;border-radius:0.8rem;border:1px solid #ccc;}
.cert-item .ico-cert{position:absolute;top:2rem;left:2rem;width:4rem;height:4rem;background:#fff url(/assets/img/co/ico-certification.svg) 50% 50% no-repeat;background-size:4rem auto;}
.cert-item span{display:block;color:#111;}
.cert-item .name{font-size:1.6rem;letter-spacing:-0.032rem;font-weight:700;padding-bottom:1.45rem;}
.cert-item .info{font-size:1.2rem;font-weight:400;line-height:1.2;}
.cert-item .info + .info{padding-top:0.8rem;}
.cert-item .info *{font-style:normal;}
.cert-item .info .tit{display:inline-block;width:3.2rem;color:#666666;margin-right:2rem;}
.cert-item:after{content:'';position:absolute;top:50%;right:2rem;display:block;width:1rem;height:1rem;border-top:0.1rem solid #666666;border-right:0.1rem solid #666666;transform:translateY(-50%) rotate(45deg);}

/* 인증서 disabled */
.cert-item.disabled{background:#f8f8f8;pointer-events:none;}
.cert-item.disabled > *, .cert-item.disabled:after{opacity:0.24;}
.cert-item.disabled .info{font-size:1.2rem;font-weight:400;}

/* 인증서 상세 */
.cert-item-detail::after{display:none;}

/* 이용약관 */
.terms-list .list li{display:flex;align-items:stretch;margin-top:1.6rem;padding:0;border-bottom:none;/* gap:0;*/}
.terms-list .list li:first-of-type{margin-top:0;border-top:none;}
.terms-list .form-group.standalone + span.link{min-height:2.4rem;margin-left:0.8rem;}
.terms-list .link{display:block;flex:1 1 auto;font-size:1.4rem;color:#333;}
.terms-list .link .btn{position:relative;display:block;padding:0 3rem 0 0;color:inherit;font-size:1.6rem;font-weight:700;line-height:2.1rem;}
.terms-list .link .btn:after{content:'';width:2.4rem;height:2.4rem;display:block;position:absolute;top:0;right:0;background:url(/assets/img/co/ico-arrow-r.svg) 50% 50% no-repeat;background-size:contain;}
.terms-list .checkall-sub .link .btn{font-size:1.6rem;font-weight:700;color:#111;line-height:1.5;}
.terms-list .link.no-arrow .btn{padding-right:0;}
.terms-list .link.no-arrow .btn:after{display:none;}

.terms-list .chkSub .list li{margin-top:0.8rem;}
.terms-box{position:relative;height:11.5rem;margin-top:1rem;overflow-y:auto;}
.terms-content{color:#111;font-size:1.4rem;font-weight:400;}
.terms-content .tit{display:block;margin:1.8rem 0 0.5rem;font-size:1.8rem;font-weight:400;}
.terms-content .tit:first-child{margin-top:0;}

/* guide */
.guide-area{height:100vh;padding-bottom:6rem;}
.guide-area img{width:100%;}
.guide-area .swiper-slide{overflow:hidden;}
.guide-area .swiper-pagination{position:fixed;bottom:8.5rem;}
.floating-guide-wrap{width:100%;position:fixed;left:0;bottom:0;z-index:20;}
.floating-guide-wrap .btn.float{width:100%;font-weight:700;}

/* 앱 유도화면 */
.bridge-area{position:relative;width:100vw;height:100vh !important;}
.bridge-area .swiper{width:100%;height:auto;}
.bridge-area .swiper-slide{background:#fff;display:flex;flex-direction:column;}
.bridge-area .swiper-slide .allmenu-footer{display:none;height:auto;position:absolute;bottom:-100%;left:0;}
.bridge-area .swiper-slide-active .allmenu-footer{display:block;animation-name:allmenuLanding;animation-duration:1s;animation-delay:1s;animation-iteration-count:1;animation-fill-mode:forwards;}
@keyframes allmenuLanding{
	0%{    bottom:-100%;}
	100%{  bottom:0;}
}

.bridge-area .swiper-slide > div{position:relative;width:100%;height:100%;}
.bridge-area .swiper-slide img{display:block;}
/* mo */
.bridge-area.mo .swiper-slide > div:not(.allmenu-footer){padding:0 2rem;}
.bridge-area.mo .swiper-slide{text-align:left;font-size:1.8rem;justify-content:flex-start;align-items:flex-start;}
.bridge-area.mo .section1{background:#ffffff url(/assets/img/bridge/visual-mw-01.png) center bottom no-repeat;background-size:contain;text-align:center;}
.bridge-area.mo h2{margin-top:4rem;font-size:3rem;font-weight:700;letter-spacing:-0.09rem;line-height:3.7rem;}
.bridge-area.mo .desc{margin-top:1.5rem;}
.bridge-area.mo .paragraph{color:#666;font-size:1.6rem;font-weight:400;letter-spacing:-0.048rem;line-height:2.3rem;}
.bridge-area.mo .section2 .paragraph{width:75%;}
.bridge-area.mo .section3 .paragraph{width:90%;}
.bridge-area.mo .section4 .paragraph{width:53%;}
.bridge-area.mo .section5 .paragraph{width:93%;}
.bridge-area.mo .h2-label{margin-top:6rem;font-size:1.4rem;color:#1490ef;font-weight:800;letter-spacing:-0.042rem;line-height:1;}
.bridge-area.mo .h2-label .highlighter::before{bottom:0.1rem;height:0.5rem;}
.bridge-area.mo .btn-wrap{display:flex;align-items:center;justify-content:center;}
.bridge-area.mo .btn-download{position:relative;display:inline-block;width:1.7rem;height:1.7rem;margin-left:1rem;background:url(/assets/img/bridge/ico-mw-down.svg) 50% 50% no-repeat;background-size:1.7rem;vertical-align:text-top;}
.bridge-area.mo .btn-wrap button{width:100%;height:100%;background-color:transparent;}
.bridge-area.mo h2{color:#111;}
.bridge-area.mo .section1 h2{margin-top:10rem;font-size:3.2rem;font-weight:400;line-height:4rem;}
.bridge-area.mo .section1 h2 strong{position:relative;font-weight:800;}
.bridge-area.mo .section1 strong::after{content:'';display:block;position:absolute;right:-1.5rem;top:1.1rem;width:0.9rem;height:0.9rem;background-color:#12c6f5;border-radius:50%;}
.bridge-area.mo .section1 .desc{margin-top:2rem;font-size:1.4rem;font-weight:400;letter-spacing:-0.042rem;}
.bridge-area.mo .section1 .desc strong{color:#1490ef;font-weight:800;}
.bridge-area.mo .section1 .btn-wrap{width:18rem;height:5rem;margin:5rem auto 0;background-color:#1490ef;border-radius:30rem;color:#fff;font-size:1.6rem;font-weight:400;}
.bridge-area.mo .section2{background:#f8f8f8 url(/assets/img/bridge/visual-mw-02.png) center 24.5rem no-repeat;background-size:64% auto;}
.bridge-area.mo .section2 .btn-wrap{position:absolute;bottom:0;left:0;width:100%;height:6rem;}
.bridge-area.mo .section2 .btn-wrap .left{position:absolute;top:-1.5rem;left:2rem;width:6rem;height:6rem;background:#FFFFFF 0% 0% no-repeat padding-box;box-shadow:0.5rem 0.5rem 1rem #00000029;border-radius:1.2rem;z-index:1;}
.bridge-area.mo .section2 .btn-wrap .left{display:flex;align-items:center;justify-content:center;}
.bridge-area.mo .section2 .btn-wrap .left .ico-car{display:block;width:4.8rem;height:4.8rem;background-image:url(/assets/img/bridge/ico-mw-ci.png);background-repeat:no-repeat;background-position:center;background-size:4.8rem auto;}
.bridge-area.mo .section2 .btn-wrap .right{position:absolute;top:0;right:0;width:calc(100% - 5.8rem);height:100%;display:flex;align-items:center;justify-content:center;background-color:#1490ef;}
.bridge-area.mo .section2 .btn-wrap .right::before{content:'';display:block;position:absolute;top:0;left:0;width:5.5rem;height:6rem;left:-4.5rem;background-image:url(/assets/img/bridge/bg-btn-left.svg);}
.bridge-area.mo .section2 .btn-wrap button{width:100%;height:100%;color:#fff;font-size:1.6rem;font-weight:400;letter-spacing:-0.08rem;line-height:3.1rem;}
.bridge-area.mo .section3{background:#ffffff url(/assets/img/bridge/visual-mw-03.png) center bottom no-repeat;background-size:contain;}
.bridge-area.mo .section4{background:#ffffff url(/assets/img/bridge/visual-mw-04.png) center calc(100% - 2.3rem) no-repeat;background-size:69% auto;}
.bridge-area.mo .section5{min-height:64rem;background:#f8f8f8 url(/assets/img/bridge/visual-mw-05.png) center bottom no-repeat;background-size:87% auto;}

/* pc */
.bridge-area.pc{justify-content:inherit;}
.bridge-area.pc [class^=section]{width:100%;height:100vh;}
.bridge-area.pc [class^=section]:not(.section1){height:70rem;min-height:70rem;}
.bridge-area.pc [class^=section]{display:flex;flex-direction:column;position:relative;min-width:1080px;text-align:left;}
.bridge-area.pc [class^=section]:not(.section1){padding:17rem 0;}
.bridge-area.pc .inner{min-width:108rem;width:1080px;margin:0 auto;}
.bridge-area.pc .section1{justify-content:flex-end;}
.bridge-area.pc .section1 > .inner{display:flex;align-items:center;justify-content:center;}
.bridge-area.pc .section1 .title{height:calc(100vh - 45vh);flex-direction:column;align-items:flex-start;}
.bridge-area.pc .section1 h1{margin-top:6vh;font-size:6.4rem;line-height:1.3;letter-spacing:-0.1rem;color:#111;font-weight:400;}
.bridge-area.pc .section1 h1 strong{position:relative;display:inline-block;padding-right:2.5rem;font-weight:800;}
.bridge-area.pc .section1 h1 strong::after{content:"";position:absolute;top:2rem;right:0;width:1.8rem;height:1.8rem;border-radius:50%;background:#12C6F5;}
.bridge-area.pc .section1 .desc{margin-top:4rem;}
.bridge-area.pc .section1 .desc strong{font-weight:800;color:#0083CB;}
.bridge-area.pc .section1 .img-area{top:10vh;transform:translate(50px, 0);}
.bridge-area.pc .section1 .app-info{height:45vh;color:#fff;background-color:#0083CB;}
.bridge-area.pc .section1 .app-info .inner{padding-top:4.5rem;}
.bridge-area.pc .section1 .app-inner{width:1080px;margin:0 auto;}
.bridge-area.pc .section1 .app-inner .app-tit{margin-bottom:5vh;padding-left:4.4rem;font-size:28px;color:#fff;line-height:1.3;font-weight:400;background:url(/assets/img/so/ico-app-down.png) 0 bottom no-repeat;}
.bridge-area.pc .section1 .app-inner .down-area{display:flex;justify-content:space-between;}
.bridge-area.pc .section1 .app-inner .down{display:flex;width:50%;}
.bridge-area.pc .section1 .app-inner .down .tit{display:inline-block;min-width:14rem;margin-right:3rem;font-size:2rem;font-weight:400;}
.bridge-area.pc .section1 .app-inner .con{font-size:0;letter-spacing:0;vertical-align:top;}
.bridge-area.pc .section1 .app-inner .con .box{display:inline-block;background:#fff;border-radius:1.6rem;font-size:2rem;color:#111;}
.bridge-area.pc .section1 .app-inner .con .box.google{background-image:url(/assets/img/so/ico-app-google.png);}
.bridge-area.pc .section1 .app-inner .con .box.apple{background-image:url(/assets/img/so/ico-app-apple.png);}
.bridge-area.pc .section1 .app-inner .con.store .box{display:inline-block;width:25rem;height:7.2rem;letter-spacing:-0.1rem;padding:2rem 0 2rem 10rem;background-position:3rem 50%;background-repeat:no-repeat;}
.bridge-area.pc .section1 .app-inner .con.store .box:not(:first-child){margin-top:3rem;}
.bridge-area.pc .section1 .app-inner .con.qr .box{position:relative;vertical-align:top;width:16rem;height:16rem;padding:3rem;}
.bridge-area.pc .section1 .app-inner .con.qr .box img{width:100%;height:100%;}
.bridge-area.pc .section1 .app-inner .con.qr .box em{position:absolute;bottom:-3.8rem;left:0;right:0;font-size:2rem;color:#fff;text-align:center;font-style:normal;font-weight:400;}
.bridge-area.pc .section1 .app-inner .con.qr .box:not(:first-child){margin-left:3rem;}
.bridge-area.pc .section3{background-color:#12c6f5;}
.bridge-area.pc .section3 h2,
.bridge-area.pc .section3 .h2-label,
.bridge-area.pc .section3 .desc{color:#fff;}
.bridge-area.pc .section3 .h2-label::before{background:#3AB0CE;}
.bridge-area.pc .section3 .img-area{top:inherit;bottom:0;transform:translate(50px, 0);}
.bridge-area.pc .section5{background-color:#F8F8F8;}
.bridge-area.pc .logo{display:inline-block;width:13.5rem;height:8.8rem;margin-left:-1rem;background:url(/assets/img/so/pc-logo.png) 0 0 no-repeat;background-size:13.5rem auto;}
.bridge-area.pc .h2-label{display:inline-block;position:relative;margin-bottom:6rem;font-size:2rem;font-weight:800;color:#0083CB;z-index:1;}
.bridge-area.pc .h2-label::before{content:'';display:inline-block;position:absolute;bottom:0.2rem;right:0;left:0;width:100%;height:0.7rem;z-index:-1;background:#B7EEFC;}
.bridge-area.pc h2{font-size:4.8rem;color:#111;line-height:1.4;font-weight:700;}
.bridge-area.pc .desc{margin-top:2rem;font-size:2rem;color:#666;word-wrap:break-word;}
.bridge-area.pc .img-area{position:absolute;top:50%;left:50%;width:60.6rem;height:60rem;display:flex;justify-content:center;align-items:center;transform:translate(50px, -50%);}
.bridge-area.pc .img-area img{width:auto;}

@media only screen and (max-width:1080px){
	body.bridge,
	.bridge-area.pc{min-width:70rem;}
	.bridge-area.pc [class^=section],
	.bridge-area.pc .inner{    width:100%;min-width:70rem;}
	.bridge-area.pc [class^=section]:not(.section1){    min-height:auto;}
	.bridge-area.pc .inner{    padding-left:4rem;padding-right:30rem;}
	.bridge-area.pc .allmenu-footer .inner{    margin-left:4rem;padding-left:9.2rem;padding-right:0rem;}
	.bridge-area.pc .img-area{    left:inherit;right:0;width:35rem;height:35rem;transform:translate(0, -50%);justify-content:flex-end;}
	.bridge-area.pc .img-area img{    width:auto;height:100%;}
	.bridge-area.pc .section1,
	.bridge-area.pc .section1 .inner{    height:auto;}
	.bridge-area.pc .section1 .inner{    padding:6vh 4rem;}
	.bridge-area.pc .section1 .inner:first-child{    position:relative;z-index:1;}
	.bridge-area.pc .section1 .img-area{    top:50%;width:30rem;height:30rem;z-index:-1;}
	.bridge-area.pc .section1 .app-inner{    width:100%;}
	.bridge-area.pc .section1 .app-inner .down{    display:inline-block;}
	.bridge-area.pc .section1 .app-inner .down:not(:first-child){    margin-left:2rem;}
	.bridge-area.pc .section1 .app-inner .down .tit{    display:block;width:100%;margin-bottom:10px;}
	.bridge-area.pc .section1 .app-inner .con.qr .box{    width:13rem;height:13rem;padding:2rem;}
}

/* @import url(./su.css);*/
/* 회원가입 */
/* 회원가입 */
/* 회원가입 완료 */
.member-benefit{display:block;width:100%;margin:1rem 0 3rem;border-radius:0.5rem;background:#f5f5f5;}
.member-benefit .text-list-wrap{width:100%;margin:0;padding:1.5rem 2rem;border-top:0;}
.member-benefit .text-list-wrap h2{font-weight:400;}
.member-benefit .text-list-wrap li{font-size:1.4rem;}
.member-benefit .text-list-wrap .dash li:before{top:1rem;}
.btn.btn-share.lg{width:100%;border:0.1rem solid #5c5c5c;font-weight:400;color:#111;}
.btn.btn-share.lg:before{width:1.5rem;height:1.7rem;margin-right:2.3rem;background-image:url(/assets/img/co/ico-sns-share-b.svg);}
/* 회원가입 브릿지페이지 */
.bridge-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 21.5rem);}
.bridge-wrap .logo{display:block;width:12.5rem;height:12.5rem;background:url(/assets/img/so/logo_woncar.svg) 50% 50% no-repeat;background-size:100%;}
.bridge-wrap .bridge-text{margin-top:1.4rem;}
.bridge-wrap .bridge-text p{text-align:center;font-size:2.1rem;line-height:1.5;letter-spacing:-0.05em;color:#111;}
/* @import url(./sn.css);*/
/* 고객센터 */

/* @import url(./sq.css);*/
/* 큐레이션 */
/* 큐레이션 질문 */
.curation-wrap .container{padding-bottom:0;overflow:hidden;}
.curation .hide{display:none;}
.curation.tbl{width:100%;height:calc(100vh - 6rem);display:flex;flex-direction:column;table-layout:fixed;}
.curation.tbl:first-of-type .form-group-tab.ty-row [class^=wrap-q]{height:calc(100vh - 15rem - 19rem);overflow:hidden;overflow-y:auto;padding-top:1rem;margin-top:-1rem;}
.curation.tbl:first-of-type .form-group-tab.ty-row [class^=wrap-q]:first-of-type{height:calc(100vh - 9rem - 19rem);}
.curation.tbl .curation-q{position:relative;z-index:1;height:19rem;}
.curation.tbl .curation-q .progress-wrap{position:absolute;left:0;bottom:0;background-color:#fff;}
.curation.tbl .form-group-tab.ty-row{position:relative;margin-top:4rem;height:calc(100vh - 10rem - 19rem);background-color:#fff;}
.curation.tbl .form-group-tab.ty-row > div:not(.floating-wrap){position:absolute;top:0;left:0;width:100%;height:calc(100vh - 6rem);padding-right:2rem;padding-left:2rem;}
.curation .progress-wrap .progress{background-color:#efefef;border-radius:0.5rem;}
.curation .progress-wrap .progress-bar{width:0;border-radius:0.5rem;transition:width 0.5s ease-in-out;}
.curation .progress-wrap .progress-step{margin-top:0.5rem;text-align:right;font-size:1.3rem;color:#999999;letter-spacing:0.1em;}
.curation .progress-wrap .progress-step strong{font-size:1.3rem;color:#1490ef;}
.curation ~ .floating-wrap.fake{position:fixed;}
.form-group-tab.ty-row{display:block;width:100vw;margin:0 -2rem;padding:0 2rem;}
.form-group-tab.ty-row .form-group{margin-bottom:2.5rem;margin-left:0;background:#ffffff 0% 0% no-repeat padding-box;box-shadow:1.5px 2.5px 10px #11111126;border-radius:1rem;opacity:1;}
.form-group-tab.ty-row .form-group.animate__animated.animate__delay-1s{animation-delay:0.3s;}
.form-group-tab.ty-row .form-group.animate__animated.animate__delay-2s{animation-delay:0.6s;}
.form-group-tab.ty-row .form-group.animate__animated.animate__delay-3s{animation-delay:0.9s;}
.form-group-tab.ty-row .form-group.animate__animated.animate__delay-4s{animation-delay:1.2s;}
.form-group-tab.ty-row .form-group.animate__animated.animate__delay-5s{animation-delay:1.5s;}
.form-group-tab.ty-row .form-group.animate__animated.animate__delay-6s{animation-delay:1.8s;}
.form-group-tab.ty-row .form-group.animate__animated.animate__delay-7s{animation-delay:2.1s;}
.form-group-tab.ty-row .form-group.animate__animated.animate__delay-8s{animation-delay:2.4s;}
.form-group-tab.ty-row .form-group.animate__animated.animate__delay-9s{animation-delay:2.7s;}
.form-group-tab.ty-row .form-group.animate__animated.animate__delay-10s{animation-delay:3s;}
.curation.tbl:not(:first-of-type) .form-group-tab.ty-row .form-group:last-of-type{margin-bottom:4rem;}
.form-group-tab.ty-row .form-group label{min-height:6.4rem;border-radius:1rem;height:auto;justify-content:flex-start;align-items:flex-start;padding:2.2rem 2.3rem 2.2rem;}
.form-group-tab.ty-row .form-group label span{font-size:1.6rem;font-weight:400;line-height:1.25;text-align:left;}
.form-group-tab.ty-row .form-group input[type="radio"]:checked + label{background-color:#1490ef;color:#fff;}
.form-group-tab.ty-row .form-group input[type="radio"]:checked + label span{color:#fff;}
.form-group-tab.ty-row .form-group label:before{width:2.4rem;height:2.4rem;margin-right:0.6rem;position:relative;top:unset;left:unset;transform:unset;border:none;border-radius:0;background:url(/assets/img/co/st-checkbox.svg) center center no-repeat;background-size:2.4rem auto;}
.form-group-tab.ty-row .form-group input:checked + label:before{background:url(/assets/img/co/st-checkbox-on.svg) center center no-repeat;background-size:2.4rem auto;}
/* @import url(./sc.css);*/
/* 인증센터 */

/* 인증서 관리 */
.cert-detail .cert-item{padding-top:2rem;padding-bottom:2rem;background:#f5f5f5;}
.cert-detail .cert-item dl{display:flex;flex-wrap:wrap;font-size:1.2rem;}
.cert-detail .cert-item dl dt{position:relative;width:5rem;margin-right:0.6rem;font-weight:400;color:#999;}
.cert-detail .cert-item dl dt, dd{margin-top:0.3rem;}
.cert-detail .cert-item dl dt:first-of-type,
dd:first-of-type{margin-top:0;}
.cert-detail .cert-item dl dt:after{content:'';position:absolute;top:0.5rem;right:0;width:0.1rem;height:1rem;background:#e0e0e0;}
.cert-detail .cert-item dl dd{width:calc(100% - 5.6rem);color:#111;}
.cert-detail .cert-item dl dd span{font-weight:400;}

/* @import url(./sm.css);*/
/* 마이페이지 */
/* qna write */
.textbox{position:relative;margin-top:1.8rem;padding:1.2rem;border-radius:0.4rem;border:0.1rem solid #ccc;}
.textbox.focus{border-color:#666;}
.textbox textarea{border:0;outline:0;padding:0;}
.textbox .info{position:absolute;bottom:1rem;left:1.2rem;display:block;font-size:1.2rem;color:#ccc;}
.textbox .count{text-align:right;font-size:1.2rem;font-weight:400;color:#666;line-height:1.2;}
.textbox .count .current{font-weight:400;}
.textbox .count .total:before{content:'/';}
.txt-link.block{display:block;font-size:1.4rem;}
.txt-link.block:after{position:absolute;top:50%;right:0;margin-top:-0.4rem;}
.form-group-item .txt.link{margin-top:0;}

.menu-list{margin-top:2rem;}
.menu-list li{position:relative;display:flex;align-items:center;height:5.6rem;padding:2rem 2rem 2.05rem;background:#fff;color:#666666;font-size:1.4rem;overflow:hidden;margin:0 -2rem;border-bottom:0;}
.menu-list li:not(.login-info) + li{border-top:0.1rem solid #eeeeee;}
.menu-list li:first-of-type{margin-top:0;border-top:0;}
.menu-list li.link a{display:flex;align-items:center;width:100%;height:100%;background:#fff;color:inherit;font-size:1.4rem;}
.menu-list li.link a:after{content:'';position:absolute;top:50%;right:2.9rem;display:block;width:0.8rem;height:0.8rem;border-top:0.1rem solid #999;border-right:0.1rem solid #999;transform:translateY(-50%) rotate(45deg);}
.menu-list li.login-info{width:calc(100% + 4rem);margin-left:-2rem;background:#f8f8f8;margin-top:-2rem;padding:2rem;display:flex;flex-direction:column;align-items:flex-start;height:auto;}
.menu-list li.login-info > div{font-weight:700;font-size:1.6rem;color:#111;}
.menu-list li.login-info > div + .btn{margin-top:1.6rem;}
.menu-list .select-btn{border-bottom:0;font-size:1.4rem;margin:0 -2rem;padding-left:2rem;width:calc(100% + 4rem);height:5.6rem;}
.menu-list .select-btn:after{content:'';position:absolute;top:50%;right:2.9rem;display:block;width:0.8rem;height:0.8rem;border-top:0.1rem solid #999;border-right:0.1rem solid #999;transform:translateY(-50%) rotate(45deg);background:none;}
.menu-list li.login-info > .btn-wrap{display:flex;width:calc(100% + 0.8rem);margin-left:-0.8rem;margin-top:1.6rem;}
.menu-list li.login-info > .btn-wrap > a{flex:1 1 auto;margin-left:0.8rem;font-weight:400;}
.menu-list.md li{height:auto;margin-left:0;margin-right:0;padding:2rem 0;}
.menu-list.md li:last-child{border-bottom:0.1rem solid #eee;}
.menu-list.md li.link a,
.menu-list.md li .select-btn{color:#111;font-size:1.6rem;font-weight:700;}
.menu-list.md li.link a:after{right:1.2rem;width:1rem;height:1rem;}
.menu-list.md li.link a:after{border-color:#111;}

.btn-wrap .btn.btn-blue{background-color:#1490ef;color:#fff;border:none;}

/* camera button bottom modal */
.modal.modal-bottom.btn-pop .modal-content{background:transparent;border-radius:0;}
.modal.modal-bottom.btn-pop .modal-content .modal-body{padding:0 2rem;}
.modal.modal-bottom.btn-pop .modal-content .modal-body .btn{width:100%;margin-bottom:1.2rem;background-color:#f3f3f3;font-weight:700;}
.modal.modal-bottom.btn-pop  .modal-footer{border-top:0;border-radius:0;}

/* background */
.bg{background:#f8f8f8;}

/* TBD */
.tbd{position:relative;}

/* 장바구니 견적 */
.list-top{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:1.3rem;}
.list-top .total{font-size:1.2rem;font-weight:400;color:#999;opacity:0.9;}
.list-top .total .num{font-weight:400;color:#111;}
.list-top .total .num:before{content:'[';}
.list-top .total .num:after{content:']';}
.list-top .sort .btn-sort{display:inline-block;background:transparent;font-size:1.2rem;font-weight:400;}
.list-top .sort .btn-sort.active{font-weight:400;color:#1490ef;}
.list-top .sort .btn-sort:nth-of-type(n+2){margin-left:0.4rem;}

.top-price-info{position:relative;width:calc(100% + 4rem);margin:0 -2rem 3rem;padding:1.8rem 2rem;background:#056092 url(/assets/img/co/bg-top-price-info.svg) calc(100% + 4.5rem) -8.6rem no-repeat;background-size:20.3rem auto;color:#fff;}
.top-price-info .txt{font-size:1.2rem;font-weight:400;line-height:1.2;}
.top-price-info .txt strong{font-weight:400;}
.top-price-info .price-list dl dd{font-weight:400;}
.top-price-info .total{margin-top:2rem;padding-top:0.6rem;border-top:0.1rem solid #c5c5c5;font-size:1.6rem;font-weight:400;text-align:right;}
.modal-body > .result-list:first-child:last-child{margin-bottom:0;}

/* 계좌관리 */
.account-box{margin-top:2.5rem;}
.account-box .tit-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;}
.account-box .tit-area [class^=tit-h]{margin-top:0;}
.account-box .tit-area .right{display:flex;align-items:center;font-size:1.2rem;font-weight:400;}
.account-box .tit-area .right .btn-edit{margin-left:0.8rem;}
.account-box .box{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-radius:0.5rem;background:#f3f3f3;font-size:1.2rem;}
.account-box .box[class*=bg]{font-size:1.6rem;color:#fff;box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.16);}
.account-box .box.bg1{background-color:#1490ef;}
.account-box .box.bg2{background-color:#056092;}
.account-box .box [class^=ico-bank-]{height:2.7rem;color:#fff;font-size:1.6rem;line-height:2.7rem;}
.account-box .box [class^=ico-bank-]:before{width:2.7rem;height:2.7rem;margin-right:1rem;}
.account-box .box .btn.md02{width:8.4rem;margin-left:0.5rem;}

.terms-list.section{width:calc(100% + 4rem);margin:0 -2rem 4rem;padding:0 2rem 4rem;border-bottom:1rem solid #f3f3f3;}
/* 마이페이지 */
.mypage-content .expand.bg{padding:1rem 2rem;}
.ico-sm-cart{background-image:url(/assets/img/co/ico-sm-cart.svg);background-size:2.14rem auto;}
.ico-sm-loan{background-image:url(/assets/img/co/ico-sm-loan.svg);background-size:1.5rem auto;}
.ico-sm-account{background-image:url(/assets/img/co/ico-sm-account.svg);background-size:2.1rem auto;}
.ico-sm-ask{background-image:url(/assets/img/co/ico-sm-ask.svg);background-size:1.8785rem auto;}
.ico-sm-myinfo{background-image:url(/assets/img/co/ico-sm-myinfo.svg);background-size:2.2rem auto;}
.ico-sm-coupon{background-image:url(/assets/img/co/ico-sm-coupon.svg);background-size:2.1rem auto;}
.ico-sm-dormant{background-image:url(/assets/img/co/ico-sm-dormant.svg);background-size:2.1rem auto;}

/* coupon */
.coupon-info .tit-h2 .total{color:#111;font-weight:700;}
.coupon-list-desc{margin:1.6rem 0 4rem;}
.add-info + .coupon-list{margin-top:1.2rem;}
.modal-body > .coupon-list{margin-top:0.2rem ;}
.coupon-list{margin-top:4rem;}
.coupon-list .box{position:relative;border-radius:1rem;display:flex;overflow:hidden;box-shadow:0 5px 13px 0 rgb(0 0 0 / 8%)}
.coupon-list .box::before{position:absolute;content:"";height:2rem;right:3rem;border-radius:2rem;z-index:1;top:-1rem;background-color:#fff;box-shadow:inset 0 4px 10px 0 rgba(0, 0, 0, 0.08);width:2rem;}
.coupon-list .box::after{position:absolute;content:"";height:2rem;right:3rem;border-radius:2rem;z-index:1;bottom:-1rem;background-color:#fff;box-shadow:inset 0 4px 30px 0 rgba(0, 0, 0, 0.08);width:2rem;}
.coupon-list .box.done .cont-area::after,
.coupon-list .box.done .info-area::after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);}
.coupon-list li + li{margin-top:1.6rem;}
.coupon-list .cont-area{width:calc(100% - 4rem);padding:2rem 1.2rem 1.4rem 2rem;}
.coupon-list .desc{position:relative;display:flex;justify-content:space-between;}
.coupon-list .desc .d-day{display:inline-block;vertical-align:top;width:5rem;height:1.5rem;line-height:1.5rem;border-radius:5rem;background-color:#eee;font-size:1.2rem;color:#111;text-align:center;}
.coupon-list .ico-bank-woori{color:#999;font-size:1.1rem;}
.coupon-list .ico-bank-woori:before{width:1.35rem;height:1.35rem;}
.coupon-list .cont-area .stxt{margin-top:1rem;display:block;font-size:1.2rem;font-weight:400;color:#666;}
.coupon-list .cont-area .title{font-size:2rem;line-height:2.4rem;margin-top:0.2rem;color:#111;font-weight:700;}
.coupon-list .cont-area .date{display:block;margin-top:1.2rem;font-weight:400;font-size:1.1rem;color:#999;}
.coupon-list .info-area{position:relative;overflow:hidden;width:4rem;background-color:#1490ef;}
.coupon-list .info-area .txt{position:absolute;right:-4.2rem;top:5.2rem;display:block;width:12.4rem;transform:rotate(90deg);font-weight:400;font-size:1.4rem;color:#fff;letter-spacing:-0.08em;text-align:center;display:block;}
.coupon-list .info-area .ratio{font-style:normal;padding-right:0.5rem;}
.coupon-list-info{margin-top:-1rem;font-size:1.2rem;font-weight:400;text-align:center;}
.coupon-list-info + .coupon-list{margin-top:0.8rem;}
.coupon-list .done-info{border-radius:1rem;overflow:hidden;z-index:2;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;}
.coupon-list .done-info .txt{font-size:1.6rem;color:#fff;}
.coupon-info-link{display:block;width:100%;margin-top:1rem;height:4.2rem;}
.coupon-info-link > span{display:inline-block;width:4.9rem;vertical-align:top;font-size:1.4rem;font-weight:bold;color:#111;border-bottom:0.1rem solid #111;}

.ico-done-coupon{background-image:url(/assets/img/co/ico-done-no-coupon.png);background-size:5.5675rem auto;background-position:50%;}
.btn.loan-chk{margin-top:2.3rem;}
.setting-info .desc{font-size:1.2rem;color:#999;}

/* @import url(./st.css);*/
/* 통합한도조회 */
/* 가상 키보드 처리 */
.wrapper.st-wrap.has-keypad:not(.st-wrap-pb){min-height:100vh;}
.wrapper.st-wrap.has-keypad:not(.st-wrap-pb) .container{padding-bottom:0;}
.wrapper.st-wrap.has-keypad:not(.st-wrap-pb) .step-con::after{display:none;}
.wrapper.st-wrap:not(.st-wrap-pb) .step-con .msg-error:last-of-type{margin-bottom:0;padding-bottom:0;}
.wrapper.st-wrap.st-wrap-pb .step-con::after{background-color:#f4f4f4;}

/* 나의 한도조회 */
.wrapper.st-wrap .step-con .form-group-tab.select-type{justify-content:space-between;padding-top:3.9rem;}
.wrapper.st-wrap .step-con > .form-group-wrap:not(:first-of-type){margin-top:4rem;}
.wrapper.st-wrap .step-con .form-group-tab.select-type .form-group{width:auto;min-width:auto;}
.wrapper.st-wrap .step-con .form-group-tab.select-type .form-group [type=radio] + label:before{display:none;}
.wrapper.st-wrap .step-con .form-group-tab.select-type .form-group label{position:relative;}
.wrapper.st-wrap .step-con .cell-certify .form-group :checked + label{background-color:#1490ef;border-radius:0.25rem;}
.wrapper.st-wrap .step-con .form-group-tab.select-type .form-group label span{font-size:1.6rem;line-height:1.8rem;color:#d9d9d9;}
.wrapper.st-wrap .step-con .form-group-tab.select-type .form-group :checked + label span{color:#1490ef;}
.wrapper.st-wrap .step-con .form-group-tab.select-type .form-group :checked + label span::after{content:'';width:0.4rem;height:0.4rem;display:block;position:absolute;bottom:0;left:50%;background:#2BBDEB 0% 0% no-repeat padding-box;border-radius:50%;}
.wrapper.st-wrap .step-con .select-type .form-group-item label,
.wrapper.st-wrap .step-con .select-type .form-group-item .label{margin-bottom:0.8rem;font-weight:400;font-size:1.6rem;color:#1490ef;}
.wrapper.st-wrap .step-con .select-type .form-group-item input{height:4.8rem;padding:0 1.2rem;font-size:2.2rem;border-color:#5c5c5c;}
.form-step-ani > div:not(:first-of-type){display:none;}

/* 대출기간 */
.tab-btn-st{position:relative;margin-bottom:2rem;}
.tab-btn-st ul{display:flex;justify-content:space-evenly;}
.tab-btn-st li{position:relative;height:3rem;}
.tab-btn-st a{display:block;font-size:1.6rem;line-height:1.8rem;color:#d9d9d9;letter-spacing:-0.05em;}
.card-tit{margin-bottom:1.6rem;font-weight:400;}
.card-tit h2{display:flex;align-items:center;position:relative;color:#111;font-size:1.6rem;font-weight:700;}
.card-tit h2 .symbol{vertical-align:middle;margin-right:0.4rem;}
.card-tit .count-set{position:absolute;right:0;color:#999;padding-left:0.6rem;font-size:1.4rem;font-weight:400;}
.card-tit .count-set .count{color:#111;font-weight:700;}
.tab-btn-st .active{font-weight:700;color:#1490ef;}

.tab-btn-st .active::after{content:'';width:.4rem;height:.4rem;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#2bbdeb 0% 0% no-repeat padding-box;border-radius:50%;}
.list-credit-limit{display:flex;flex-direction:column;}

/* 통합한도조회 input 입력시 다음버튼 변경 */
.floating-wrap .btn.btn-check-limit{display:none;}
.floating-wrap .btn.btn-next{display:block;}
.ico-bank-woori.ico-capital{color:#777}

/* 로딩페이지 */
.container-loading{width:100%;height:100%;position:fixed;top:0;left:0;z-index:11;padding-top:8rem;background-color:#f8f8f8;}
.bg-gray{background-color:#f8f8f8 !important;}
.progress-wrapper{background-color:#f8f8f8;}

.circle-wrap{margin:3.5rem auto;width:7rem;height:7rem;background-color:#eee;border-radius:50%;}
.circle-wrap .circle .mask,
.circle-wrap .circle .fill{width:7rem;height:7rem;position:absolute;border-radius:50%;}
.circle-wrap .circle .mask{clip:rect(0px, 7rem, 7rem, 3.5rem);}
.circle-wrap .inside-circle{width:6.2rem;height:6.2rem;border-radius:50%;background:#fff;margin-top:0.4rem;margin-left:0.4rem;position:absolute;z-index:100;}

/* color animation */
.progress-bar-tit{display:flex;flex-direction:column;justify-content:center;text-align:center;margin-top:4.9rem;}
.progress-bar-tit .tit-h2 span{color:#1490ef;}

/* 3rd progress bar */
.mask .fill{clip:rect(0px, 3.5rem, 7rem, 0px);background-color:#1490ef;}
.mask.full, .circle .fill{animation:fill ease-in-out 10s;transform:rotate(180deg);}
@keyframes fill{
	0%{   transform:rotate(0deg);}
	100%{ transform:rotate(180deg);}
}

.circle-wrap .inside-circle .txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;margin-top:0.1rem;color:#1490ef;line-height:1.6rem;}
.circle-wrap .inside-circle #value{font-size:2.6rem;color:#111;font-weight:800;}
.circle-wrap .inside-circle .unit{font-size:1.4rem;color:#666;font-weight:400;}

.woori-group{position:fixed;bottom:6.5rem;left:0;right:0;text-align:center;}
.woori-group li{position:absolute;left:50%;display:flex;align-items:center;justify-content:center;width:23.3rem;height:6rem;font-weight:700;background:#fff;border-radius:1rem;box-shadow:0 0.5rem 1.6rem #00000014;transform:translateX(-50%);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.075, 0.820, 0.165, 1.000);animation-iteration-count:infinite;animation-duration:6s;}
.woori-group li span{display:inline-block;padding-left:2.8rem;background:url(/assets/img/co/ico-loading-woori.svg) no-repeat 0 50%;background-size:2rem 2rem;}
.woori-group li:nth-child(1){bottom:0;opacity:0.5;animation-name:wooriLoop1;transform:translateX(-50%) scale(0.8);}
.woori-group li:nth-child(2){bottom:7.5rem;animation-name:wooriLoop2;transform:translateX(-50%) scale(1);}
.woori-group li:nth-child(3){bottom:14.7rem;opacity:0.5;animation-name:wooriLoop3;transform:translateX(-50%) scale(0.8);}
.woori-group li img{display:block;max-width:100%;}

@keyframes wooriLoop1{
	33.3%{    bottom:7.5rem;z-index:2;opacity:1;transform:translateX(-50%) scale(1);}
	66.6%{    bottom:14.7rem;z-index:1;opacity:0.5;transform:translateX(-50%) scale(0.8);}
	99.9%{    bottom:0;z-index:0;opacity:0.5;transform:translateX(-50%) scale(0.8);}
}
@keyframes wooriLoop2{
	33.3%{    bottom:14.7rem;z-index:1;opacity:0.5;transform:translateX(-50%) scale(0.8);}
	66.6%{    bottom:0;z-index:0;opacity:0.5;transform:translateX(-50%) scale(0.8);}
	99.9%{    bottom:7.5rem;z-index:2;opacity:1;transform:translateX(-50%) scale(1);}
}
@keyframes wooriLoop3{
	33.3%{    bottom:0;z-index:0;opacity:0.5;transform:translateX(-50%) scale(0.8);}
	66.6%{    bottom:7.7rem;z-index:2;opacity:1;transform:translateX(-50%) scale(1);}
	99.9%{    bottom:14.7rem;z-index:1;opacity:0.5;transform:translateX(-50%) scale(0.8);}
}

/* ST600000 애니메이션 추가 */
.wrapper.st-wrap .step h1{transform:translate(0, 0);}
.wrapper.st-wrap.sticky .step{position:fixed;top:6rem;width:100%;min-height:12rem;margin-top:0;padding:0rem 2rem 5.6rem;z-index:10;overflow:visible;}
.wrapper.st-wrap.sticky .step h1{z-index:10;font-size:1.6rem;line-height:1.2;letter-spacing:-0.05em;transform:translate(0, -4rem);transition:all 0.2s ease;}
.wrapper.st-wrap.sticky .progress-wrap{margin-top:0.5rem;transition:all 0.2s ease;}
.wrapper.st-wrap.sticky .step-con{padding-top:14rem;}
.wrapper.st-wrap.sticky .step-con.loanfail{padding-top:17rem;}

/* @import url(./sp.css);*/
/* 알림 */
/* alert-infobox */
.alert-infobox{padding-top:1.2rem;}
.alert-infobox p.star{position:relative;font-size:1.2rem;color:#999999;}

/* alert-list */
.alert-list{border-top:1px solid #eee;}
.alert-list > li{padding:0;}
.alert-list > li:first-child{border-top:none;}
.alert-list > li > a{width:100%;color:#999;display:block;padding:2rem 0;}
.alert-list .mark{display:flex;align-items:center;}
.alert-list .mark .type{display:inline-block;width:4.5rem;height:1.8rem;border-radius:2.5rem;border:0.1rem solid #ccc;font-size:1.1rem;color:#111;text-align:center;}
.alert-list .cont{margin-top:1.6rem;}
.alert-list .cont .title{display:-webkit-box;max-height:4.8rem;font-size:1.6rem;color:#111;margin-bottom:0.2rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;/* 라인수 */ -webkit-box-orient:vertical;word-wrap:break-word;}
.alert-list .cont .date{font-size:1.2rem;line-height:1.5;display:flex;align-items:center;}
.alert-list .cont .date > span{position:relative;padding-left:0.7rem;margin-left:0.6rem;}
.alert-list .cont .date > span:before{content:'';position:absolute;top:50%;left:0;display:block;width:0.1rem;height:1.1rem;background:#cccccc;transform:translateY(-50%);}
.alert-list .path{margin-top:2rem;font-size:1.2rem;}
.alert-list .path .title{display:inline-block;position:relative;}
.alert-list .path .each{font-style:normal;position:relative;}
.alert-list .path .each + .each{padding-left:1rem;}
.alert-list .path .each::before{content:'>';position:absolute;left:0;top:0;width:0.8rem;height:1.4rem;}
.alert-list .path .each:first-child::before{display:none;}

/* alert-system */
.alert-system{height:auto;}

/* .form-group.todaychk */
.form-group.todaychk .chk-small{font-weight:400;}
.form-group.todaychk label span{font-size:1.4rem;color:#666;}

/** modal-bottom **/
.modal .form-group.weekchk .chk-small{color:#111;font-size:1.6rem;}

/* 우리WON카 앱 다운로드 레이어 팝업 */
.popup-wrap{width:calc(100vw - 7rem);position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:1.5rem;background-color:#ffffff;z-index:1050;transition:top 0.7s ease-in-out ;}
.popup-wrap .pop-con{padding:1.5rem;display:flex;border-radius:1.5rem;}
.popup-wrap .btn-close-wrap{width:2.2rem;height:2.2rem;position:absolute;top:1.5rem;right:1.5rem;}
.popup-wrap .btn-close-wrap .btn-x{width:100%;height:100%;display:block;position:relative;background-color:#ffffff;}
.popup-wrap .btn-close-wrap .btn-x::before,
.popup-wrap .btn-close-wrap .btn-x::after{content:'';width:1.8rem;height:0.1rem;display:block;position:absolute;top:0;left:0;}
.popup-wrap .btn-close-wrap .btn-x::before{border-top:0.1rem #333 solid;transform:rotate(45deg);top:1rem;left:.1rem;}
.popup-wrap .btn-close-wrap .btn-x::after{border-bottom:0.1rem #333 solid;transform:rotate(-45deg);top:1rem;left:.1rem;}
.popup-wrap .pop-con > div:last-of-type{margin-left:1.9rem;}
.popup-wrap .woncar{width:7.7rem;height:7.7rem;background-color:#ffffff;box-shadow:0.5rem 0.5rem 1rem #00000029;border-radius:1.2rem;background:url(/assets/img/co/sp-car.png) no-repeat 50% 50%;background-size:5.2rem auto;}
.popup-wrap .text{font-size:1.2rem;}
.popup-wrap .btn-download{margin-top:1rem;}
.popup-wrap .btn-app{width:13rem;height:3rem;background-color:#0083cb;border-radius:2rem;line-height:1;}
.popup-wrap .btn-app span{display:inline-block;vertical-align:top;font-size:1.2rem;color:#ffffff;}
.popup-wrap .btn-app span::after{
	content:'';
	width:1.5rem;
	height:1.25rem;
	display:inline-block;
	vertical-align:middle;
	margin-left:0.4rem;
	background:url(/assets/img/co/ico-down.svg) no-repeat 0 0;
	background-size:1.5rem auto;
}

/* @import url(./sl.css);*/
/* 신용대출 */
/** modal **/
.modal.confirm .modal-body .confirm-text + .list-num ,
.modal.alert .modal-body .confirm-text + .list-num{margin-top:2rem;}

/** content **/
.survey-form{counter-reset:number 0;margin:1.6rem 0 4rem;}
.survey-form dt{position:relative;margin-top:1.6rem;padding-left:2.1rem;font-size:1.4rem;font-weight:400;color:#666;}
.survey-form dt::before{position:absolute;left:0;top:0.4rem;counter-increment:number;content:counter(number);font-size:1.1rem;line-height:1.5rem;color:#fff;background-color:#ccc;width:1.5rem;height:1.5rem;border-radius:50%;text-align:center;}
.survey-form dt .fc-blue{font-weight:400;}
.survey-form dt:first-child{margin-top:0;}
.survey-form dd{margin-top:1.6rem;}
.survey-form + .form-wrap{margin-top:4rem;}
.account-verifi-wrap .tit-h4-02 + .form-wrap{margin-top:2.7rem;}
.img-id-area{margin:3rem 0 4rem;min-height:20rem;text-align:center;background:#f8f8f8 url(/assets/img/co/ico-photo-upload.svg) center no-repeat;background-size:9.2rem auto;border-radius:0.8rem;}
.img-id-area img{vertical-align:top;width:100%;}
.img-id-area + .form-wrap{margin-top:2.7rem;}
.tax-chk-list{margin-top:4rem;margin-bottom:4rem;}
.tax-chk-list .list > li{display:block;}
.tax-chk-list .set{display:flex;align-items:center;}
.tax-chk-list .gray-box{margin-top:1.6rem;margin-bottom:1.2rem;}
.set .form-group.standalone + span.link{margin-left:0;}
.set .link{display:block;flex:1 1 auto;font-size:1.4rem;color:#333;}
.set .link .btn{position:relative;display:block;color:inherit;font-size:1.6rem;font-weight:700;line-height:1.4;}
.set .link .btn:after{content:'';position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:0.7rem;height:0.7rem;border-top:0.1rem solid #333;border-right:0.1rem solid #333;transform:translateY(-50%) rotate(45deg);margin-left:0;border-width:0.1rem;}
.tax-chk-list > li + li{margin-top:4rem;margin-top:2rem;}
.tax-chk-info{padding:1.8rem 0 1.8rem 4rem;}
.tax-chk-info .dot > li + li{margin-top:0.6rem;}
.tax-chk-item{display:flex;justify-content:space-between;align-items:center;}
.tax-chk-detail{flex-grow:1;margin-left:1rem;}
.tax-chk-detail > li{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;font-weight:400;color:#333;}
.tax-chk-detail > li + li{margin-top:1.4rem;}
.tax-chk-detail > li div.tit{flex-shrink:0;}
.tax-chk-detail > li div:last-child{flex-grow:1;font-weight:400;color:#1490ef;text-align:right;}
.contract-conclusion{margin:4rem 0;}
.title-list-wrap .tit-h4-02 + .gray-box{margin-top:1.8rem;}
.available-time:nth-of-type(n+2){margin-top:0.7rem;}
.available-time > dt{color:#111;}
.available-time > dd{margin-top:0.7rem;font-weight:400;}
.available-time.flex > dd{margin-top:0;margin-left:0.3rem;}
.available-time .dash{display:flex;}
.available-time .dash > li{width:auto;justify-content:space-between;font-size:1.4rem;font-weight:400;}
.available-time .dash > li:nth-of-type(even){margin-left:3rem;}
.available-time .dash > li:before{top:50%;margin-top:-0.1rem;}
.available-time-stxt{margin-top:1.2rem;font-size:1.2rem;font-weight:400;color:#333;}
.available-time-stxt strong{font-weight:400;}
.available-time-stxt + .btn-wrap{margin-top:2rem;}
.account-info-box{margin-bottom:1.6rem;}
.account-info-box dl{display:flex;justify-content:space-between;align-items:center;}
.account-info-box dl > dt{display:flex;align-items:center;text-align:left;font-size:1.4rem;font-weight:400;color:#666;}
.account-info-bank [class^=ico-bank-],
.account-info-box [class^=ico-bank-]{display:inline-block;width:2.4rem;height:2.4rem;margin-right:0.6rem;background-size:contain;border-radius:50%;vertical-align:middle;}
.account-info-bank .ico-bank-woori,
.account-info-box .ico-bank-woori{background-image:url(/assets/img/co/bank-logo-woori.svg);}
.account-info-bank [class^=ico-bank-]::before,
.account-info-box [class^=ico-bank-]::before{display:none;}
.account-info-box dl > dd{text-align:right;font-size:1.6rem;color:#111;}
.account-info-box .result-list{margin-bottom:0;}
.account-info-box [class^='account-info-']:only-child{padding:2rem;border-radius:0.8rem;background:#fff;box-shadow:0 0.4rem 3rem 0 rgba(0, 0, 0, 0.08);}
.account-info-box [class^='account-info-']:only-child dl > dd{font-weight:700;}
.account-info-text strong{font-weight:400;}
.account-info-text + .account-info-text{margin-top:1.6rem;}

/* form-group-wrap :btn */
.form-group-wrap .withbtn{position:relative;display:flex;align-items:center;}
.form-group-wrap .withbtn input{padding-right:7rem;}
.form-group-wrap .withbtn .btn{padding:0;position:absolute;right:0;width:2.1rem;height:2.1rem;width:6.3rem;height:3rem;font-size:1.2rem;font-weight:400;line-height:2.5rem;text-align:center;border-radius:0.25rem;}
.form-group-item .with-code{position:relative;}
.form-group-item .with-code .time-count{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#ee2617;font-weight:700;}

/* 신용대출신청하기 - 대출서명 - 약관동의 */
.extra-info{display:none;}
.extra-info.active{display:block;}
.extra-info > .gray-box{margin-bottom:0;}

/* step 아래 대출정보 표기 */
.top-limit-info.minute .card-credit-summary > div,
.top-limit-info:not(.minute) .card-credit-summary{width:100%;border-radius:0.8rem;box-shadow:0 0.4rem 3rem 0 rgba(0, 0, 0, 0.08);}
.top-limit-info:not(.minute) .card-credit-summary{position:relative;padding:0.4rem 1.6rem;z-index:1;}
.top-limit-info:not(.minute) .card-credit-summary > div{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 0;}
.top-limit-info:not(.minute) .card-credit-summary > div:nth-of-type(n+2){padding-top:1.6rem;border-top:0.1rem solid #eee;}
.top-limit-info:not(.minute) .card-credit-summary > div > span{display:block;}
.top-limit-info:not(.minute) .card-credit-summary{margin-top:0;margin-left:0;color:#111;font-weight:700;}
.top-limit-info .card-credit-summary > div > span{display:block;line-height:1.1;letter-spacing:-0.05em;}
.top-limit-info .card-credit-summary > div > span:first-of-type{font-size:1.6rem;}
.top-limit-info .card-credit-summary > div > span:last-of-type{font-size:2rem;font-weight:800;}
.top-limit-info .card-credit-summary > div > span small.unit{display:inline-block;padding-bottom:0.5rem;margin-left:0.3rem;font-size:1.4rem;font-weight:400;color:#000;opacity:0.8;vertical-align:bottom;}
.top-limit-info.minute{margin-top:1.6rem;margin-bottom:6rem;}
.top-limit-info.minute .card-credit-summary{display:flex;}
.top-limit-info.minute .card-credit-summary > div{padding:1.2rem;font-size:1.4rem;color:#666;}
.top-limit-info.minute .card-credit-summary > div:not(:first-child){margin-left:0.8rem;}
.top-limit-info.minute .card-credit-summary > div > span{font-size:1.4rem;}
.top-limit-info.minute .card-credit-summary > div > span:last-of-type{margin-top:0.8rem;font-size:2rem;color:#111;font-weight:800;}
.top-limit-info.minute .card-credit-summary > div > span .unit{margin-left:0.2rem;font-size:1.2rem;font-weight:400;}
.top-limit-info.minute .card-credit-summary > div > span small.unit{font-size:1.2rem;padding-bottom:0.2rem;}

/* 주소정보 수정 */
.tit-h4 + .gray-box{margin-top:-1rem;}/* 타이틀간격조정 20220727 */
.address-info{position:relative;margin-bottom:1.6rem;padding:1.6rem 5.2rem 1.6rem 1.6rem;color:#666;border-radius:0.6rem;background-color:#f8f8f8;}
.address-info dd:first-of-type{margin-bottom:1.2rem;font-size:1.6rem;font-weight:700;color:#111;}
.address-info .btn-del{position:absolute;top:50%;right:1.6rem;transform:translateY(-50%);}

/* 약관 글씨 따라쓰기 */
.dictation{position:relative;display:inline-block;}
.dictation .txt{display:block;color:#cccccc;line-height:2.7rem;}
.dictation input{position:absolute;top:0;left:0;width:100%;height:2.7rem;padding:0;background:none;outline:0;border:0;font-size:1.4rem;font-weight:400;color:#1490ef;line-height:1;letter-spacing:-0.03em;}
.dictation input:focus{border-bottom:0;}
.dictation-wrap{margin-top:1.6rem;margin-bottom:4rem;}
.dictation-wrap .flex{display:flex;align-items:flex-start;padding:1.6rem;border-radius:0.4rem;border:0.1rem solid #ccc;}
.dictation-wrap .form-group.standalone{margin-right:0.8rem;}
/* 신차대출 */
a[href^="tel:"]{color:inherit;}
.pd-wrap{margin-bottom:2rem;}
.pd-wrap > .tit-h3:first-of-type{margin-top:2rem;}
.pd-wrap > .section + .section{margin-top:4rem;}

/* 색상선택 */
.select-content .color-list{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 -1rem;}
.select-content .color-list li{width:calc(25% - 2rem);margin:0 1rem;}
.select-content ul.list.color-list > li{border-bottom:0;}
.select-content .color-list li:nth-child(n+5){margin-top:2rem;}
.select-content .color-list li .select-option{flex-direction:column;align-items:flex-start;padding:0;background:none;font-size:1.4rem;text-align:left;width:100%;margin:0;}
.select-content .ico-color{width:100%;margin-left:0;margin-right:0;border:0.1rem solid #ccc;border-radius:0.5rem;}
.select-content .ico-color.black{background:#111111;}
.select-content .ico-color.blue{background:#0083cb;}
.select-content .ico-color.gray{background:#e5e5e5;}
.select-content .ico-color.purple{background:#7b3bc4;}
.select-content .ico-color.yellow{background:#fff678;}
.select-content .ico-color.green{background:#729f50;}
.select-content .ico-color.white{background:#ffffff;}
.select-content .ico-color.pink{background:#ffaac4;}
.select-content .ico-color.red{background:#ee2617;}
.select-content .gray-box.between{display:flex;justify-content:space-between;}
.select-content .gray-box.between .tit{margin:0;}
.select-content .gray-box.between .txt{margin:0;color:#111;}
/* 옵션선택 */
.select-content .option-list.list li:first-of-type{border-top:0.1rem solid #eee;}
.select-content .option-list label{justify-content:space-between;}
.select-content .option-list label span{word-break:keep-all;}
.select-content .option-list label > span:last-child{flex:0 0 auto;}
.select-content .option-list .form-group label:before{display:none;}
.select-content .option-list .form-group input[type="radio"]:checked + label:after{top:50%;left:2.8rem;transform:translateY(-50%);}
.select-content .option-list .form-group input[type="checkbox"] + label{width:calc(100% + 4rem);padding:1.6rem 2rem;background:none;word-break:keep-all;margin:0 -2rem;flex-direction:column;align-items:flex-start;}
.select-content .option-list .form-group input[type="checkbox"] + label > span{font-size:1.4rem;line-height:1.571em;letter-spacing:-0.032em;color:#666666;flex-grow:1;}
.select-content .option-list .form-group input[type="checkbox"] + label > span + span{color:#000;padding-top:1.2rem;}
.select-content .option-list .form-group input[type="checkbox"] + label:after{display:none;}
.select-content .option-list .form-group input[type="checkbox"]:checked + label{background:#f5fbff}
.select-content .option-list .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%;}
/* 선택버튼 - 2줄 */
.select-content .option-list.list li:first-of-type{border-top:0.1rem solid #eee;}
.select-content .option-list .select-option{justify-content:space-between;}
.select-content .option-list .select-option span{word-break:keep-all;}
.select-content .option-list .select-option > span:last-child{flex:0 0 auto;}
.select-content .option-list .form-group .select-option:before{display:none;}
.select-content .option-list .select-option:before{display:none;}
.select-content .option-list .select-option:active:after{top:50%;left:2.8rem;transform:translateY(-50%);}
.select-content .option-list .select-option{width:calc(100% + 4rem);padding:1.6rem 2rem;background:none;word-break:keep-all;margin:0 -2rem;flex-direction:column;align-items:flex-start;}
.select-content .option-list .select-option > span{font-size:1.4rem;line-height:1.571em;letter-spacing:-0.032em;color:#666666;flex-grow:1;}
.select-content .option-list .select-option > span + span{color:#000;padding-top:1.2rem;}
.select-content .option-list .select-option:after{display:none;}
.select-content .option-list .select-option:active{background:#f5fbff}
.select-content .option-list .select-option:active: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%;}
/* input unit */
.inp-unit{position:absolute;top:50%;right:1.2rem;display:inline-block;transform:translateY(-50%);font-size:1.6rem;}
label + .inp-unit{padding-top:1.6rem;}

/* 촬영버튼 */
.file-upload{margin-top:1rem;}
.file-upload .btn-wrap{margin-top:1.6rem;}
.file-upload + .file-upload{margin-top:4rem;}
.file-upload .label{display:block;font-weight:700;font-size:1.6rem;line-height:1;color:#111;}
.file-upload-list{margin-top:1.6rem;}
.file-upload-list li{position:relative;display:flex;justify-content:space-between;align-items:center;padding:1.6rem;min-height:5.6rem;border-radius:0.6rem;background:#f8f8f8;font-size:1.4rem;color:#111;}
.file-upload-list li span{word-break:break-all;}
.file-upload-list li:nth-child(n+2){margin-top:1.4rem;}
.file-upload-list .btn-del{margin-left:1rem;}
/* 대출서명동의 */
.terms-list .list.checkall-sub li.between{flex-wrap:wrap;}
.terms-list .list.checkall-sub li.between span{font-weight:400;font-size:1.4rem;}
.terms-list .list.checkall-sub li.between label span{color:#666;}
.terms-list .checkall-sub .dot{flex-shrink:0;width:100%;margin-left:4rem;margin-bottom:0.2rem;font-weight:400;color:#333;}
.form-group-tab.extra .form-group label{height:5rem;}
.form-group-tab.extra .form-group:nth-child(n+2){margin-left:1.4rem;}
.form-group-tab.extra .form-group label span{font-size:1.4rem;font-weight:400;color:#777;}
.form-group-tab.extra .form-group label:before{background-color:#e9e9e9;border-radius:0;}
.form-group-tab.extra .form-group.arrow label span{font-weight:400;color:#111;}
.form-group-tab.extra .form-group.arrow input:checked + label span{color:#fff;}
.form-group-tab.extra .form-group.arrow label:before{background-color:#f3f3f3;}
.form-group-tab.extra .form-group.arrow input:checked + label:before{background-color:#1490ef;}
.form-group-tab.extra .form-group.arrow input + label:after{content:'';position:relative;top:0.2rem;left:initial;transform:none;display:block;width:0;height:0;margin-left:1.2rem;border-radius:0;border-style:solid;border-width:1rem 0.65rem 0 0.65rem;border-color:#ccc transparent transparent transparent;}
.form-group-tab.extra .form-group.arrow input:checked + label:after{border-top-color:#4fb1e6;background-color:transparent;}

.text-list-wrap > .form-group:nth-of-type(n+2){margin-top:1.8rem;}
.form-group .text-list li.between{display:flex;justify-content:space-between;}
.form-group .text-list li.between .txt{font-weight:400;color:#111;text-align:right;}

/* 중고차 */
.market-price-list .result-list dl:not(.select-model) dd{color:#999;}
.market-price-list .model{word-break:keep-all;}
.market-price-wrap{width:100%;padding:2.1rem 2rem;position:fixed;bottom:6rem;left:0;background-color:#f5fbff;}
.market-price-wrap.fake{width:calc(100% + 4rem);position:relative;bottom:0;left:0;margin-left:-2rem;}
.price-boxwrap{padding:1rem 1.6rem .5rem 1.6rem;background:#f8f8f8;;border-radius:0;position:fixed;left:0;bottom:6rem;width:100%;}
.price-list dl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:1.8rem;}
.price-list.sort dl:last-child{border:0;margin-bottom:0;}
.price-list.sort dl{margin-bottom:.5rem;border-bottom:0 solid #ddd;padding-bottom:1rem;}
.price-list dl dt{width:40%;line-height:1;color:#111;font-size:1.6rem;font-weight:700;}
.price-list dl dd{flex:1;color:#000;font-size:1.4rem;text-align:right;font-weight:400;line-height:1;}
.price-list.sort dl dt{position:relative;}
.price-list dl dt.star::before{content:'*';position:absolute;top:0.2rem;left:-1rem;display:block;width:0.4rem;height:0.4rem;color:red;}
.price-list strong{position:relative;top:0.1rem;font-size:3.2rem;font-weight:700;line-height:1;padding-right:0.2rem;}
.price-list strong.fontS{font-size:2.3rem;}

/* image area */
[class^=tit-h] + .img-area{margin-top:1.6rem;}
.label + .img-area{margin-top:1.6rem;}
.img-area img{width:100%;display:block;}
.img-area > img{display:block;}

/* selected option */
.selected-option{display:none;margin-top:1.6rem;}
.selected-option .form-group-item label{display:block;height:3.6rem;margin-bottom:0.8rem;padding:0.8rem 0;text-align:left;font-size:1.8rem;font-weight:400;color:#999;border-bottom:0.1rem solid #ccc;}
/* 차구입-중고차 사기 */
/* K-Car 인앱 영역 div
.k-car-wrap{}*/
/* 할부금융 설명서 */
.ss-loansuit{position:relative;}
.ss-loansuit a{display:block;}
.ss-loansuit a.hide{display:none;}
.ss-loansuit a img{display:block;width:100%;}

/* @import url(./se.css);*/
/* 혜택/행사 */
/* ico */
.ico-done-no-event{background-image:url(/assets/img/co/ico-done-no-event.svg);background-size:5.4rem auto;background-position:calc(50% + 5px) 50%;}

/* btn-wrap-event */
.btn-wrap-event{padding:0 2rem;display:flex;justify-content:space-between;}
.btn-wrap-event button{vertical-align:top;}
.btn-wrap-event .btn-sns-blue{width:5rem;height:5rem;border-radius:0.5rem;background:#fff;background-image:url(/assets/img/co/ico-sns-share.png);background-size:2rem auto;background-position:center;background-repeat:no-repeat;box-shadow:none;border:1px solid #5c5c5c;}
.btn-wrap-event .btn-primary{border-radius:0.5rem;color:#fff;width:calc(100% - 6rem);}

/* info-box */
.list.accordion.info-box li{border:none;}
.list.accordion.info-box li .list-tit{position:relative;}
.list.accordion.info-box li .list-tit:after{content:"";position:absolute;top:0.5rem;right:0;display:block;width:0;height:0;border-style:solid;border-width:1rem 0.65rem 0 0.65rem;border-color:#ccc transparent transparent transparent;}
.list.accordion.info-box li.active .list-tit:after{transform:rotate(180deg);}
.list.accordion.info-box .list-con{padding-top:1.4rem;}

/* 추후 옮기기 :신차 추가 & 수정 */
.form-group-item + .form-group-wrap.btns{margin-top:4rem;}
.form-group-item + .form-group-wrap.btns input[type="text"]{padding-right:8.4rem;}
.form-group-item + .form-group-wrap.btns input[type="text"].search{padding-right:3.4rem;}
.form-group-item + .form-group-wrap.btns .btn-input-clear{right:9.6rem;}
.form-group-item .tooltip-cont{position:absolute;top:2.1rem;right:0;}
.form-group-item.input-label .tooltip-label .tooltip-cont{top:2.1rem;}
.gray-box + p.star{margin-top:1.2rem;}

/* terms-list.type02 */
.terms-list.type02{margin-top:1.8rem;}
.terms-list.type02 .link .btn{font-size:1.4rem;}
.terms-list.type02 .link .btn:after{top:50%;right:1rem;transform:translateY(-50%);width:0;height:0;margin-left:1.2rem;border-radius:0;border-style:solid;border-width:1rem 0.65rem 0 0.65rem;border-color:#ccc transparent transparent transparent;}
.terms-list .no-bullet .btn:after{display:none;}
.terms-list.type02 .list > li{display:block;}
.terms-list.type02 .set{display:flex;align-items:center;}
.terms-list.type02 .form-group.standalone + span.link{margin-left:0.8rem;}
.terms-list.type02 .text-list li.between{display:flex;justify-content:space-between;align-items:flex-start;}
.terms-list.type02 .text-list li.between .txt{font-weight:400;color:#111;text-align:right;}
.terms-list.type02 .text-list{padding:1.2rem 0 0 4rem;}
.terms-list.type02 .text-list li.between{padding-left:1rem;}

.terms-list.type02 .text-list li.between{padding-left:1rem;}
.terms-list.type02 .text-list li.between .tit{font-weight:400;color:#333;}
.terms-list.type02 .text-list .star > li{padding-left:1rem;font-weight:400;color:#333;}

.terms-list.type03{margin-top:1.8rem;}
.terms-list.type03 .link .btn:after{content:'';position:absolute;top:50%;right:1rem;display:block;width:0.7rem;height:0.7rem;border-top:0.1rem solid #333;border-right:0.1rem solid #333;transform:translateY(-50%) rotate(45deg);margin-left:0;border-width:0.1rem;background:none;}
.terms-list.type03 .list > li{display:block;margin-top:1.6rem;}
.terms-list.type03 .set{display:flex;}
.terms-list.type03 .form-group.standalone + span.link{margin-left:0.8rem;}
.terms-list.type03 .text-list li.between{display:flex;justify-content:space-between;align-items:flex-start;}
.terms-list.type03 .text-list li.between .txt{font-weight:400;color:#111;text-align:right;}
.terms-list.type03 .text-list{margin-top:1.2rem;}
.terms-list.type03 .text-list li.between{padding-left:1rem;}
.terms-list.type03 .text-list li.between{padding-left:1rem;}
.terms-list.type03 .text-list li.between .tit{font-weight:400;color:#333;}
.terms-list.type03 .text-list .star > li{padding-left:1rem;}

/* 차량정보입력 */
.purchase-wrap > .form-wrap:first-of-type{margin-top:0;}
td.emp{padding:1.5rem 0.5rem;}

/* 금액정보 하단고정버튼 */
.purchase-wrap + .floating-wrap.fake{position:fixed;padding-top:0;}
.purchase-wrap .estimate-bottom{position:fixed;left:0;right:0;bottom:6rem;margin-top:auto;}
.purchase-wrap .estimate-bottom .gray-box.expand{display:flex;align-items:center;width:100%;height:6rem;margin:0;padding:0 2rem;}
.purchase-wrap .price-list{width:100%;}
.purchase-wrap .price-list dl{font-size:1.7rem;}
.purchase-wrap .price-list dl dd{font-weight:400;}
.purchase-wrap .price-list strong{font-size:2.3rem;}

.price-box{/* width:calc(100% + 4rem);*/
/* margin:0 -2rem;*/
padding:2rem 1.6rem;background:#f5fbff;border-radius:0;}
.price-box .price-list dl dt{width:auto;}
/* 대출신청정보 입력 */
.form-group-item.input-label.amount .txt{position:absolute;top:2.9rem;right:1rem;font-size:1.6rem;}
.form-group-item.input-label.amount input{padding-right:5rem;}
/* 주소검색하기 */
.form-group-wrap.btns + .dot{margin-top:2rem;}
.dot.type02 > li + li{margin-top:0.8rem;}

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

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

/* 적합한 구매권유에 대한 추가 설명동의 */
.modal-title-txt{display:block;margin-bottom:3rem;}
/* @import url(./sd.css);*/
/* 대출하기 */
/* 전체상품 알아보기 */
/* header event-swiper  */
header.header-bg-color{background-color:transparent;border:1px solid rgba( 255, 255, 255, 0 );}
header.header-bg-color,
header.header-bg-color h1{color:#fff;}
header.header-bg-color.dark,
header.header-bg-color.dark h1{color:#111;}

.header-bg-color .header-btn-history{background:url(/assets/img/co/header-btn-history-w.svg) center center no-repeat;background-size:66.6% 50%;}
.header-bg-color .header-btn-home{background:url(/assets/img/co/header-btn-home-st.svg) center center no-repeat;background-size:58.3% 61.6%;}
.loan-swiper{width:calc(100% + 4rem);margin-left:-2rem;margin-top:-8rem;border-radius:0 0 0 4rem;box-shadow:0 1px 16px 0 rgba(0, 0, 0, 0.08);}

.event-swiper{overflow:visible;}
.event-swiper .swiper-slide{padding-top:6rem;}
.event-swiper .swiper-pagination{display:flex;justify-content:center;align-items:center;width:6rem;height:3rem;border-radius:1.5rem;position:absolute;left:50%;bottom:-1.5rem;margin-left:-3rem;color:#fff;background:rgba(0,0,0,0.8);}
.event-swiper .swiper-pagination > span{padding:0 0.3rem;font-size:1.4rem;}
.event-swiper .swiper-pagination-total{font-weight:400;}
.event-swiper .swiper-pagination-current{font-weight:700;}
.event-swiper .swiper-scrollbar{background-color:rgba(0, 0, 0, 0.08);position:absolute;bottom:0;left:0;width:100%;display:none;}
.event-swiper .swiper-scrollbar-drag{background-color:#fff678;border-radius:0;display:block;transition:all 0.3s ease;}
.event-swiper .swiper-horizontal>.swiper-scrollbar{position:absolute;left:0;bottom:0px;z-index:50;height:0.5rem;width:100%;}

.swiper-txt-wrapper .banner-box{position:relative;height:27rem;}
.swiper-txt-wrapper .txt-area{color:#111;display:flex;flex-direction:column;position:absolute;top:10rem;left:2rem;z-index:1;}
.swiper-txt-wrapper .txt-area .txt{color:#666;font-weight:400;font-size:1.2rem;}
.swiper-txt-wrapper .txt-area .tit{font-size:2.4rem;line-height:3rem;padding-top:0.8rem;}
.swiper-txt-wrapper .img{display:block;width:100%;height:100%;overflow:hidden;position:relative;margin-top:-6rem;}
.swiper-txt-wrapper .img .bg{width:33.1rem;height:23.9rem;background-color:transparent;position:absolute;top:2.2rem;right:-14.4rem;}
.swiper-txt-wrapper .img .car{width:31.5rem;height:13.1rem;position:absolute;top:10.3rem;right:-8.6rem;}

.event-swiper .swiper-slide > a{display:block;}

/* sort */
.sort-area{margin:5.5rem 0 1.6rem 0;}
.sort-area{display:flex;justify-content:flex-end;}

/* event */
.event-list-wrap{width:calc(100% + 4rem);margin-left:-2rem;margin-top:4rem;}
.event-box{background-color:#eef3f6;padding:2rem;margin-top:1.6rem;}
.event-box a{display:flex;justify-content:space-between;align-items:center;color:#999;}
.event-box:first-child{margin-top:0;}
.event-box .txt{display:flex;flex-direction:column;}
.event-box .tit{font-size:1.6rem;color:#111;padding-right:1rem;letter-spacing:-0.05em;}
.event-box .date{font-size:1.2rem;color:#999;}
.event-box .img{width:5rem;height:6.5rem;display:block;position:relative;}
.event-box .img img{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);}
.event-noti{background-color:#eef3f6;padding:2rem 3rem;}
.event-noti a{display:block;}
.event-noti .tit{font-size:1.6rem;color:#111;padding-right:1rem;}
.tit-list-wrap{position:relative;margin-bottom:2.4rem;}
.tit-area .sub + .tit-list-wrap.h3{margin-top:2rem;}
.tit-list-wrap.h3{margin-bottom:3rem;}
.tit-list-wrap.h3 > .tit-h2{margin-top:0;margin-bottom:0;}
.tit-list-wrap.h3 > .tit-h3,
.tit-list-wrap.h3 > .tit-h2{margin-top:-0.8rem;}
.tit-list-wrap:last-of-type:not(.h3){margin-bottom:0;}

/* 1:1이용문의 */
.box-counsel{position:relative;display:flex;justify-content:space-between;}
.box-counsel .tit{margin-right:0.8rem;}
.attached-img{display:none;font-size:0;width:calc(100% + 0.8rem);margin-left:-0.8rem;margin-top:1rem;}
.attached-img .att-img{display:inline-block;vertical-align:top;width:calc(50% - 0.8rem);margin-left:0.8rem;margin-top:0.8rem;overflow:hidden;border-radius:0.4rem;}
.attached-img .att-img img{display:block;width:100%;}
.acc.active .attached-img{display:block;}

/* .box-counsel .btn{} */
.btn.btn-round-white{border:1px solid #666;border-radius:0.4rem;background-color:#fff;height:3.6rem;margin-top:0.4rem;}
.tbd-wrap{width:calc(100% + 4rem);margin-left:-2rem;padding:0 2rem;}
.btn.btn-dibs{position:relative;display:inline-block;width:2rem;height:auto;background:url(/assets/img/co/ico-heart-white.svg) 50% 50% no-repeat;background-size:2rem auto;vertical-align:top;padding:0 0.2rem;}
.btn.btn-dibs::before{content:'';position:absolute;top:50%;left:50%;display:block;width:2.4rem;height:2.4rem;background:transparent;transform:translate(-50%, -50%);}
.btn.btn-dibs.active{background-image:url(/assets/img/co/ico-heart-orange.svg);}

.tit-h3 + .tit-desc-28{margin-top:-1.4rem;}
.tit-desc-28{font-size:1.4rem;font-weight:300;}
.tit-desc-28 > .dot li{font-size:1.4rem;color:#666666;}
.tit-desc-28 > .dot li + li{margin-top:1.3rem;}
.tit-desc-28 + .form-wrap{margin-top:4rem;}
.tit-desc-28.space-sm > .dot li + li,
.tit-desc-28 > .dot.space-sm li + li{margin-top:0.1rem;}

.loan-content .done-wrap.type02{margin:2.4rem 0 4rem;}
.loan-content .expand.bg{padding:4rem 2rem;}
.loan-content .expand .tit-h4{margin-top:0;}
.loan-content .tit-h2 + .list.front-list{margin-top:4rem;}

/* text-list */
.text-list .desc{font-size:1.2rem;padding-top:2rem;display:block;color:#999;}
.text-list-style2{padding-top:0.8rem;}
.text-list-style2 .dot li{font-size:1.4rem;}
.tbd-need:after{content:'수급필요';}
.essential-check-wrap h3.star{position:relative;font-size:1.2rem;line-height:1.9rem;padding-left:1rem;}
.essential-check-wrap h3.star::before{content:'*';position:absolute;top:0.2rem;left:0;display:block;width:0.4rem;height:0.4rem;}
.essential-check-wrap .text-list > .txt{position:relative;display:block;width:100%;margin:0;padding:0 0 0 0.8rem;padding-bottom:0.6rem;font-size:1.2rem;color:#111;font-weight:400;}
.floating-wrap.stxt button{font-size:1.4rem;}
/* ico-txt-btn */
.contents > .question-item{margin:4rem 0;}
.ico-txt-btn{background:none;text-align:left;position:relative;display:block;padding:2rem 4rem 2rem 6.8rem;font-size:1.6rem;color:#fff;border-radius:0.6rem;border:1px solid #ccc;width:100%;}
.ico-txt-btn .ico{position:absolute;top:2rem;left:1.6rem;width:3rem;height:3rem;background:#fff url(/assets/img/co/ico-call.svg) 50% 50% no-repeat;background-size:3rem auto;}
.ico-txt-btn .ico.loan,
.ico-txt-btn .ico.normal{width:5.2rem;height:4rem;background-position:0 50%;background-size:4rem auto;}
.ico-txt-btn .ico.loan{background-image:url(/assets/img/co/ico-loan.svg);}
.ico-txt-btn span{display:block;color:#111;}
.ico-txt-btn .name{font-size:1.6rem;letter-spacing:-0.032rem;font-weight:700;padding-bottom:1rem;line-height:1.1;}
.ico-txt-btn .info{font-size:1.2rem;color:#666;}
.ico-txt-btn .info *{font-style:normal;}
.ico-txt-btn:after{content:'';position:absolute;top:50%;right:2rem;display:block;width:1rem;height:1rem;border-top:0.1rem solid #666666;border-right:0.1rem solid #666666;transform:translateY(-50%) rotate(45deg);}
.ico-txt-btn + .banner-wrap{margin-top:4rem;}
/* @import url(./sg.css);*/
/* 우리차고 */
/* 우리차고 */
.select-content .select-option.under-date{display:block;}
.select-content .select-option.under-date > span{display:block;width:100%;}
.select-content .select-option.under-date > span + span{padding-left:0;margin-top:0.3rem;}
.car-regi-info{margin-bottom:0;}
.car-regi-info .tit-h4{display:block;margin-top:0;text-align:center;}
.car-regi-info .img-area{margin:2rem 0 3rem;padding:0 2rem;}
.car-regi-info .gray-box{text-align:center;}
.top-car-info{margin-bottom:4rem;padding:2rem;font-size:1.6rem;color:#111;font-weight:700;text-align:center;border-radius:0.8rem;box-shadow:0 0.4rem 3rem 0 rgba(0, 0, 0, 0.08);}
.form-multi{display:flex;flex-wrap:wrap;align-items:center;margin-top:4rem;}
.form-multi > *{width:100%;}
.form-multi .form-group{flex :0 0 auto;}
.form-multi .form-group-item{margin-top:0.8rem;}

/* 내차조회 */
.car-number{position:relative;display:flex;align-items:center;justify-content:center;background-image:url(/assets/img/sg/car-number.svg);width:13.8rem;height:3.6rem;background-position:center;background-repeat:no-repeat;background-size:14.9rem 4.9rem;background-color:transparent;font-weight:700;font-size:1.6rem;letter-spacing:-0.05rem;color:#111;}
.car-number .alter{position:relative;display:block;height:1.5rem;width:1.5rem;font-size:0;text-indent:-9999em;clip:initial;clip-path:initial;background-image:url(/assets/img/sg/ico-select.svg);background-size:contain;background-position:center;}

.accordion .btn-acc{position:relative;width:calc(100% + 3.8rem) !important;margin:0 -2rem 0 -1.8rem;padding:0.6rem 2rem 0.6rem 2rem;justify-content:space-between;font-size:1.4rem;border-radius:0 0 1rem 1rem;color:#111;}
.accordion .btn-ac.carbtn{display:flex;align-self:flex-end !important;}
.accordion .btn-acc:after{ content:'';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;}

.mycar{margin-bottom:0;}
.mycar .mycar-header{position:relative;/* padding-top:2rem;*/}
.mycar .mycar-header .tit-h3{width:70%;margin-top:1rem;margin-bottom:1.2rem;text-align:left;word-break:keep-all;}
.mycar .mycar-header .add-info{margin-top:-0.4rem;display:block;}
.mycar .mycar-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;background-size:78.9vw auto;}
.mycar .mycar-stage .img-area{z-index:1;display:flex;justify-content:center;align-items:center;width:calc(100% - 4rem);height:41.67vw;}
.mycar .mycar-stage .img-area img{display:block;width:auto;max-width:100%;max-height:100%;}
.mycar .btn-wrap{margin-top:1.6rem;}
.mycar .mycar-content .section{position:relative;padding:0 0rem 4rem;}
.mycar .mycar-content .section:nth-of-type(n+2){margin-top:-2rem;}
.mycar .mycar-content .section:last-of-type{margin-bottom:0;}
.mycar .mycar-content .summary{display:flex;justify-content:space-between;}
.mycar .mycar-content .summary .unit{position:relative;width:100%;text-align:center;}
.mycar .mycar-content .summary .unit:before{content:'';position:absolute;top:0.7rem;left:0;bottom:0.4rem;display:block;width:0.2rem;height:calc(100% - 0.9rem);background:rgba(17,17,17,0.2);border-left:0.1rem solid rgba(255,255,255,0.5);}
.mycar .mycar-content .summary .unit:first-of-type:before{display:none;}
.mycar .mycar-content .summary .tit{font-size:1.2rem;}
.mycar .mycar-content .summary .txt{display:block;font-size:1.8rem;}
.mycar .mycar-content .summary .select-btn-r .alter{width:1.3rem;height:1.3rem;}
.mycar .mycar-content .summary .select-btn-r .alter:after{top:0.5rem;left:0.36rem;transform:scale(0.95);}
.mycar .mycar-content .info-list .acc-content{margin-top:2.5rem;}
.mycar .mycar-content .info-list li{display:flex;justify-content:space-between;margin-top:1.2rem;}
.mycar .mycar-content .info-list li:first-child{margin-top:0;}
.mycar .mycar-content .info-list li .tit{font-weight:400;}

.mycar .accordion{padding-top:1.6rem;}
.mycar .accordion .btn-acc{justify-content:center;width:100%;height:4rem;margin:0;padding:0;border:0.1rem solid #666;border-radius:0.4rem;font-size:1.4rem;}
.mycar .accordion .btn-acc:after{display:none;/* border-color:#4fb1e6 transparent transparent transparent;*/}
.mycar .accordion.active .btn-acc:after{display:block;position:absolute;left:50%;margin-left:-1.2rem;margin-top:0;}
.mycar .accordion .btn-acc .txt-x{display:none;}
.mycar .accordion .btn-acc .txt-o{display:block;}
.mycar .accordion.active .acc-content{display:block;}
.mycar .accordion .acc-content{margin-bottom:-0.4rem;}
.mycar .accordion.active .add-content{margin-top:0.4rem;}
.mycar .accordion.active .btn-acc:after{transform:rotate(180deg);}
.mycar .accordion.active .btn-acc .txt-x{display:block;}
.mycar .accordion.active .btn-acc .txt-o{display:none;}
.mycar .mycar-content.add-info.star{margin-top:0.8rem;font-weight:400;color:#fff;}
.mycar .accordion.active .btn-acc{height:2.4rem;border:none;position:absolute;left:0;bottom:1rem;}
.mycar .result-list.line li:last-child{border-bottom:0;}

.box-list .price-list{margin-bottom:1.8rem;}
.box-list .price-list dt{font-size:1.6rem;font-weight:700;color:#111;line-height:1.5;}
.box-list .price-list dd{font-size:1.4rem;letter-spacing:-0.1rem;}
.box-list .price-list strong{font-size:3.2rem;color:#1490ef;font-weight:800;}
.box-list .event-list-wrap{width:100%;margin-left:0;padding-top:0;}
.box-list .gray-box + .event-list-wrap{padding-top:4rem;}

.banner-insurance{margin-top:2rem;padding:2rem;border-radius:0.5rem;overflow:hidden;}
.banner-insurance .tit,
.banner-insurance .txt{display:block;}

/* 내사고이력 */
.modal.modal-bottom .modal-body.body-pt{padding-top:3rem;margin-top:-3rem;}

.accident-info-box{display:flex;align-items:center;justify-content :center;border-radius:0.5rem;box-shadow:0rem 0.4rem 3rem rgba(0,0,0,0.08);min-height:5.8rem;color:#111111;font-size:1.6rem;}
.accident-info-box .data{display:inline-block;font-weight:700;}
.accident-info-box .tit{font-style:normal;}
.accident-info-box + .table,
.accident-info-stxt + .table{margin-top:2.4rem;}
.accident-info-stxt{margin-top:1.2rem;font-size:1.2rem;font-weight:400;word-break:keep-all;color:#999999;line-height:1.5;}
.accident-info-stxt + .table-info{margin-top:3.5rem;}
.datum-term{display:flex;align-items:center;justify-content :center;border-radius:0.8rem;box-shadow:0rem 0.4rem 3rem 0 rgba(0,0,0,0.08);min-height:7.65rem;color:#111111;font-size:1.6rem;flex-direction:column;padding:2rem;}
.datum-term > dt{font-size:1.6rem;font-weight:700;line-height:1;}
.datum-term > dd{font-size:1.2rem;color:#666666;line-height:1;padding-top:0.6rem;}
.accident-info-stxt + .datum-term{margin-top:2.4rem;}
.datum-term + .table-info{margin-top:3rem;}

.repair-list{border-width:0.1rem 0 0 0.1rem;border-style:solid;border-color:#ccc;}
.repair-list > li{display:flex;align-items:center;float:left;width:33.33%;border-width:0 0.1rem 0.1rem 0;border-style:solid;border-color:#ccc;font-size:1.2rem;font-weight:400;text-align:center;padding:0 0.5rem;min-height:3.2rem;}
.repair-list .txt{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;}
.repair-list > li:nth-child(3n+1){width:33.34%;}
.repair-list:after{content:'';display:block;clear:both;}

.mycar-list > li{position:relative;}
.mycar-list > li + li{margin-top:1.2rem;}
.mycar-list .btn-mycar{padding:2.2rem;width:100%;height:10rem;background-color:#fff;border-radius:0.6rem;border:0.1rem solid #ccc;}
.mycar-list .btn-mycar.active{border:0.1rem solid #1490ef;color:#fff;background-color:#f5fbff;}
.mycar-list .btn-mycar-del{transform:translateY(-50%);position:absolute;right:1.2rem;top:50%;width:2.4rem;height:2.4rem;border-radius:50%;background-color:transparent;background-image:url(/assets/img/co/ico_del.svg);background-repeat:no-repeat;background-position:center;background-size:2.4rem auto;}
.mycar-list .info-area{display:flex;justify-content:space-between;align-items:start;}
.mycar-list .img{flex-shrink:0;width:8.8rem;height:5.5rem;}
.mycar-list .img > img{vertical-align:top;width:100%;max-height:5.5rem;}
.mycar-list .desc{margin-top:0.4rem;padding-left:1.7rem;flex-grow:1;width:calc(100% - 9rem);}
.mycar-list .desc .tit{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.6rem;width:88%;text-align:left;color:#111;font-weight:700;}
.mycar-list .desc .s-item{position:relative;margin-top:0.4rem;display:flex;font-weight:400;font-size:1.2rem;color:#666;}
.mycar-list .desc .s-item > em{display:inline-block;font-style:normal;position:relative;line-height:1.2rem;}
.mycar-list .btn-mycar.active .desc .tit{color:#1490ef;}
.mycar-list .btn-mycar.active .desc .s-item{color:#1490ef;}
.mycar-list .desc .s-item > em + em{margin-left:0.7rem;padding-left:0.7rem;}
.mycar-list .desc .s-item > em + em::before{content:'';display:block;width:0.1rem;height:0.8rem;background-color:#999;position:absolute;left:0;top:0.4rem;}
.mycar-list .btn-wrap-mycar{margin-top:1.5rem;display:flex;}
.mycar-list .btn-wrap-mycar .btn{flex:1 0 50%;}
.mycar-list .btn-wrap-mycar .btn + .btn{margin-left:1rem;}

/* map-area */
.bridge-visual .map-area:after{content:'API';font-size:3rem;color:#111;}

/* 우리차고 - 주차 */
/* map-visual */
/* 20230228 margin width 수정 */
.map-visual{margin-top:4rem;width:calc(100% + 0);margin-bottom:-6rem;position:relative;}
.map-visual .map-area{position:relative;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.1);background:#f4f4f4;height:calc(100vh - 18.3rem);}

/* parking-bottom */
.modal.modal-bottom .modal-header .ico-move::before{content:'';position:relative;display:inline-block;width:2.4rem;height:2.4rem;background:url(/assets/img/co/ico-move.svg) 50% 50% no-repeat;background-size:100%;}
.parking-bottom .modal-title{position:relative;padding-left:4.8rem;}
.parking-bottom.modal.modal-bottom .modal-header{padding-bottom:0.8rem;}
.parking-bottom .modal-body{padding:0 2rem 3rem 2rem;color:#666;}
.label-parking{display:inline-block;width:4rem;height:2.4rem;border-radius:0.6rem;font-size:1.2rem;font-weight:400;text-align:center;border:0.1rem solid #0daa7f;position:absolute;top:0.5rem;left:0;line-height:1.7;}
.label-parking.public{border-color:#0daa7f;color:#0daa7f;}
.label-parking.private{border-color:#1490ef;color:#1490ef;}
.modal.modal-bottom .modal-header .ico-move span{clip:rect(0 0 0 0);clip-path:inset(50%);width:0.1rem;height:0.1rem;overflow:hidden;position:absolute;white-space:nowrap;}

/* 우리차고 */
.garage-content .expand.bg{padding:1rem 2rem;}
.ico-sg-car{background-image:url(/assets/img/co/ico-sg-car.svg);background-size:2.207rem auto;}
.ico-sg-parking{background-image:url(/assets/img/co/ico-sg-parking.svg);background-size:1.8325rem auto;}

/* 색상 선택하기 */
.select-content + .form-multi{margin-top:2.1rem;}
.form-group.direct-inp input[type="checkbox"]:checked + label{color:#1490ef;}
.color-regi-info{margin-top:4rem;margin-bottom:-4rem;}
.color-regi-info .gray-box{width:calc(100% + 4rem);margin:0 -2rem;padding:2rem;background:#f4f5f6;border-radius:0;font-size:1.6rem;text-align:center;}

/* 내 차 사고이력 */
.mycar .mycar-content .optimum-info{margin-top:2rem;}
.mycar .mycar-content .optimum-info .summary.damage .tit{position:relative;display:block;padding-bottom:4.5rem;}
.mycar .mycar-content .optimum-info .summary.damage .tit::before{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:inline-block;background-repeat:no-repeat;background-position:center;background-size:100% auto;width:6rem;height:4.5rem;background-image:url(/assets/img/co/ico-sg-damage-my.png);}
.mycar .mycar-content .summary .unit:nth-child(2) .tit::before{background-image:url(/assets/img/co/ico-sg-damage-opponent.png);}
.mycar .mycar-content .info-list.record li{margin-top:1.8rem;}

[class^=ico-record-]{width:2.4rem;height:2.4rem;margin-right:1rem;background-position:left center;background-repeat:no-repeat;background-size:2.4rem auto;display:inline-block;vertical-align:middle;}
.ico-record-loss{background-image:url(/assets/img/co/ico-sg-loss.svg);}
.ico-record-theft{background-image:url(/assets/img/co/ico-sg-theft.svg);}
.ico-record-flood{background-image:url(/assets/img/co/ico-sg-flood.svg);}
.ico-record-owner{background-image:url(/assets/img/co/ico-sg-owner.svg);}

.banner-wrap.radius-none .banner{border-radius:0;}
.banner-wrap.radius-none .banner + .banner{margin-top:1.4rem;}
.my-credit-line.type2{margin-top:9.45rem;padding:3rem 2rem;box-shadow:0.1rem 0.2rem 1rem #11111126;}
.my-credit-line.type2 .form-wrap{margin:0;}
.my-credit-line.type2::before{content:"";position:absolute;top:-5.4rem;right:-0.7rem;width:17.9rem;height:9.0rem;background:url(/assets/img/sg/img-car.png) no-repeat 0 0;background-size:17.9rem auto;animation:car-ani 0.8s forwards;}
.my-credit-line.type2 .star li{color:#999;}

/* 사고내역 리스트 */
.breakdown-list{position:relative;width:100%;padding:2rem;background:#fff 0% 0% no-repeat padding-box;border-radius:0.8rem;border:0.1rem solid #ccc;font-weight:400;}
.breakdown-list + .breakdown-list{margin-top:1.6rem;}
.breakdown-list ul li{position:relative;justify-content:space-between;display:flex;align-items:center;line-height:1.1;}
.breakdown-list ul li + li{padding-top:1.6rem;}
.breakdown-list li > span{font-size:1.4rem;}
.breakdown-list li > .tit{color:#666666;}
.breakdown-list li > .txt{color:#111111;}
.breakdown-btn{display:flex;margin-top:2rem;margin-left:-2.1rem;margin-right:-2.1rem;margin-bottom:-2.1rem;}
.breakdown-btn > .btn{width:100%;height:4.8rem;padding:0;font-size:1.4rem;text-align:center;font-weight:700;}
.breakdown-btn .btn{border:none;border-top:0.1rem solid #ccc;background:transparent;color:#111;}

/* graph 내차시세 */
.graph-car{position:relative;text-align:center;width:28rem;height:21.2rem;margin:0 auto;}
.graph-ctrl{position:absolute;top:0;left:50%;display:flex;width:100%;height:21.2rem;transform:translateX(-50%);z-index:1;}
.graph-ctrl a{display:block;position:relative;width:100%;color:#666;}
.graph-ctrl a:active{color:#111;}
.graph-ctrl .tit{display:inline-block;position:absolute;bottom:0.6rem;left:50%;width:4.5rem;height:4.5rem;line-height:4.5rem;letter-spacing:-0.025rem;background:none;transform:translateX(-50%);z-index:1;}
.graph-ctrl .cir{display:none;}
.graph-ctrl .active .cir,
.graph-ctrl .active .cir span,
.graph-ctrl .active:after{position:absolute;left:50%;transform:translateX(-50%);}
.graph-ctrl .active:after{content:"";top:0;bottom:0;width:6rem;background:#1490EF;border-radius:3.5rem;box-shadow:0 0 1rem 0 rgba(0, 0, 0, 0.12);}
.graph-ctrl .active .cir{display:block;top:0.55rem;height:14.5rem;width:100%;z-index:1;}
.graph-ctrl .active .cir span{width:1.6rem;height:1.6rem;border-radius:50%;z-index:2;border:0.4rem solid #fff;}
.graph-ctrl .active .tit{color:#1490EF;border-radius:50%;background-color:#fff;}

.graph-svg{width:100%;height:20rem;}
.graph-svg [class^="line"]{stroke-dasharray:350;stroke-dashoffset:350;animation:lineUp 0.5s linear both 1;}
.graph-svg .line01{animation-delay:0s;}
.graph-svg .line02{animation-delay:0.3s;}
.graph-svg .line03{animation-delay:0.6s;}

@keyframes lineUp{
	0%{    stroke-dashoffset:350;}
	100%{    stroke-dashoffset:0;}
}

/* no graph 내차시세  */
.price-info{position:relative;display:flex;}
.price-info{display:flex;}
.price-info li{width:100%;text-align:center;font-size:1.4rem;color:#666;line-height:1.1;}
.price-info .flag{display:inline-flex;align-items:center;justify-content:center;margin-left:0.6rem;height:1.8rem;min-width:3.6rem;font-size:1.1rem;color:#1490ef;border-radius:1.8rem;border:0.1rem solid #1490ef;vertical-align:text-bottom;}
.price-info .data{position:relative;margin-top:0.6rem;font-size:2rem;color:#111;font-weight:800;letter-spacing:-0.12rem;}
.price-info li:not(:first-child) .data:after{content:"";position:absolute;bottom:-0.2rem;left:0;height:2rem;border-left:0.1rem solid #ddd;}
.car-logo{display:flex;justify-content:flex-end;margin-top:1.2rem;}
.car-logo .logo{height:1.5rem;}

/* graph 엔진오일 */
.gauge-circle{position:relative;left:50%;margin-left:-14rem;width:28rem;height:14.5rem;background:url(/assets/img/sg/bg-gauge.svg) no-repeat 50% 0;background-size:28rem auto;overflow:hidden;}
.gauge-circle:before,
.gauge-circle:after{content:"";position:absolute;height:100%;z-index:-2;}
.gauge-circle:before{left:-0.1rem;width:0.2rem;background:#fff;z-index:1;}
.gauge-circle:after{left:0.1rem;right:0;background:#ddd;}
.gauge-body{position:absolute;top:0;width:28rem;height:14rem;border-top-left-radius:100% 200%;border-top-right-radius:100% 200%;z-index:-1;}
.gauge-body:after{content:"";position:absolute;bottom:-0.5rem;left:1rem;width:1.2rem;height:1.2rem;background:#1490ef;border-radius:50%;z-index:1;}
.gauge-fill{position:absolute;top:100%;left:0;width:inherit;height:100%;background:#1490ef;transform-origin:center top;transform:rotate(0.01turn);transition:all 0.5s;}
.gauge-fill:after{content:"";position:absolute;bottom:calc(100% + -0.6rem);right:calc(100% - 2.2rem);width:1.2rem;height:1.2rem;background:#1490ef;border-radius:50%;}
.gauge-needle{position:absolute;top:3.6rem;left:50%;width:20rem;height:20rem;margin-left:-10rem;background:url(/assets/img/sg/needle.svg) no-repeat 50% 50%;border-radius:50%;transition:transform 0.5s;}
.gauge-val{display:flex;font-size:1.4rem;justify-content:space-between;align-items:center;margin-bottom:1.2rem;color:#111;}
.gauge-val:nth-of-type(2){margin-top:3rem;padding-top:3rem;border-top:0.1rem solid #eee;}
.gauge-val .val{font-size:1.2rem;}
.gauge-val .val strong{font-size:2rem;color:#111;font-weight:700;}
/* graph 타이어 */
.gauge-bar .progress{height:1.2rem;border-radius:0.6rem;background:#ddd;}
.gauge-bar .progress-bar{border-radius:0.6rem;}
/* 사고이력 */
.damage-wrap.box{display:flex;align-items:center;padding:2rem;border-radius:0.8rem;box-shadow:0 0.1rem 1.6rem 0 rgba(0, 0, 0, 0.08);}
.damage-wrap.box .damage-info{position:relative;display:flex;flex-direction:column;width:50%;}
.damage-info{position:relative;display:flex;}
.damage-info + .damage-info:before,
.damage-info li+li::before{content:"";position:absolute;top:0;left:0;bottom:0;border-left:0.1rem solid #eee;}
.damage-info > li{position:relative;width:50%;color:#111;}
.damage-info + .damage-info,
.damage-info > li:nth-child(2){padding-left:1.95rem;}
.damage-info .tit{display:block;position:relative;margin-bottom:1.3rem;color:#111;font-size:1.6rem;font-weight:700;}
.damage-info .data{color:#111;}

/* @import url(./sb.css);*/
/* 차구입 */
/* 세부모델 tab */
.tab-wrap.detail-model{margin-top:0;}
.tab-wrap.detail-model .tab-btn{position:relative;z-index:1;height:4.3rem;background:#fff;margin-bottom:1.6rem;width:calc(100% + 4rem);margin-left:-2rem;padding-right:3rem;}
.tab-wrap.detail-model .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%);height:3.5rem;}
.tab-wrap.detail-model .tab-btn:after{content:'';position:absolute;top:0;bottom:0;width:1.8rem;right:3rem;background:linear-gradient(to right,rgba(255,255,255,0),#fff 83.34%);height:3.5rem;}
.tab-wrap.detail-model .tab-btn.open:after{display:none;}
.tab-wrap.detail-model .tab-btn .btn-more{position:absolute;right:0;width:3rem;height:3.5rem;background:#fff;box-shadow:none;z-index:1;}
.tab-wrap.detail-model .tab-btn .btn-more:after{content:'';position:absolute;top:1.3rem;left:0.3rem;display:block;width:0.7rem;height:0.7rem;border-bottom:0.1rem solid #333;border-right:0.1rem solid #333;background:transparent;box-shadow:none;transform:rotate(45deg);}
.tab-wrap.detail-model .tab-btn.open .btn-more:after{top:1.7rem;transform:rotate(-135deg);}
.tab-wrap.detail-model .tab-btn ul{justify-content:normal;white-space:nowrap;overflow:visible;overflow-x:auto;padding:0 2rem;}
.tab-wrap.detail-model .tab-btn.open ul{flex-wrap:wrap;}
.tab-wrap.detail-model .tab-btn ul li{float:none;display:inline-block;width:auto;border-radius:0;background:none;margin-right:0.8rem;margin-bottom:0.8rem;}
.tab-wrap.detail-model .tab-btn ul li:last-child{padding-right:1rem;}
.tab-wrap.detail-model .tab-btn.open ul li:last-child{margin-left:0rem;margin-right:0rem;padding-right:0rem;}
.tab-wrap.detail-model .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.detail-model .tab-btn li.active::after{display:none;}
.tab-wrap.detail-model .tab-btn li.active button{color:#fff;background-color:#1490ef;}
.tab-wrap.detail-model .tab-btn.open{height:auto;}
.tab-wrap.detail-model .tab-content{width:calc(100% + 4rem);margin-left:-2rem;padding:3rem 2rem;border-top:1rem #f3f3f3 solid;overflow-y:auto;max-height:calc(80vh - 160px);padding-bottom:6rem;}
.tab-wrap.detail-model .tab-content .section + .section{margin-top:3.5rem;}

/* 세부모델 */
.scroll-del{overflow-y:clip;}
.scroll-del .tab-wrap.detail-model .tab-btn{padding-left:1rem;}
.list-price li > .select-option{font-size:1.4rem;flex-direction:column;align-items:flex-start;}
.list-price .name{display:block;color:#666;}
.list-price .price{display:block;flex-shrink:0;margin-top:0.4rem;color:#111;font-size:1.6rem;font-weight:700;}
.select-content .list-price .select-option .price{padding-left:0;color:#111;}
.list-price-type li > .select-option{font-size:1.4rem;justify-content:space-between;}
.list-price-type .name{display:block;padding-right:1rem;}
.list-price-type .price{display:block;flex-shrink:0;}


/* 차량 */
.tab-wrap.tab-line2 .tab-btn button{height:5.2rem;}
.tab-wrap.tab-line2 .tab-btn button > span{display:block;line-height:1.6rem;}
.tab-wrap.tab-line2 .tab-btn li:first-of-type,
.tab-wrap.tab-line2 .tab-btn li:first-of-type a,
.tab-wrap.tab-line2 .tab-btn li:first-of-type button{border-radius:4.5rem 0 0 4.5rem;}
.tab-wrap.tab-line2 .tab-btn li:last-of-type,
.tab-wrap.tab-line2 .tab-btn li:last-of-type a,
.tab-wrap.tab-line2 .tab-btn li:last-of-type button{border-radius:0 4.5rem 4.5rem 0;}
.tab-wrap.tab-line2 .tab-btn li.active a,.tab-wrap.tab-line2 .tab-btn li.active button{border-radius:4.5rem;}
.tab-wrap.tab-line2 .tab-cont{margin-top:3rem;}

.form-chk-row{display:flex;justify-content:flex-start;align-items:center;margin-top:1rem;}
.form-chk-row .form-group{margin-top:0;flex-shrink:0;margin-right:3rem;}
.form-chk-row .form-group:last-child{margin-right:0;}
.form-chk-row .form-group-item{margin-top:0;}
.form-group-swiper.expand{width:calc(100% + 2rem);margin-left:0;}

.manufacturer-swiper.color-img-list .swiper-wrapper .swiper-slide{width:9.2rem;}
.manufacturer-swiper.color-img-list .swiper-wrapper .swiper-slide:last-child{margin-right:1.4rem;}
.manufacturer-swiper.color-img-list .swiper-wrapper .select-option{flex-direction:column;align-items:flex-start;padding:0;background:none;}
.manufacturer-swiper.color-img-list .swiper-wrapper .select-option .name{display:block;padding-top:1rem;font-size:1.4rem;line-height:1.6rem;text-align:center;}
.manufacturer-swiper.color-img-list .ico-color{background-color:#f3f3f3;border-radius:0.5rem;overflow:hidden;width:9.2rem;height:8.4rem;display:flex;align-items:center;justify-content:center;}
.manufacturer-swiper.color-img-list .ico-color > img{transform:scale( 0.5 );}
.manufacturer-swiper.color-img-list .select-option.active .ico-color,
.manufacturer-swiper.color-img-list .select-option .ico-color:hover,
.manufacturer-swiper.color-img-list .select-option .ico-color:focus{border:0.3rem solid #1490ef;box-shadow:0.5rem 0.5rem 1rem #11111140;background-color:#fff;}

/* 차량선택 */
.select-car-list{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.modal.modal-top .modal-body.fb, .modal.modal-bottom .modal-body.fb{overflow-x:clip;}
.select-car-list .form-group{width:calc(50% - 0.8rem);margin-top:0;margin-bottom:1.6rem;flex-shrink:0;}
.select-car-list .select-option{width:100%;height:100%;padding:0;background:none;}
.select-car-list .select-option .name{display:block;padding-top:1rem;font-size:1.4rem;line-height:1.6rem;text-align:center;}
.select-car-list .ico-color{position:relative;display:block;border:0.3rem solid transparent;width:100%;height:38.47vw;overflow:hidden;background-color:#f3f3f3;border-radius:0.5rem;}
.select-car-list .ico-color > img{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);}
.select-car-list .select-option.active .ico-color,
.select-car-list .select-option .ico-color:hover,
.select-car-list .select-option .ico-color:focus{border:0.3rem solid #1490ef;box-shadow:0.5rem 0.5rem 1rem #11111140;background-color:#fff;}

.form-wrap.vehicle .form-group-item{margin-bottom:4.0rem;}
.form-wrap.vehicle .form-group-item .label{font-size:1.8rem;line-height:2.05rem;padding-bottom:1.8rem;font-weight:500;}
.form-wrap.vehicle .form-group-item:last-child{margin-bottom:0rem;}

/* 내차살때서브메임, 나의 대출한도안내 */
.select-btn.dual-type{height:auto;}
.select-btn.dual-type .placeholder{display:block;}
.select-btn.dual-type .placeholder::after{display:block;content:"";clear:both;}
.select-btn.dual-type .placeholder .pick-name{display:block;width:59%;float:left;font-size:1.75rem;line-height:1.3;color:#666;font-weight:400;letter-spacing:-1px;}
.select-btn.dual-type .placeholder .pick-price{display:block;width:41%;float:right;text-align:right;font-size:1.75rem;line-height:1.3;color:#666;font-weight:400;letter-spacing:-1px;}
.form-group-item .label.long{line-height:1.3;}
.select-content .select-option.rank{position:relative;}
.select-content .select-option.rank .rank-badge{display:block;width:2.4rem;height:2.4rem;background-color:#666;position:absolute;top:0;left:0;z-index:2;color:#fff;text-align:center;font-size:1.4rem;font-weight:bold;border-radius:0.8rem 0 0.8rem 0;}
.select-content .select-option.rank .state{padding-left:0;position:absolute;top:0.5rem;right:1.2rem;z-index:2;}
.select-content .select-option.rank .ico-view{width:1.6rem;height:1.6rem;margin-right:0.2rem;font-size:0;background-color:transparent;background-image:url(/assets/img/sf/ico-view.svg);background-size:1.6rem auto;padding:0;margin:0 0.2rem 0 0;vertical-align:top;border:0;}
.select-content .select-option.rank .state span{font-size:1.2rem;color:#666;font-weight:400;line-height:1;vertical-align:top;}
.tit-h2-text.mt{margin-top:1.4rem;}
.btn.btn-td{height:5rem;margin-top:3rem;}
.car-buy-list{margin-bottom:2.6rem;}
.car-buy-list > ul{display:flex;flex-direction:row;justify-content:space-between;flex-flow:wrap;}
.car-buy-list li{position:relative;display:flex;justify-content:center;margin-bottom:1.6rem;width:calc(50% - 0.8rem);height:14.2rem;}
.car-buy-item{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:2rem;border-radius:1rem;}
.car-buy-item i{display:inline-block;margin-bottom:1.4rem;width:4rem;height:4rem;border-radius:0;background-color:#fff;background-size:contain;background-position:50% 0;}
.car-buy-item .ico-sb-reborncar{height:50%;width:100%;background-image:url(/assets/img/sb/ico-sb-reborncar.png);}
.car-buy-item .ico-sb-kcar{background-image:url(/assets/img/sb/ico-sb-kcar.png);}
.car-buy-item .ico-sb-newcar{background-image:url(/assets/img/sb/ico-sb-newcar.svg);}
.car-buy-item .ico-sb-lease{background-image:url(/assets/img/sb/ico-sb-lease.svg);}
.car-buy-item .ico-sb-hot{background-image:url(/assets/img/sb/ico-sb-hot.svg);}
.car-buy-item .ico-sb-oldcar{background-image:url(/assets/img/sb/ico-sb-oldcar.svg);}
.car-buy-item .ico-sb-loan{background-image:url(/assets/img/sb/ico-sb-loan.svg);}
.car-buy-item .ico-sb-conversion{background-image:url(/assets/img/sb/ico-sb-conversion.svg);}
.car-buy-item .ico-sb-mortgage{background-image:url(/assets/img/sb/ico-sb-mortgage.svg);}
.car-buy-item .ico-sb-manage{background-image:url(/assets/img/sg/ico-sb-manage.svg);}
.car-buy-item .ico-sb-parking{background-image:url(/assets/img/sg/ico-sb-parking.svg);}
.car-buy-item .ico-sb-mainten{background-image:url(/assets/img/sg/ico-sb-mainten.svg);}
.car-buy-item .ico-sb-oil{background-image:url(/assets/img/sg/ico-sb-oil.svg);}

.car-buy-list .car-buy-item span{display:block;}
.car-buy-list .car-buy-item .stit{font-size:1.2rem;line-height:1.5;color:#999;}
.car-buy-list .car-buy-item .tit{font-size:1.6rem;font-weight:700;line-height:1.5;color:#111;text-align:center;}
.car-buy-list .car-buy-item .info .tit{display:inline-block;width:4.2rem;color:#a3d2ec;margin-right:0.6rem;}
.car-buy-list .car-buy-item::after,
.car-buy-list .car-buy-item::after,
.car-buy-list .car-buy-item::after{content:'';width:100%;height:100%;position:absolute;bottom:0;left:0;border-radius:1rem;}
.car-buy-list .car-buy-item.active::after,
.car-buy-list .car-buy-item:hover::after,
.car-buy-list .car-buy-item:focus::after{border:0.1rem solid #1490ef;}
.car-buy-list .car-buy-item.active > .tit,
.car-buy-list .car-buy-item:hover > .tit,
.car-buy-list .car-buy-item:focus > .tit{color:#1490ef;}
.car-buy-list .car-buy-item.kcar.active::after,
.car-buy-list .car-buy-item.kcar:hover::after,
.car-buy-list .car-buy-item.kcar:focus::after{border:0.1rem solid #da2431;}
.car-buy-list .car-buy-item.kcar.active > .tit,
.car-buy-list .car-buy-item.kcar:hover > .tit,
.car-buy-list .car-buy-item.kcar:focus > .tit{color:#da2431;}

.tit-h2.normal{font-weight:400;}
.tit-h2.normal.mb{margin-bottom:5rem;}

@keyframes car-ani{
	0%{transform:translateX(100px);}
	100%{transform:translateX(0);}
}

/* buy-estimate */
.estimate{position:relative;display:flex;flex-direction:column;}
.modal-body .estimate{margin-bottom:0rem;}
.estimate .section{margin-bottom:4rem;}
.estimate .form-wrap{margin-top:0rem;}
.modal-body .estimate .form-wrap:last-of-type{margin-bottom:0;}
.estimate .estimate-bottom .gray-box.expand{margin-top:0;padding-top:0;}
.estimate .estimate-content{width:calc(100% + 4rem);margin:0 -2rem -2.4rem;}
.estimate .tit-extra{margin-left:-2rem;margin-right:-2rem;padding:0 2rem 4rem;border-bottom:1rem solid #F3F3F3;}
.estimate .tit-extra .tit-h2-text{color:#111111;}
.estimate .result-car{margin-bottom:4rem;text-align:center;font-size:1.5rem;}
.estimate .result-car .img-area{margin-bottom:1.8rem;padding:0 4.4rem;}
/* 금액정보 하단고정버튼 */
.estimate.has-price + .floating-wrap.fake{position:fixed;padding-top:0;}
.estimate.has-price .estimate-bottom{position:fixed;left:0;right:0;bottom:6rem;margin-top:auto;z-index:10;}
/* .estimate.has-price .estimate-bottom .gray-box.expand{display:flex;align-items:center;width:100%;height:6rem;margin:0;padding:0 2rem;}
.estimate.has-price .price-list{width:100%;}
.estimate.has-price .price-list dl{font-size:1.7rem;}
.estimate.has-price .price-list dl dd{font-weight:400;}
.estimate.has-price .price-list strong{font-size:2.3rem;} */
/**** 차구입 *****/
/* .estimate{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 17.3rem);} */
/* .step.tiny + .estimate{margin-top:-2rem;} */
/* 견적 선택 */
/* .estimate .estimate-content{width:calc(100% + 4rem);margin:0 -2rem 3rem;} */
/* .estimate .estimate-content .section{padding:2.4rem 2rem;}
.estimate .estimate-content .section:nth-child(n+2){margin-top:0;border-top:0.5rem solid #f3f3f3;} */
.form-wrap.effect .txt{opacity:1;animation:fadeIn2 0.5s;}

@keyframes fadeIn2{
	0%{opacity:1;}
	20%{opacity:0;}
	100%{opacity:1;}
}
.swiper-gallery,
.stage-set{position:relative;margin:0 -2rem;}
.swiper-gallery .stage,
.stage-set .stage{padding:0 2rem;}
.stage-set{display:flex;}
.stage-set .stage-box{display:flex;flex-direction:column;width:50%;}
.swiper-gallery .swiper-slide{min-height:100%;}
.swiper-gallery .swiper-slide + .swiper-slide .stage,
.stage-set .stage-box + .stage-box .stage{border-left:1px solid #eee;}
.swiper-gallery .form-group-tab,
.stage-set .stage-box .form-group-tab{margin-top:1.6rem;}
.swiper-gallery .swiper-slide.swiper-slide-active .form-group-tab,
.stage-set .stage-box:nth-of-type(odd) .form-group-tab{padding:0 0.4rem 0 2rem;}
.stage-set .stage-box:nth-of-type(odd) .btn.stroke{width:calc(100% - 2.4rem);margin:0 0.4rem 0 2rem;}
.swiper-gallery .swiper-slide .form-group-tab,
.stage-set .stage-box:nth-of-type(even) .form-group-tab{padding:0 2rem 0 0.4rem;}
.stage-set .stage-box:nth-of-type(even) .btn.stroke{width:calc(100% - 2.4rem);margin:0 2rem 0 0.4rem;}
.swiper-gallery .swiper-pagination{bottom:-6.5rem;}
.swiper-gallery .swiper-pagination-bullet{background:#eee;opacity:1;}
.swiper-gallery .swiper-pagination-bullet-active{background:#666;}

.estimate .estimate-content .section.stage + .section{border-top:0;padding-top:0;margin-bottom:0;}
.estimate .estimate-content .section + .section{margin-bottom:0;}
.estimate .estimate-content .section.stage + .section .btn-edit{top:0.6rem;}
.estimate .estimate-content .section.stage{position:relative;padding:0 0 1.6rem 0;margin-top:-2rem;/*ej*/}
.estimate .estimate-content .section.stage:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:77%;z-index:-1;}
.stage-group .result-list{margin-top:2rem;margin-bottom:2rem;}
.stage{display:flex;justify-content:space-between;align-items:flex-start;}
.form-group-item .stage + .btn.lg.stroke{margin-top:2rem !important;}

.stage-box{margin-bottom:0;}
.stage-box .stage{flex-direction:column;flex:1;justify-content:flex-start;}
.stage-box .stage .title{margin-top:2rem;margin-bottom:1.4rem;}
.stage .txt{display:block;margin-top:auto;font-size:2rem;}
.stage .txt strong{font-weight:800;}
.stage-box .stage .img-area{margin-top:0;}
.stage .title .ico-brand{display:block;width:3rem;height:2rem;background-size:contain;background-repeat:no-repeat;background-position:center;}
.stage .title .tit-h3{margin-top:0.4rem;margin-bottom:0;}
.stage .title .desc{display:block;margin-top:0.4rem;letter-spacing:-0.065rem;}

.estimate .tit-h3{margin-top:0;margin-bottom:0;}
.stage .img-area{max-width:15rem;/* height:8rem;*/margin-top:2rem;}
.stage .img-area img{display:block;width:auto;max-width:100%;max-height:100%;}
.estimate .estimate-list .list.front-list{margin-top:0;}
.estimate .estimate-bottom{margin-top:auto;}
.estimate .estimate-bottom .gray-box.expand{display:flex;align-items:center;height:7rem;margin-top:3rem;padding:0 2rem;}
.estimate .estimate-bottom .gray-box.expand .price-list{width:100%;}
.estimate .result-list{margin-top:1.5rem;margin-bottom:4rem;}
.estimate .form-wrap .result-list{margin-bottom:0;}
.tit-h3 + .estimate{margin-top:-0.7rem;}
.estimate .result-list dd{margin-top:0.8rem;font-size:1.4rem;font-weight:400;}
.estimate .result-list dd .fc-blue{font-size:2.1rem;font-weight:700;}
.estimate .result-list li .txt{max-width:70%;}
.estimate .form-group-wrap{margin-top:4rem;}
.estimate .form-wrap{margin-top:0rem;margin-bottom:4rem;}
.estimate .result-list.box{margin-top:2rem;}
.estimate .section .form-wrap{margin-top:0;}
.form-tit{display:flex;align-items:center;}
.form-tit .desc{position:relative;align-self:flex-end;margin-left:auto;font-size:1.2rem;font-weight:400;}
.form-group-btn{display:flex;width:calc(100% + 0.6rem);margin-top:1.8rem;margin-left:-0.6rem;}
.form-group-btn .btn{flex:1;margin-left:0.6rem;}
.add-input{padding-top:0.9rem}
.add-input .form-group-item label{display:none;}
.fw-light{font-weight:400;}
.result-list dt.txt-hidden{display:none;}

/* list-box */
.list-box .img-area{margin:auto;max-width:290px;}
.list-box .list{position:relative;display:flex;border-radius:1.0rem;background:#fff;box-shadow:0.15rem 0.25rem 1.0rem  #11111126;z-index:1;}
.list-box .list a{display:flex;position:relative;width:100%;height:60px;justify-content:center;align-items:center;font-size:1.6rem;letter-spacing:-0.05em;color:#111;font-weight:700;}
.list-box .list a:not(:first-child):after{content:"";position:absolute;top:50%;left:0;width:0.1rem;height:2.4rem;background-color:#eee;transform:translateY(-50%);}

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

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

.alert-banner .banner{display:block;}
.alert-banner .banner img{display:block;max-width:100%;}

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

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

.radio-tab{margin-top:1.6rem;}
.radio-tab-cont{display:none;padding:1.6rem 0 0;}
.radio-tab-cont.on{display:block;}
.form-group-item .label{margin-bottom:1.6rem;}
.form-group-item .list.color-img-list{margin-bottom:1.6rem;}
.select-content + .select-content{margin-top:1.6rem;}

.opt-list .btn-optgroup{margin-top:1.6rem;}
.top-limit-info-bg .deal-box{margin-top:-2rem;}

.deal-swiper{position:relative;margin:-6rem -2rem -2rem;padding:2rem 2rem 2.4rem;}
.deal-swiper .swiper-pagination{bottom:-0.4rem;}
.deal-swiper .swiper-pagination-bullet{margin:0 0.3rem !important;background-color:#eee;opacity:1;}
.deal-swiper .swiper-pagination-bullet-active{background-color:#666;}
.deal-banner{position:relative;height:36rem;margin:-8rem -2rem 0;background-image:linear-gradient(137deg, #1495ef 28%, #147bef 93%);}
.deal-banner .img1{position:absolute;top:6.8rem;left:50%;margin-left:-5.8rem;width:14rem;}
.deal-banner .img2{position:absolute;top:13.2rem;left:50%;margin-left:-15.3rem;width:32.3rem;}
.deal-banner .img3{position:absolute;top:26.3rem;left:50%;margin-left:-8.9rem;width:17.8rem;}
.deal-box{position:relative;background-color:#fff;border-radius:0.8rem;}
.deal-box.done::after{content:'';display:block;position:absolute;top:-0.1rem;left:-0.1rem;right:-0.1rem;bottom:-0.1rem;background-color:rgba(0, 0, 0, 0.6);border-radius:0.8rem;}
.deal-box.done::before{content:'Sold out';display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;width:8rem;height:8rem;border:0.2rem solid #fff;border-radius:50%;color:#fff;font-size:1.6rem;z-index:10;font-weight:700;transform:translate(-50%, -50%);}
.deal-box.shadow{box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.16);border:none;}
.deal-box.shadow .head{margin-right:0;padding:0 0 0 2rem;}
.deal-box.line{border:0.1rem solid #ccc;}
.deal-box.line .head{margin-right:0;padding:0 0 0 2rem;}
.deal-box.line .cont,
.deal-box.shadow .cont{padding:0 2rem 2rem;}
.deal-box + .deal-box{margin-top:1.6rem;}
.deal-box .head{display:flex;align-items:center;justify-content:space-between;}
.deal-box.line .foot{margin:0 -0.1rem -0.1rem;}
.deal-box .foot .btn{width:100%;height:5rem;font-size:1.6rem;font-weight:700;border-radius:0 0 0.8rem 0.8rem;}
.deal-box .count-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:8rem;height:6.4rem;background-color:#545c6f;border-radius:0 0.8rem;color:#fff;font-size:1.2rem;}
.deal-box.line .count-box{margin-top:-0.1rem;margin-right:-0.1rem;}
.count-box .count-set{margin-bottom:0.4rem;font-size:2rem;line-height:2.2rem;}
.count-box .count-set .count{font-weight:800;}

.deal-box .flag{display:inline-flex;align-items:center;justify-content:center;height:2.4rem;padding:0 0.8rem;min-width:4rem;font-size:1.2rem;border-radius:0.6rem;}
.deal-box .flag.blue{border:0.1rem solid #1490ef;color:#1490ef;}
.deal-box .flag.green{border:0.1rem solid #0daa7f;color:#0daa7f;}
.deal-box .img-area{width:15rem;height:auto;margin:0 auto;}
.deal-box .title{display:flex;flex-direction:column;margin-top:1.6rem;margin-bottom:1.2rem;}
.deal-box .result-list{margin-top:2rem;margin-bottom:0;}
.deal-box .tit-h3{margin-bottom:0.8rem;}

.timer{display:flex;align-items:center;}
.timer .ico-time{margin-right:0.4rem;}
.timer .time{margin-left:0.4rem;}

/* 커뮤니티 */
.cm-quick-btn{width:100%;margin-top:4.4rem;}
.cm-quick-btn::after{display:block;content:"";clear:both;}
.cm-quick-btn > li{width:calc(50% - 0.8rem);float:left;border-radius:15px;box-shadow:0 4px 30px 0 rgba(0, 0, 0, 0.08);box-sizing:border-box;padding:2rem;margin-top:1.6rem;}
.cm-quick-btn > li:nth-child(2n){margin-left:1.6rem;}
.cm-quick-btn > li a{display:block;width:100%;height:100%;}
.cm-quick-btn > li a img{display:block;width:4rem;height:4rem;margin:0 auto;}
.cm-quick-btn > li a .cm-quick-txt{font-size:1.6rem;font-weight:700;color:#111;display:block;width:100%;text-align:center;margin-top:1.6rem;}
.cm-bn-box{margin-top:2.4rem;margin-bottom:4rem;display:block;width:100%;line-height:1;font-size:0;}
.cm-bn-box img{width:100%;}
.cm-video-item{width:100%;height:auto;text-align:center;}
.cm-video-item + .cm-video-item{margin-top:1.2rem;}
.cm-video-item iframe{display:inline-block;vertical-align:top;}

.board-box .img-area{margin-bottom:1rem;}
.board-box .img-area .img{border-radius:0.8rem;overflow:hidden;}
.board-box .img-set.no-img{padding-left:0;margin-top:1.2rem;margin-bottom:0;min-height:auto;}
.board-box .img-set.no-img .img{display:none;}
.board-box .img-set.no-img .desc{display:none;}

.search-btn.cm-search-btn{color:#ccc;margin-top:4rem;}
.cmt-review-box .list.search-list > li{margin-bottom:0;margin-top:-1px;}
.cmt-review-box .list.review{margin-bottom:0;}
.cmt-results{margin-top:19rem;}
.cmt-results .list-unit{font-size:1.4rem;font-weight:400;color:#999;}
.cmt-results .list-count{font-size:1.4rem;font-weight:700;color:#111;}
.list.search-list.cmt-results-list{margin-top:1.6rem;}

.state-group{display:flex;align-items:center;width:100%;margin-top:0.8rem;}
.state-group .state{background:none;color:#111;font-size:1.2rem;}
.state-group .state.right{margin-left:auto !important;}
.state-group .state + .state,
.state-group > * + *{margin-left:1.2rem;}
.state-group [class*="ico-"]{width:1.6rem;height:1.6rem;margin-right:0.2rem;font-size:0;vertical-align:bottom;}

.ico-view{background-image:url(/assets/img/sf/ico-view.svg);background-size:1.6rem auto;}
.ico-comment{background-image:url(/assets/img/sf/ico-comment.svg);background-size:1.6rem auto;}
.ico-likes{background-image:url(/assets/img/sf/ico-like.svg);background-size:1.6rem auto;}
.ico-star{background-image:url(/assets/img/sf/ico-star-on.svg);background-size:1.6rem auto;}
.list.review{position:relative;margin-bottom:1.6rem;}

.board-box,
.list .board-box{display:flex;flex-direction:column;align-items:flex-start;padding:2rem 0;}
.list .board-box{border-bottom:0.1rem solid #eee;}
.list .board-box.bdnone{border-bottom:none;}
.list .board-box.btnone{border-top:none;}
.list .board-box:first-of-type{border-top:0.1rem solid #eee;}
.board-box > a{display:block;}
.board-box .title{width:100%;}
.board-box .cm-del-tit{display:none;margin-top:1rem;margin-bottom:0.5rem;font-size:1.6rem;color:#ccc;font-weight:700;}
.board-box.del-item .cm-del-tit{display:block;}
.board-box.del-item .title .tit{display:none;}
.board-box.del-item .info{display:none;}
.board-box.del-item .state-group{display:none;}
.board-box .img-set{min-height:6rem;margin-top:1.8rem;margin-bottom:0.3rem;padding-left:7.2rem;}
.board-box .title .img{display:flex;align-items:center;justify-content:center;position:absolute;left:0;min-width:6rem;width:6rem;height:6rem;margin-right:1.2rem;border:solid 0.1rem #eee;background-color:#f9f9f9;border-radius:0.4rem;}
.board-box .title .img img{display:block;max-width:100%;}
.board-box .tit{margin:0;color:#111;font-size:1.6rem;font-weight:700;}
.board-head .board-box .tit{font-size:2rem;}
.board-box .desc{color:#666;margin-top:0.5rem;}
.board-box .badge + .tit{margin-top:1.2rem;}

.eleoil_box{display:flex;justify-content:flex-start; padding:1rem;background:#f8f8f8;border-radius:0.6rem;border:none;}
.eleoil_box .ic_company{width:7rem;padding-right:1rem;margin-bottom:-0.5rem;}
.eleoil_box .ic_company img{border-radius:.4rem;}
.eleoil_box .txt_company{width:100%;color:#9b9898;padding-top:0.4rem;}

.my-cm-comment{border-top:0;}
.comment-con.my-cm-comment .comment-box{border-bottom:0;padding:2rem 0;margin:0;}
.comment-con.my-cm-comment .comment-set{border-top:1px solid #eee;border-bottom:1px solid #eee;}
.comment-con.my-cm-comment .comment-set + .comment-set{margin-top:2rem;border-top:0;}
.comment-con.my-cm-comment .comment-set .my-cm-tit{margin-bottom:0;}
.comment-con.my-cm-comment .comment-set .comment-box .cm-del-tit{margin-bottom:0;}
.comment-con .comment-box .con .cm-del-tit{display:none;margin-top:0;margin-bottom:0.5rem;font-size:1.4rem;color:#ccc;font-weight:700;}
.comment-con .comment-box.del-item .con .cm-del-tit{display:block;}
.comment-con .comment-box .con .my-cm-tit{display:block;font-size:1.4rem;font-weight:400;color:#666;}
.comment-con .comment-box.del-item .con .my-cm-tit{display:none;}
.comment-con .comment-box.del-item .con .img{display:none;}

.comment-con .reply-wrap .con .cm-del-tit{display:none;margin-top:0;margin-bottom:0.5rem;font-size:1.6rem;color:#ccc;font-weight:700;}
.comment-con .reply-wrap.del-item .con .cm-del-tit{display:block;}
.comment-con .reply-wrap .con .my-cm-tit{display:block;font-size:1.4rem;font-weight:400;color:#666;}
.comment-con .reply-wrap.del-item .con .my-cm-tit{display:none;}
.comment-con .reply-wrap.del-item .con .img{display:none;}
.cm-post-tit-box{width:100%;box-sizing:border-box;padding:1.6rem;border-radius:5px;background-color:#F8F8F8;margin-top:2rem;}
.comment-con.my-cm-comment .comment-set + .comment-set .cm-post-tit-box{margin-top:0;}
.cm-post-tit-box.del-item .cm-post-tit{display:none;}
.cm-post-tit{display:block;font-size:1.4rem;font-weight:400;color:#666;}
.cm-post-tit-box.del-item .cm-post-del{display:block;}
.cm-post-del{display:none;font-size:1.4rem;font-weight:400;color:#ccc;}

.board-box .info{display:flex;align-items:center;margin-top:1rem;color:#999;font-size:1.2rem;}
.board-box .states{margin-top:0.8rem;color:#111;font-size:1.2rem;}
.board-head .board-box{margin:0 -2rem;padding:0 2rem 2.4rem;border-bottom:0.1rem solid #eee;}
.board-box .badge-area{display:flex;justify-content:space-between;margin-bottom:1rem;}

/* 리뷰 */
.board-con{padding:4rem 0;}
.board-con > * + *{margin-top:4rem;}
.board-con .cards-list{margin-bottom:4rem;}
.board-con .btn-wrap{margin-top:4rem;justify-content:flex-end;}
.review-point{padding:0 1.6rem;border-radius:0.8rem;box-shadow:0 4px 30px 0 rgba(0, 0, 0, 0.08);}
.review-point .title{padding:2rem 0;text-align:center;}
.review-point .con{padding:1.8rem 0;border-top:0.1rem solid #eee;}
.review-point.edit .con{border-top:none;}
.review-point .textbox{margin-top:-1.8rem;}

/* 댓글 */
.comments{z-index:4;position:relative;padding-top:0;padding-bottom:0;}
.comments .comment-con ul{display:none;}
.comments.is-checked .comment-con ul{display:block;}
.comment-header{display:flex;align-items:center;justify-content:space-between;margin:0 -2rem;padding:4rem 2rem 2rem;border-bottom:0.1rem solid #eee;color:#111;}
.comment-writer .close{width:2.4rem;height:2.4rem;position:relative;background:#fff url(/assets/img/co/ico-x-GNB.svg) center center no-repeat;background-size:2.4rem;padding:0;margin:0;opacity:1;}
.comment-header .count-set{margin-left:0.8rem;font-size:1.4rem;}
.comment-header .unit{color:#999;}
.comment-con{position:relative;margin:0 -2rem;padding:0 2rem;}
.comment-con .con * + *{margin-top:1.6rem;}
.comment-con .con .img{display:flex;align-items:center;justify-content:center;width:12rem;height:12rem;border-radius:0.4rem;}
.comment-con .con .img img{display:block;max-width:100%;}
.comment-set .comment-box.reply{display:none;}
.comment-set.show .comment-box.reply{display:block;}
.comment-box{margin:0 -2rem;padding:2.4rem 2rem;border-bottom:0.1rem solid #eee;}
.comment-box .user-control{display:flex;justify-content:space-between;}
.comment-box .user-control .info{display:flex;align-items:center;position:relative;}
.comment-box .user-control .user{display:flex;align-items:center;position:relative;color:#111;font-size:1.6rem;font-weight:700;}
.comment-box .user-control .date{margin-left:0.8rem;color:#999;font-size:1.4rem;font-weight:400;}
.comment-box .con{margin-top:1.6rem;}
.comment-box .state-group{margin-top:1.6rem;}
.comment-box.reply{background:#f9f9f9;}
.comment-box.reply .user-control .user::before{content:'';display:block;width:1.6rem;height:1.6rem;margin-right:0.4rem;background-image:url(/assets/img/sf/ico-reply.svg);background-size:1.6rem auto;}
.comment-box.reply .con{padding-left:2rem;}

.leave-comment-box > form{width:inherit;}
.leave-comment-box.fake{position:absolute;}

/* 이미지 업로드 */
.insert-box{display:none;padding:2rem;background-color:rgba(0,0,0,0.4);position:absolute;width:100%;bottom:100%;z-index:10;}
.insert-box.show{display:flex;}
.insert-box .img{position:relative;display:flex;align-items:center;justify-content:center;width:12rem;height:12rem;border-radius:0.4rem;background-color:#fff;}
.insert-box .img img{display:block;max-width:100%;}
.insert-box .close{position:absolute;top:0.8rem;right:0.8rem;width:2.4rem;height:2.4rem;background-image:url(/assets/img/sf/ico-del.svg);background-repeat:no-repeat;background-position:center;background-size:2.4rem;opacity:1;}

.comment-writer{display:none;align-items:center;justify-content:space-between;position:relative;height:4rem;padding:0 2rem;border-top:0.1rem solid #ccc;background:#fff;}
.comment-writer.show{display:flex;}
.comment-writer .writer{margin-right:0.2rem;color:#111;font-size:1.6rem;font-weight:700;}

.hidden-input{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.leave-comment{display:flex;align-items:flex-end;min-height:5.6rem;padding:1.3rem 2rem;background-color:#fff;border-top:0.1rem solid #ccc;}
.ico-camera{width:2.4rem;height:2.4rem;margin-right:1.2rem;margin-bottom:0.3rem;font-size:0;vertical-align:bottom;background-color:#fff;background-image:url(/assets/img/sf/ico-camera.svg);background-size:2.4rem auto;}

.leave-comment .textarea{position:relative;flex:1;overflow:hidden;margin-bottom:0.4rem;padding:0 1.2rem 0 0;}
.leave-comment #textarea-real{border:none;resize:none;height:2.1rem;outline:none;padding:0;font-size:1.4rem;max-height:6rem;}
.leave-comment #textarea-guide{position:absolute;top:-3rem;width:100%;height:0;padding:0;overflow-y:hidden;}

.star-box ,
.star-box > input:checked+label{display:inline-block;vertical-align:top;background:url(/assets/img/sf/star-set.png) no-repeat;}
.star-group{display:flex;flex-direction:column;align-items:center;}
.star-box{position:relative;display:inline-block;width:13rem;height:2.4rem;margin-top:0.8rem;background-size:13rem;overflow:hidden;}
.star-box > input{position:absolute;width:1px;height:1px;padding:0;opacity:0 !important;}
.star-box > label{height:2.4rem;overflow:hidden;float:left;cursor:pointer;position:absolute;top:0;left:0;}
.star-box > input:checked+label{background-size:13rem;background-position:0 bottom;}
.star-box > input[value="1"] + label{width:20%;z-index:5;}
.star-box > input[value="2"] + label{width:40%;z-index:4;}
.star-box > input[value="3"] + label{width:60%;z-index:3;}
.star-box > input[value="4"] + label{width:80%;z-index:2;}
.star-box > input[value="5"] + label{width:100%;z-index:1;}
.star-group .point-set{color:#111;font-size:1.6rem;font-weight:700;}

.modal-body .show-img{border-radius:0.4rem;}
.modal-body .show-img img{display:block;max-width:100%;}

.list.img .img-box{width:100%;height:24rem;border:0.05rem solid rgba(112,112,112,0.11);border-radius:0.8rem;display:flex;align-items:center;justify-content:center;}

.list.img .img-box + .img-box{margin-top:1.2rem;}
.list.img .img-box img{display:block;max-width:100%;max-height:100%;}

.form-group-item .stage-box .stage + .btn.stroke{margin-top:2rem;}
/*20220512 수정*/
.new-car-top-date{font-size:1.2rem;font-weight:400;color:#999;margin-bottom:1.6rem;}
.form-group-item .label.long + .new-car-top-date{margin-top:-1.2rem;}
.parking-refresh-btn{position:absolute;top:2.4rem;left:calc(50% - 9.35rem);z-index:2;display:block;width:18.7rem;height:4rem;border-radius:2rem;background-color:#fff;border:0;box-shadow:0 4px 30px 0 rgba(0, 0, 0, 0.08);box-sizing:border-box;padding:0.9rem;}
.parking-refresh-ico{background-image:url(/assets/img/co/ico-represh-btn.png);background-position:100% center;background-size:2.4rem auto;display:inline-block;vertical-align:top;width:2.4rem;height:2.4rem;}
.parking-refresh-txt{display:inline-block;vertical-align:top;font-size:1.4rem;font-weight:400;color:#000;}

.list.img .img-box.h-auto{height:auto;}
.list.img .img-box.h-auto img{max-height:auto;}
.modal.modal-bottom.fade.full .modal-dialog{bottom:0;}

.full-modal-wrap{display:none;width:100%;height:100%;position:fixed;z-index:10;top:0;left:0;background-color:#fff;}
.full-modal-wrap.on{display:block;}
.full-modal-box{display:block;width:100%;height:100%;}
.full-modal-header{width:100%;height:auto;box-sizing:border-box;padding:3rem 2rem;position:relative;}
.full-modal-header h5{font-size:2rem;font-weight:700;color:#111;}
.full-modal-close{display:block;border:0;position:absolute;top:3.3rem;right:2rem;z-index:1;background-image:url(/assets/img/co/ico-full-close.png);width:2.4rem;height:2.4rem;background-position:center center;background-size:2.4rem 2.4rem;background-color:#fff;}
.full-modal-con{width:100%;height:calc(100% - 90px);box-sizing:border-box;padding:0 2rem 3rem;overflow-y:auto;}
.full-modal-con .result-list.line li:first-child{border-top:0.1rem solid #eee;}

.recall-box{width:100%;box-sizing:border-box;}
.recall-box li{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:5px;}
.recall-box li + li{margin-top:1.6rem;}
.recall-item-box{width:100%;box-sizing:border-box;padding:2rem;}
.recall-tit{font-size:1.4rem;font-weight:400;color:#111;display:block;}
.recall-date{font-size:1.2rem;font-weight:400;color:#999;display:block;margin-top:0.4rem;}
.recall-btn{width:100%;box-sizing:border-box;border-top:1px solid #ddd;display:block;text-align:center;padding:1.4rem;font-size:1.4rem;font-weight:bold;color:#111;}

.call-info-box{width:100%;margin-top:4rem;}

.ci-box{width:100%;box-sizing:border-box;background-color:#F8F8F8;padding:1.6rem;border-radius:5px;}
.ci-box-line{width:100%;}
.ci-box-line + .ci-box-line{margin-top:1rem;}
.ci-box-line::after{display:block;content:"";clear:both;}
.ci-box-line .ci-box-left{display:block;float:left;font-size:1.4rem;font-weight:400;color:#666666;}
.ci-box-line .ci-box-right{display:block;float:right;font-size:1.4rem;font-weight:400;color:#111;text-align:right;}
.ci-box-line .ci-box-right > span{display:block;}
.ci-box-line a.ci-box-right{font-size:1.4rem;font-weight:700;color:#111;display:block;border-bottom:1px solid #111;}

.call-info-bn{width:100%;margin-top:4rem;}
.call-info-bn img{width:100%;}

/*플로팅*/
.ft-top-btn{display:block;width:4rem;height:4rem;position:fixed;bottom:8.2rem;right:2rem;z-index:10;box-sizing:border-box;border-radius:100%;background-color:#fff;box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.2);background-image:url(/assets/img/sa/Chatbot.png?ver=240923);background-position:center center;background-size:4rem 4rem;background-repeat:no-repeat;}
.ft-pm-btn{display:block;width:4rem;height:4rem;position:fixed;bottom:13.4rem;right:2rem;z-index:10;box-sizing:border-box;border-radius:100%;background-color:#fff;box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.2);background-image:url(/assets/img/co/ico-ft-plus.png);background-position:center center;background-size:2.4rem 2.4rem;background-repeat:no-repeat;}
.ft-pm-btn.on{background-image:url(/assets/img/co/ico-ft-minus.png);background-position:center center;background-size:2.4rem 2.4rem;background-repeat:no-repeat;}
.ft-pm-btn > div{position:absolute;right:0;top:-5.3rem;z-index:3;width:15rem;display:none;}
.ft-pm-btn a{display:block;width:auto;position:absolute;right:0;top:0;box-sizing:border-box;background-color:#111;border-radius:15px 15px 0 15px;padding:1rem;color:#fff;font-size:1.4rem;font-weight:400;transition:all 0.5s;}
.ft-pm-btn.on a.ft-mn-btn1{top:0}
.ft-pm-btn.on a.ft-mn-btn2{top:-5.3rem;}
.ft-pm-btn.on a.ft-mn-btn3{top:-10.2rem;}
.ft-pm-btn.on a.ft-mn-btn4{top:-15.1rem;}
.ft-pm-btn.on a.ft-mn-btn5{top:-20rem;}
.ft-pm-btn.on a.ft-mn-btn6{top:-24.9rem;}
.ft-pm-btn.on a{display:block;transition:all 0.5s;}
.ft-dim{display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;top:0;left:0;z-index:1;}
.ft-dim.on{display:block;}

.mydata-bn-box{width:100%;margin-top:4.5rem;}
.mydata-bn-box a{display:block;width:100%;}
.mydata-bn-box a img{width:100%;}

.modal-title-img-box{width:100%;text-align:center;position:relative;}
.modal-title-img-box::after{display:block;content:"";position:absolute;bottom:0;left:-2rem;z-index:2;width:calc(100% + 4rem);height:1px;background-color:#eee;}
.modal-title-img-box img{display:inline-block;vertical-align:top;width:19rem;}
.modal-title.mydata-tit{width:100%;}

.swp-height-fixed{height:auto;}
.swp-height-fixed .swiper-slide{height:auto;width:100%;}
.swp-height-fixed .swiper-slide a{display:block;height:auto;width:100%;text-align:center;}
.swp-height-fixed .swiper-slide a img{display:inline-block;height:auto;vertical-align:top;width:100%;}

/*개인신용정보이용선택동의서*/
/* 위험도 표시 프로그레스 바 */
.won_agreement .progress_bar{display:block;box-sizing:border-box;padding:1.6rem;background-color:#F5F5F5;border-radius:0.5rem;}
.prog_tit{display:inline-block;vertical-align:top;width:auto;height:auto;margin-bottom:0;padding:6px;box-sizing:border-box;background-color:#12406E;border-radius:22px;}
.prog_tit .num{
	width:20px;height:20px;background-color:#fff;border-radius:20px;
	text-align:center;font:800 16px/26px '맑은 고딕';
	color:#12406E;display:inline-block;vertical-align:top;
	line-height:1.2;text-align:center;margin-bottom:0;margin-top:3px;
}
.prog_tit .txt{font:400 15px/26px '맑은 고딕';color:#fff;display:inline-block;vertical-align:top;}
.won_agreement .progress_bar .color_bar{display:flex;width:100%;height:28px;margin:0;margin-top:36px;position:relative;box-sizing:border-box;border:5px solid #fff;border-radius:14px;box-shadow:0 1px #ccc;}
.won_agreement .progress_bar .color_bar::before{content:'';display:block;width:100%;height:50%;position:absolute;left:0;top:50%;z-index:1;background-color:rgba(0, 0, 0, 0.075);border-bottom-left-radius:9px;border-bottom-right-radius:9px;}
.won_agreement .progress_bar .color_bar li{width:20%;position:relative;}
.won_agreement .progress_bar .color_bar li:before{display:block;position:absolute;
color:#111;top:-30px;left:0;width:100%;height:14px;font-weight:700;font-size:12px;text-align:center;}
.won_agreement .progress_bar .color_bar li:nth-child(1){background-color:#35bae7;border-top-left-radius:9px;border-bottom-left-radius:9px;}
.won_agreement .progress_bar .color_bar li:nth-child(2){background-color:#6bc95a;}
.won_agreement .progress_bar .color_bar li:nth-child(3){background-color:#ffdd21;}
.won_agreement .progress_bar .color_bar li:nth-child(4){background-color:#ffa150;}
.won_agreement .progress_bar .color_bar li:nth-child(5){background-color:#ff4a2e;border-top-right-radius:9px;border-bottom-right-radius:9px;}
.won_agreement .progress_bar .color_bar li:nth-child(1)::before{content:'안심';}
.won_agreement .progress_bar .color_bar li:nth-child(2)::before{content:'다소 안심';}
.won_agreement .progress_bar .color_bar li:nth-child(3)::before{content:'보통';}
.won_agreement .progress_bar .color_bar li:nth-child(4)::before{content:'신중';}
.won_agreement .progress_bar .color_bar li:nth-child(5)::before{content:'주의';}
.won_agreement .progress_bar .color_bar li span.selected{width:16px;height:16px;position:absolute;top:calc(50% + 4px);left:calc(50% - 8px);z-index:2;box-sizing:border-box;border:4px solid #333;border-radius:8px;}
.won_agreement .progress_bar .color_bar li span.selected::before{content:'';display:block;width:6px;height:6px;position:absolute;top:-6px;left:1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);background-color:#333;}
.won_agreement .progress_bar .color_bar li span.selected::after{content:'';display:block;width:8px;height:8px;position:absolute;top:0;left:0;z-index:3;border-radius:4px;background-color:#fff;}
.won_agreement .progress_bar .desc_txt.star-noti{margin-top:12px;font-size:12px;font-weight:400;color:#999;position:relative;box-sizing:border-box;padding-left:10px;}
.won_agreement .progress_bar .desc_txt.star-noti::after{display:block;content:"*";font-size:12px;font-weight:400;color:#999;position:absolute;top:1px;left:0;z-index:2;}

.table.tx-left th{text-align:left;border-bottom:1px solid #eee;padding:1.2rem;vertical-align:top;}
.table.tx-left td{text-align:left;border-bottom:1px solid #eee;border-left:1px solid #eee;}
.table.tx-left .sm-star-txt{font-size:12px;font-weight:400;color:#999;display:block;margin-top:10px;position:relative;box-sizing:border-box;padding-left:10px;word-break:break-all;}
.table.tx-left .sm-star-txt::after{display:block;content:"*";font-size:12px;font-weight:400;color:#999;position:absolute;top:1px;left:0;z-index:2;}
.sub-tbl-tit{font-size:16px;font-weight:700;color:#111;display:block;}
.risk-badge-tit{display:block;width:100%;font-size:0;margin:1.6rem 0;}
.risk-badge-tit::after{display:block;content:"";clear:both;}
.risk-badge-tit .rb-txt{display:block;float:left;width:calc(100% - 65px);box-sizing:border-box;font-size:14px;font-weight:400;color:#666;}
.risk-badge-tit .rb-badge{display:block;float:right;width:63px;box-sizing:border-box;font-size:12px;font-weight:700;text-align:center;padding:3.5px 6px;border-radius:12px;}
.risk-badge-tit .rb-badge.level-1{background-color:#35bae7;color:#111;}
.risk-badge-tit .rb-badge.level-2{background-color:#6bc95a;color:#fff;}
.risk-badge-tit .rb-badge.level-3{background-color:#ffdd21;color:#111;}
.risk-badge-tit .rb-badge.level-4{background-color:#ffa150;color:#111;}
.risk-badge-tit .rb-badge.level-5{background-color:#ff4a2e;color:#111;}
.agree-gray-box{width:100%;box-sizing:border-box;border-radius:5px;background-color:#F5F5F5;padding:1.6rem;}
.nm-agree-txt{font-size:14px;font-weight:400;color:#666;word-break:break-all;line-height:1.4;margin-top:9px;}
.agree-ck-box{width:100%;display:block;font-size:0;}
.agree-ck-box .form-group{display:inline-block;vertical-align:top;margin-top:0;width:22%;}
.star-noti-txt{font-size:12px;font-weight:400;display:block;width:100%;color:#999;line-height:1.3;position:relative;box-sizing:border-box;padding-left:10px;margin-top:38px;}
.star-noti-txt::after{display:block;content:"*";font-size:12px;font-weight:400;color:#999;position:absolute;top:1px;left:0;z-index:2;}
.risk-gray-divider{display:block;width:calc(100% + 40px);height:10px;background-color:#f3f3f3;margin:40px 0 40px -20px;}
.tbd-dot-txt-m{display:block;width:100%;position:relative;font-size:14px;font-weight:400;color:#111;box-sizing:border-box;padding-left:10px;}
.tbd-dot-txt-m + .tbd-dot-txt-m{margin-top:10px;}

/* 23.10.16~ 모바일 메인 리뉴얼 */
/* .pop-wrap{width:calc(100vw - 7rem);position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:1.5rem;background-color:#ffffff;transition:top 0.7s ease-in-out ;z-index:1050;display:none;} */
.pop-wrap{ width:calc(100vw - 7rem);border-radius:1.5rem;background-color:#ffffff;transition:top 0.7s ease-in-out ;}
.popup-main .pop-con{padding:1.5rem;display:flex;border-radius:1.5rem;}
.popup-main .btn-close-main{width:2.2rem;height:2.2rem;position:relative;top:-7.5rem;right:-33rem;}
.popup-main .btn-close-main .btn-x::before,
.popup-main .btn-close-main .btn-x::after{content:'';width:1.8rem;height:0.1rem;display:block;position:absolute;top:0;left:0;}
.popup-main .btn-close-main .btn-x::before{border-top:0.1rem #333 solid;transform:rotate(45deg);top:1rem;left:-3.9rem;}
.popup-main .btn-close-main .btn-x::after{border-bottom:0.1rem #333 solid;transform:rotate(-45deg);top:1rem;left:-3.9rem;}
.popup-wrmainap .pop-con > div:last-of-type{margin-left:1.9rem;}
.notice-icon{width:5.4rem;height:3.7rem;background-color:#ffffff;background:url(/assets/img/sa/notice-icon.png) no-repeat;background-size:3.7rem auto;}
.notice-txt{color:#333333;font-size:1.3rem;font-weight:600;line-height:1.5rem;letter-spacing:-0.03em;word-break:keep-all;word-wrap:break-word;}
.notice-con{overflow:hidden;display:flex;border-radius:1.5rem;}

.popup-main{display:flex;justify-content:flex-start;align-items:center;margin-top:1rem;padding:1.8rem;width:100%;width:calc(100vw - 4rem);height:7.5rem;background:#fff;border-radius:1.5rem;transition:top 0.7s ease-in-out;box-shadow:rgba(0,0,0,0.05) 0px 6px 24px 0px,rgba(0,0,0,0.08)0px 0px 0px 1px;}

/* 이미지 크기가 화면 사이즈에 안맞을때 우측 잘리는거 개선 - 20231116 */
#main-slider .swiper-slide-prev img, #main-slider .swiper-slide-next img{margin-right:-0.02rem;opacity:1;}
#main-slider .swiper-slide.swiper-slide-active{left:-0.8rem;overflow:unset;}
#main-slider .swiper-slide.swiper-slide-active > div > div > img{width:calc(100% + 1.5rem);z-index:100;}
#main-slider .swiper-slide-prev img{left:-.1rem;}
#main-slider .swiper-slide-next img{right:-.1rem;}

/* 메인슬라이더 불렛 */
#main-slider div .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;opacity:.6;}
#main-slider div .swiper-pagination-bullet-active{opacity:1;background:#fff;width:27px;height:6px;border-radius:7px;opacity:1;}

/* 메인 상단 스와이프 이미지 */
.main-top-swiper{position:relative;width:33.3rem;height:25.8rem;margin:0 auto;margin:1.5rem 0;}
.main-top-swiper a{display:block;overflow:hidden;background-size:contain !important;}
.main-top-swiper .swiper-slide a img{width:35.5rem;height:25.8rem; display:block;height:11.1rem; }
.main-top-swiper .swiper-button-next{width:4.8rem;height:4.8rem;outline:none;}
.main-top-swiper .swiper-button-prev{width:4.8rem;height:4.8rem;outline:none;}
.main-top-swiper .swiper-button-next:after{content:'다음';font-size:0px;width:100%;height:100%;background:url(/assets/img/sa/btn-banner-next.svg) 0 0 no-repeat;background-size:contain;}
.main-top-swiper .swiper-button-prev:after{content:'이전';font-size:0px;width:100%;height:100%;background:url(/assets/img/sa/btn-banner-prev.svg) 0 0 no-repeat;background-size:contain;}
.main-top-swiper .swiper-pagination .swiper-pagination-bullet:nth-child(n+2){margin-left:0.3rem;}
.main-top-swiper .swiper-pagination .swiper-pagination-bullet-active{background:#777;}
.main-swiper .swiper-pagination .swiper-pagination-bullet-active:after,
.main-top-swiper .swiper-pagination .swiper-pagination-bullet-active:after{content:'';position:absolute;bottom:0;left:50%;display:none;width:4px;height:4px;border-radius:2px;transform:translateX(-50%);background:#0083cb;}
.main-top-swiper .swiper-horizontal>.swiper-pagination-bullets,
.main-top-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.main-top-swiper .swiper-pagination-custom,
.main-top-swiper .swiper-pagination-fraction{bottom:0rem}

/* .main-top-img{position:relative;left:2rem;overflow:hidden;height:28rem;width:100%;margin-bottom:3.2rem;border-radius:1.5rem;transition:top 0.7s ease-in-out ;}

.main-card1{position:absolute; background:#214BBE;padding:3rem;width:90%;height:26rem;border-radius:1.5rem;transition:top 0.7s ease-in-out ; box-shadow:0 2px 24px 0 rgba(0, 0, 0, 0.08);background:rgb(34,71,184);background:linear-gradient(172deg, rgba(34,71,184,1)0%, rgba(27,115,243,1)100%);color:#fff;margin:2rem 0 3.2rem 0;}

.main-card2{position:absolute;left:33rem;top:1.3rem;height:23rem;background:#214BBE;padding:3rem;width:90%;border-radius:1.5rem;transition:top 0.7s ease-in-out ; box-shadow:0 2px 24px 0 rgba(0, 0, 0, 0.08);background:rgb(34,71,184);background:linear-gradient(172deg, rgba(34,71,184,1)0%, rgba(27,115,243,1)100%);color:#fff;margin:2rem 0 3.2rem 0;}

.main-card3{position:absolute;left:33rem;top:1.3rem;height:23rem;background:#214BBE;padding:3rem;width:90%;border-radius:1.5rem;transition:top 0.7s ease-in-out ; box-shadow:0 2px 24px 0 rgba(0, 0, 0, 0.08);background:rgb(34,71,184);background:linear-gradient(172deg, rgba(34,71,184,1)0%, rgba(27,115,243,1)100%);color:#fff;margin:2rem 0 3.2rem 0;}

.main-card4{position:absolute;left:33rem;top:1.3rem;height:23rem;background:#214BBE;padding:3rem;width:90%;border-radius:1.5rem;transition:top 0.7s ease-in-out ; box-shadow:0 2px 24px 0 rgba(0, 0, 0, 0.08);background:rgb(34,71,184);background:linear-gradient(172deg, rgba(34,71,184,1)0%, rgba(27,115,243,1)100%);color:#fff;margin:2rem 0 3.2rem 0;}

.main-img1{position:absolute;left:2rem}
.main-txt1 ul li:nth-of-type(1){font-size:2rem;font-weight:200;}
.main-txt1 ul li:nth-of-type(2){font-size:2.2rem;font-weight:600;}

.main-img2{position:absolute;}
.main-txt2 ul li:nth-of-type(1){font-size:2rem;font-weight:200;}
.main-txt2 ul li:nth-of-type(2){font-size:2.2rem;font-weight:600;}

.main-img3{position:absolute;}
.main-txt3 ul li:nth-of-type(1){font-size:2rem;font-weight:200;}
.main-txt3 ul li:nth-of-type(2){font-size:2.2rem;font-weight:600;}

.main-img4{position:absolute;}
.main-txt4 ul li:nth-of-type(1){font-size:2rem;font-weight:200;}
.main-txt4 ul li:nth-of-type(2){font-size:2.2rem;font-weight:600;} */

.main-img1 img .main-img2 img .main-img3 img .main-img4 img{margin-top:50%;}

/* 메인 배너 */
.main-bnr01{display:block;display:flex;flex-direction:column;margin-bottom:auto;margin-top:0.5rem;}
.main-bnr01 ul{box-shadow:none;width:100%;}
.main-bnr01 ul li{position:relative;margin-right:1.4rem;padding:2.2rem;width:100%;text-align:left;font-size:1.3rem;line-height:1.1;border-radius:1.8rem;overflow:hidden;}
.main-bnr01 li:nth-of-type(1){color:#111;background-color:#DAE1EB;margin-bottom: 1.4rem;}
.main-bnr01 li:nth-of-type(2){padding-top:2.3rem;color:#fff;background-color:#4357AD;}
.main-bnr01 li:last-child{margin-right:0;margin-bottom: 4.2rem;}
.main-bnr01 .flag{display:inline-flex;align-items:center;justify-content:center;margin-left:0.6rem;height:1.8rem;min-width:3.6rem;
font-size:1.1rem;color:#1490ef;border-radius:1.8rem;border:0.1rem solid #1490ef;vertical-align:text-bottom;}
.main-bnr01 .main-bnr-txt01{position:relative;margin:0.4rem 0 1.4rem 0;font-size:2rem;color:#fff;font-weight:700;letter-spacing:-0.12rem;}
.main-bnr01 .main-bnr-txt03{position:relative;margin:0.4rem 0 0.5rem 0;font-size:1.8rem;font-weight:700;letter-spacing:-0.12rem;}
.main-bnr01 .main-bnr-txt04{position:relative;margin:0.4rem 0 0.8rem 0;font-size:1.8rem;color:#fff;font-weight:700;letter-spacing:-0.12rem;}

/*메인 리뉴얼 240517*/
.main-event-slider {width: 100%; position: relative;}
.main-event-slider{overflow:visible;}
.main-event-slider a{display: block;}
.main-event-slider .banner-box img{width: 100%; display: flex;}
.main-event-slider .swiper-pagination{display:flex;justify-content:center;align-items:center;width:6rem;height:8%;border-radius:1.5rem;position:absolute;left:auto;right:5%;bottom:9%;margin-left:-3rem;color:#000;background:rgba(0,0,0,0.1);}
.main-event-slider .swiper-pagination > span{padding:0 0.3rem;font-size:1.4rem;}
.main-event-slider .swiper-pagination-total{font-weight:400;}
.main-event-slider .swiper-pagination-current{font-weight:700;}

.main-tab-swiper {background-color: #1e2b40;}


/*렌터카UI 리뉴얼 250512*/
.car-btn-tabs {display: flex;background-color: #fff;padding:0 2rem;}

/* Chrome, Safari, Opera에서 스크롤바 x축 제거 (스크롤은 가능, 눈에 보이는 스크롤바만 제거)  */
.car-btn-tabs::-webkit-scrollbar {display: none;}

.car-btn-tabs .car-btn-trigger {width: 50%;}
.car-btn-tabs .car-btn-trigger.active { box-sizing: border-box;border-bottom: 2px solid #00B0F0;}
.car-btn-tabs .car-btn-trigger.active span{font-weight: 700; color:#070f16d1;}
.car-btn-tabs li div {display: flex;flex-direction: column;align-items: center;}

.car-btn-tabs li div p{display: flex;align-items: center;height: 4.5rem;}
.car-btn-tabs li div img {margin-top: 1.5rem;}
.car-btn-tabs li div img.tab-icon-01{height:3.1rem;}
.car-btn-tabs li div img.tab-icon-02{height: 3.5rem;}
.car-btn-tabs li div img.tab-icon-03{width: 3.5rem;}
.car-btn-tabs li div img.tab-icon-04{width: 5rem;}
.car-btn-tabs li div img.tab-icon-05{width: 4rem;}
.car-btn-tabs li div span{ font-size:17px;font-weight: 500; color:#b2b2b2; letter-spacing:normal;text-align: center; display: flex;align-items: center;padding:1.2rem 0 ;}

.carSlide-body {padding: 3rem 2rem 3rem;}
.slide-top {display: flex;justify-content: space-between;align-items: flex-start;position: relative;}

.carSlider {width: 100%; margin-top: 1.4rem;}
.carSlide-list {width: 100%;position: relative;display: flex;}
.carSlider .swiper-slide{}
.carSlider .swiper-slide .item{margin: 20px 0; padding: 18px 20px 18px; background-color:#fff; border-radius: 14px;}
.carSlider .swiper-slide .lt-t {display: flex;align-items: center;}

.carSlider-mst {width: 100%; height: 310px; margin-top: 1.4rem;}
.carSlide-list {width: 100%;position: relative;display: flex;}
.carSlider-mst .swiper-slide{height: 145px; padding: 1.4rem 0 1.8rem 1.4rem; background-color: #fff; border-radius: 1.2rem;}
.carSlider-mst .swiper-slide .lt-t {display: flex;align-items: center;}

.carSlider .swiper-pagination {position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);}
.carSlider .swiper-pagination .swiper-pagination-bullet {width:7px;height:7px;background:#fff; opacity: 0.24;border-radius:1rem;transition:all .3s;}
.carSlider .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:3px;}
.carSlider .swiper-pagination .swiper-pagination-bullet-active {width:16px;background:#0050ff; opacity: 1;}

.none-item {display: none;}
.none-item .item {padding: 2rem;}
.none-item .lt-b {display: grid;text-align: center;    justify-content: center;}
.none-item .lt-b .car-img{width:100%; display: flex;align-items: center;justify-content: center;margin:0 0 1.5rem;}
.none-item .lt-b .car-img img {width: 130px;}

.item .title { font-size: 1.6rem; font-weight: bold;margin: 8px 0 4px;}
.lt-t .badge-wrap {display: flex;}
.lt-t .badge-wrap span{ font-size: 1.2rem;font-weight: 300; color: #fff;border-radius: 2rem;padding: 0 1rem; margin-right: 0.4rem;height:16px;line-height:16px;}
.lt-t .badge-wrap .new{background-color: #00B0F0;}
.lt-t .badge-wrap .promt{background-color: #6635A7;}
.lt-t .badge-wrap .km{ display: flex;width: fit-content;background-color: #313131;margin-left: 0.5rem;padding: 2px 13px;font-size: 12px;letter-spacing: 0;border-radius: 30px;height: auto;}
.lt-t .badge-wrap .km .ico-km-arrow{display: inline-block; width: 8px; margin-left: 0.2rem; height: 100%; background-size: contain; background-position: center;background-repeat: no-repeat;background-image: url(/assets/img/sa/km-arrow.png);}
.lt-t .badge-wrap .new-car{background-color: #00B0F0;}
.lt-t .badge-wrap .ls-ist{background-color: #D9454A;}

.lt-b {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.lt-b .car-img {width: 40%;height: 74px; display: flex;align-items: center;}
.lt-b .car-img img {width: 100%;max-width: 160px; margin-top: 1.4rem;}
.lt-b .car-cont {   display: flex; flex-direction: column; justify-content:center;}
.lt-b .won {font-weight: 700; font-size: 1.54rem;}
.lt-b .won-2 {font-size: 1.4rem; font-size: 1.4rem;color: #b5b5b5;letter-spacing: normal;font-weight: 300;text-decoration-line: line-through;}
.lt-b .won strong{color: #0050ff;}
.badge-wrap .rst{background-color:#10314b;color: #fff; padding: 3px 8px; font-size: 12px;border-radius: 30px;}
.badge-wrap .bg-direct {background-color: #E9F4FF; color: #0565F0;padding: 3px 8px; font-size: 12px;border-radius: 30px;}
.lt-b .rst .ico-rst{display: inline-block; width: 11px; margin-right: 0.4rem; height: 100%; background-size: contain; background-position: center;background-repeat: no-repeat;background-image: url(/assets/img/sa/ico-rst.png);}
.lt-b .t2-won-1{margin: 1rem 0 0; font-size: 1.2rem;    align-items: baseline;}
.lt-b .t2-won-1 strong{font-size: 1.5rem;}
.lt-b .car-cont p{margin-bottom: 0;color: #9D9D9D;}

/*250220 폴스타4 ui 추가*/
.car-cont.pst-car-cont {width: 45%; height: auto;}
.pst-car-cont + .car-img{height: auto;padding-right: 1rem;}
.pst-car-cont + .car-img img{margin-top: 0;}
.pst-car-cont .price-group {display: flex;justify-content: space-between;}
.pst-car-cont .won-5{color:#0565F0; font-weight: 700;}


.pst-txt {display: flex;align-items: baseline;justify-content: space-between;}
.pst-txt .pxt-01 { font-size: 1.2rem;min-width: 50px;}
.pst-txt .pxt-02 {font-size: 1.2rem;display: flex;align-items: baseline;min-width:32px;}
.pst-txt .won-1, .won-3 { margin-right: 0.3rem;}
.pst-txt .pxt-02 .ico-dc-arrow { display: inline-block;width: 8px;margin-left: 0.3rem; height: 12px; background: url(/assets/img/sa/dc-arrow.png) no-repeat; background-size: contain;}

.soldOut-dim {position: absolute; display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border-radius: 1.2rem;background-color: rgba(0, 0, 0, 0.65);color: #fff;left: 0;top: 0; z-index: 1;font-size: 2rem;font-weight: 600;background-size:12rem; background-position: center;background-repeat: no-repeat;background-image: url(/assets/img/sa/soldOut.png);}

.title-box h2 {display: flex; align-items: flex-start; color: #fff;}
.cs-tit-wrap { color: #fff;margin-top: 4px;font-size: 1.54rem;display: flex; align-items: center;}
.cs-tit-wrap .ico-speed{display: inline-block; width: 17px;height: 16px; margin-right: 0.4rem; background-size: contain; background-position: center;background-repeat: no-repeat;background-image: url(/assets/img/sa/ico-speed.png);}

#carSlide-tab2 .cs-tit-wrap span { color: #00B0F0;}
#carSlide-tab2 .lt-t .title {margin: 0;}


.linear-wipe{font-weight: 800; text-align: center; background: linear-gradient(to right, #03ffd6 0%, #0081ff 50%, #00f3ff 100%);background-size: 200% auto; color: #000; -webkit-background-clip: text; -webkit-text-fill-color: transparent;

animation: gradient 1.2s linear infinite; animation-direction: alternate;transition-timing-function:ease-in-out;}

@keyframes gradient {
	0% {background-position: 0%;}
	50% {background-position: 75%;}
    100% {background-position: 100%;}
}


.button-box { display: flex; flex-direction: column; align-items: flex-end;}
.all-arrow {font-weight: 500;position: relative;padding-right: 1rem;}
.button-box .all-arrow::after{content: '';display: inline-block;position: absolute;right: 0;top: 7px; width: 0.6rem;height: 1rem;background-image: url(/assets/img/sa/carSlide_arrow.png);background-position: 50%;background-size: cover;background-repeat: no-repeat;}
.slide-btn-wrap {display: flex; width: 30px; height: 18px; margin-top: 1rem;justify-content: center; align-items: center; background-color: #000; border-radius: 0.5rem;}
.slide-btn{display: inline-block; width:10px; height:7px; margin-left: 0px; background: url(/assets/img/sa/ico-pause.png) no-repeat; background-size: contain; background-position: center;}
.pause{display: inline-block; width:8px; height:9px; margin-left: 2px; background: url(/assets/img/sa/ico-play.png) no-repeat; background-size: contain; background-position: center; }
.info-wrap {width: 100%; position: absolute;background-color: #000;padding: 1.4rem;border-radius: 1.2rem;color: #fff;top: 2.8rem;z-index: 10;display: none;}

.ico-info {position: relative;display: inline-block;background-color: #000000;color: #fff; width: 17px; font-weight: 500;height: 17px; font-size: 1.1rem;line-height: 17px; margin: 0.3rem 0 0 0.5rem;text-align: center;border-radius: 2rem;}
.ico-info::after{ content: '';display: inline-block;position: absolute;background-image: url(/assets/img/sa/ico-info.png);width: 3rem; height: 1rem; background-repeat: no-repeat; bottom: -1rem;left: -53%;;display: none;}
.ico-info.change::after{display: block;animation: fade-in 1s; animation-fill-mode: forwards;}

@keyframes fade-in{
		from{opacity: 0;
		}
		to{opacity: 1;}
	}


.newCarDriect {padding: 4rem 0 2rem; background: #fff;}
.newCarDriect .cd-tt{display: flex;justify-content: space-between; padding: 0 2rem 0.4rem;}
.car-tab-list {display: inline-block; text-align: center; padding-right: 1.4rem;}
.logo-brand-tesla { display: inline-block; width: 30px; height: 30px;background: url(/assets/img/sa/logo-brand-tesla.png) no-repeat;background-size: contain;}
.logo-brand-ford { display: inline-block; width: 45px; height:45px;background: url(/assets/img/sa/logo-brand-ford.png) no-repeat;background-size: contain;}
.logo-brand-polestar { display: inline-block; width: 40px; height: 40px;background: url(/assets/img/sa/logo-brand-polestar.png) no-repeat;background-size: contain;}
.logo-brand { width: 70px; height: 70px;border-radius: 50px;background-color: #F6F6F6;justify-content: center;align-items: center; display: flex;}
.car-tab-list.nc-tab-trigger.active .logo-brand{border: 1px solid #333;}
.car-list-body {display: flex;overflow: visible;overflow-x: auto;justify-content: space-between;-ms-overflow-style: none; scrollbar-width: none;}
.nc-list-box { padding: 2rem 0 2rem 2rem;}
.nc-list-box:last-child {padding-right: 2rem;}


.nc-list-box .car-img { width: 280px; height: 200px; border-radius: 14px;background-color: #F1F3F5; align-items: center; display: flex; justify-content: center;}
.nc-list-box .car-img img {height: 100px;}
.car-direct { padding: 4rem 2rem 0;}
.cd-tit {display: flex;justify-content: space-between; margin-bottom: 2.4rem;}
.nc-sub-tit {padding-left: 2rem;  font-size: 1.4rem;}
.nc-tab-wrap {display: flex; padding: 3.4rem 2rem 0;}
.brand-name { display: block;font-size: 1.56rem; font-weight: 600; margin: 1.2rem; color: #b2b2b2;}
.car-tab-list.nc-tab-trigger.active .brand-name {color:#131313;}
.nc-tit-t {margin-top: 1rem; display: flex;align-items: center;}
.nc-tit-t .tt{font-size: 1.8rem; font-weight: 500; color: #000;}
.nc-tit-t .ln{font-size: 1.12rem; font-weight: 400; color: #0565F0; margin-left: 0.7rem;padding: 0.1rem 0.8rem;border-radius: 2rem;border: 0.7px solid #0565F0;}
.car-text p {olor: #999; font-size: 1.4rem; letter-spacing: 0;}
.nc-tit-b {margin-top: 1rem;}
.nc-tit-b .won-1{font-size: 1.4rem}
.nc-tit-b .won-1 strong{font-size: 1.9rem}
.nc-tit-b .won-2 {margin-left: 0.4rem; font-size: 1.54rem; color: #b5b5b5; text-decoration-line: line-through;}


.cd-list {margin-bottom: 1.4rem;background-color: #fff;border-radius: 1.4rem;}
.cd-list a {width: 100%;display: flex; align-items: center;padding: 1.6rem 2rem;}
.cd-img {width: 30px;height: 30px;    background-repeat: no-repeat;background-size: contain; background-position: center;}
.cd-img-01{background-image: url(/assets/img/sa/cd-img-01.png);}
.cd-img-02{background-image: url(/assets/img/sa/cd-img-02.png);}
.cd-img-03{background-image: url(/assets/img/sa/cd-img-03.png);}
.cd-img-04{background-image: url(/assets/img/sa/cd-img-04.png);}
.cd-img-05{background-image: url(/assets/img/sa/cd-img-05.png);}
.cd-txt {display: grid;color: #000;width: 100%;padding-left: 2rem;}
.cd-txt-01 {font-size: 1.6rem; font-weight: 700;}
.cd-txt-02 {font-size: 1.4rem; font-weight: 400; line-height: 1.4;}

.icon-menu-box {padding: 3rem 2rem 0; display: grid;grid-template-columns: 1fr 1fr;gap: 1.2rem;}
.icon-menu{position: relative;overflow: hidden; background-color: #fff; border-radius: 1.4rem; padding:2rem;min-height: 170px;}
.icon-menu a{display: block; width: 100%;}
.im-txt {color: #000; display: grid;}
.im-txt-01{font-size: 1.2rem;line-height: 1.3;font-weight: 400;color: #333; z-index: 2;}
.im-txt-02 {font-size: 1.6rem; font-weight: 700;line-height: 1.4; margin-top: 0.4rem; z-index: 2;}


.main-bnr-wrap{padding:3rem 2rem;}
.main-bnr-wrap ul {display:grid; }
.main-bnr-wrap ul li{margin-bottom: 1.4rem;}
.main-bnr-wrap ul li a{display:block; }
.main-bnr-wrap ul li a img {width: 100%;display: flex;}

.icon-menu.im-01 {position: relative; overflow: hidden;}
.icon-menu.im-01 .gray_car {position: absolute;width: 50%;max-width: 84px;animation:gray_car 6.2s infinite;  animation-timing-function: ease-in-out;}
.icon-menu.im-01 .gray_car2{right: -8.5rem; bottom: 2rem;position: absolute;width: 50%;max-width: 84px; animation:gray_car2 6.2s infinite; animation-timing-function: ease-in-out;}
.icon-menu.im-01 .blue_car{right: -6rem;position: absolute;width: 50%;max-width: 84px;  animation:blue_car 6.2s infinite; animation-timing-function: ease-in-out;}

.icon-menu.im-02 {position: relative;background-repeat: no-repeat;width: 100%;background-image: url(/assets/img/sa/icon-menu-02-bg.png);height: 100%;min-height: 170px;background-position: center;background-position-x: 2rem; background-position-y: -1rem;background-size: 25rem}
.icon-menu.im-02 img[data-image="img_phone"] {position: absolute;width: 60%;max-width: 13rem;bottom: 0;right: 0rem;z-index: 1;}
.icon-menu.im-02 img[data-image="img_car"] {left: 18rem; bottom: 9.5rem;position: absolute;width: 50%;max-width: 84px; animation: img_car 6.2s infinite;}

.im-img.im-img-03 img {width: 100%; bottom: 0;position: absolute;}
.im-img.im-img-03 {position: absolute;right: 1rem;bottom: 1rem;max-width:7rem; height: 100%;width: 100%; overflow: hidden;}
.img_03_slide{position: absolute; right:0; bottom: 0; width: 100%; max-width: 200px; animation:img_03_slide 7.5s infinite linear;animation-timing-function: ease-in-out;}
.im-img-03 img:nth-child(1) {animation-delay: 0s;}
.im-img-03 img:nth-child(2) {animation-delay: -2.5s;}
.im-img-03 img:nth-child(3) {animation-delay: -5s;}


.im-img.im-img-04 img {width: 100%; bottom: 0;position: absolute;}
.img_04_bg img{position: absolute; right:0; bottom: 0; width: 100%;max-width: 200px;  z-index: 1;}
.im-img.im-img-04 {position: absolute;right: 0;bottom: 0;max-width: 200px; height: 100%;width: 100%; overflow: hidden;}
.img_04_slide{position: absolute; right:0; bottom: 0; width: 100%; max-width: 200px; animation:img_04_slide 7.5s infinite linear;animation-timing-function: ease-in-out;}
.img_04_slider img:nth-child(1) {animation-delay: 0s;}
.img_04_slider img:nth-child(2) {animation-delay: -2.5s;}
.img_04_slider img:nth-child(3) {animation-delay: -5s;}


@keyframes img_car{
	0%{left:18rem; bottom:9.5rem; opacity: 0;}
	65%{left:13rem; bottom:8.5rem; opacity: 1;}
	100%{left:2rem; bottom:2.5rem;}

}

@keyframes gray_car{
	0%{right:-1rem; bottom:3rem;}
	20%{right:6rem; bottom:-0.5rem;}
	100%{right:6rem; bottom:-0.5rem;}

}

@keyframes gray_car2{
	0%{right:-8.5rem; bottom:2rem;opacity: 0;}
	20%{right:-8.5rem; bottom:2rem;opacity: 1;}
	40%{right:-1rem; bottom:-1rem;}
	100%{right:-1rem; bottom:-1rem;}

}

@keyframes blue_car{

	0%{right:-9rem; bottom:9rem; opacity: 0;}
	20%{right:-9rem; bottom:9rem; opacity: 0;}
	40%{right:-9rem; bottom:9rem; opacity: 1;}
	60%{right:-0.5rem; bottom:3.5rem;}
	100%{right:-0.5rem; bottom:3.5rem;}

}

@keyframes img_03_slide{
	0%{transform: translateX(0);opacity: 1;}
	26%{transform: translateX(0);opacity: 0;}
	33%{transform: translateX(-100%);animation-timing-function: step-end;opacity: 0;}
	93%{transform:  translateX(100%);opacity: 1;}
	100%{transform:  translateX(0);opacity: 1;}
}


@keyframes img_04_slide{
	0%{transform: translateX(0);}
	26%{transform: translateX(0);opacity: 0.99;}
	33%{transform: translateX(-100%);animation-timing-function: step-end;opacity: 0;}
	93%{transform:  translateX(100%);opacity: 1;}
	100%{transform:  translateX(0);opacity: 1;}
}
/* iPhone 5/SE의 가로 이하 */
@media(max-width:320px){
	.main-bnr01 .main-bnr-txt02{font-size:1.2rem;}
	.main-bnr01 .main-bnr-txt03{position:relative;margin:0.4rem 0 0.5rem 0;font-size:1.2rem;font-weight:700;letter-spacing:-0.12rem;}
	.main-bnr01 .main-bnr-txt04{position:relative;margin:0.4rem 0 0.8rem 0;font-size:1.2rem;color:#fff;font-weight:700;letter-spacing:-0.12rem;}
}

.main-bnr01 .my-data.banner-tit img{width:5rem;}
.main-bnr01 .my-data-icon img{position:absolute;}
.main-bnr01 li .my-data-icon.ico1 img{ right: -0.5rem; bottom: 10%;width: 28vw;max-width: 12rem;}
.main-bnr01 li:only-child .my-data-icon.ico1 img{display:block;width:23vw;right:2rem;top:1rem;color:#fff;background-color:#4357AD;}
.main-bnr01 li:only-child{color:#fff;background-color:#4357AD;}
.main-bnr01 li .my-data-icon.ico2 img{right:3.5rem;bottom:0%;width:27vw;max-width:12rem;}
.main-bnr01 li:only-child .my-data-icon.ico2 img{width:29vw;}

/* .mainsiteB{display:flex;padding:0 0 0 3rem;justify-content:space-between;background-color:#fff;height:11rem;}
.mainsiteB .siteBwrap{line-height:1.3;display:flex;flex-direction:column;justify-content:center;color:#111;white-space:nowrap;}

.mainsiteB.capital{padding-right:2rem;}
.mainsiteB.capital::after{content:'';display:block;position:absolute;width:10.2rem;height:10.2rem;bottom:.4rem;right:3.4rem;
background:url(/assets/img/sa/bg_main_confetti-right.gif) no-repeat;background-size:contain;pointer-events:none;mix-blend-mode:multiply;}
.mainsiteB .visual img[data-image]{display:block;position:absolute;width:2.5rem;height:2.5rem;
	animation-iteration-count:infinite;	animation-duration:4.4s; overflow:hidden;}
.mainsiteB .visual img[data-image="img_hand"]{bottom:0;right:1rem;width:11.5rem;height:10.2rem;}
.mainsiteB .visual img[data-image="img_emoji"]{bottom:8rem;right:0.4rem;animation-name:img_emoji;animation-duration:4.4s;}
.mainsiteB .visual img[data-image="img_graph"]{bottom:6rem;right:11.2rem;animation-name:img_graph;animation-duration:3.6s;}
.mainsiteB .visual img[data-image="img_money"]{bottom:2rem;right:2.8rem;animation-name:img_money;	animation-duration:3.8s;}


.mainbnr02 div{color:#fff;font-weight:400;}
.mainbnr02{background-color:#4357AD;height:14rem}
.mainbnr01{display:flex;padding:0 0 0 2rem;justify-content:space-between;background-color:#DAE1EB;height:14rem;color:#fff;}
.mainbnr01 .siteBwrap{line-height:1.3;display:flex;flex-direction:column;justify-content:center;color:#111;white-space:nowrap;padding-left:1rem;}

.mainbnr01.capital01{background-color:#4357AD;padding-right:2rem;}
.mainbnr01.capital01::after{content:'';display:block;position:absolute;width:10.2rem;height:10.2rem;bottom:.4rem;right:3.4rem;
background:url(/assets/img/sa/bg_main_confetti-right.gif) no-repeat;background-size:contain;pointer-events:none;mix-blend-mode:multiply;}
.mainbnr01 .visual img[data-image]{display:block;position:absolute;width:2.5rem;height:2.5rem;
	animation-iteration-count:infinite;	animation-duration:4.4s; overflow:hidden;}
.mainbnr01 .visual img[data-image="img_hand"]{bottom:0;right:1rem;width:11.5rem;height:10.2rem;}
.mainbnr01 .visual img[data-image="img_emoji"]{bottom:8rem;right:0.4rem;animation-name:img_emoji;animation-duration:4.4s;}
.mainbnr01 .visual img[data-image="img_graph"]{bottom:6rem;right:11.2rem;animation-name:img_graph;animation-duration:3.6s;}
.mainbnr01 .visual img[data-image="img_money"]{bottom:2rem;right:2.8rem;animation-name:img_money;	animation-duration:3.8s;} */

/* 231025-메인 배너 */
.mainsiteB{background-color:#fff;height:11rem;}
.mainsiteB .siteBwrap{line-height:1.3;display:flex;flex-direction:column;justify-content:center;color:#111;white-space:nowrap;}
.mainsiteB.capital{padding-right:2rem;}
.mainsiteB.capital::after{content:'';display:block;position:absolute;width:10.2rem;height:10.2rem;bottom:.4rem;right:3.4rem;background:url(/assets/img/sa/bg_main_confetti-right.gif) no-repeat;background-size:contain;pointer-events:none;mix-blend-mode:multiply;}
.mainsiteB .visual img[data-image]{display:block;position:absolute;width:2.5rem;height:2.5rem;animation-iteration-count:infinite;animation-duration:4.4s; overflow:hidden;}
.mainsiteB .visual img[data-image="img_hand"]{bottom:0;right:1rem;width:11.5rem;height:10.2rem;}
.mainsiteB .visual img[data-image="img_emoji"]{bottom:8rem;right:0.4rem;animation-name:img_emoji;animation-duration:4.4s;}
.mainsiteB .visual img[data-image="img_graph"]{bottom:6rem;right:11.2rem;animation-name:img_graph;animation-duration:3.6s;}
.mainsiteB .visual img[data-image="img_money"]{bottom:2rem;right:2.8rem;animation-name:img_money;	animation-duration:3.8s;}

.mainbnr02 div{color:#fff;font-weight:400;}
.mainbnr02{background-color:#4357AD;height:14rem;width:45%;}
.mainbnr01{background-color:#DAE1EB;height:14rem;width:45%;color:#fff;}
.mainbnr01 .siteBwrap{line-height:1.3;display:flex;flex-direction:column;justify-content:center;color:#111;white-space:nowrap;padding-left:1rem;}

.mainbnr01.capital01{background-color:#4357AD;padding-right:2rem;width:45%;}
.mainbnr01.capital01::after{
	content:'';
	display:block;
	position:absolute;
	width:10.2rem;
	height:10.2rem;
	bottom:.4rem;
	right:3.4rem;
	background:url(/assets/img/sa/bg_main_confetti-right.gif) no-repeat;
	background-size:contain;
	pointer-events:none;
	mix-blend-mode:multiply;
}
.mainbnr01 .visual img[data-image]{
	display:block;
	position:absolute;
	width:2.5rem;height:2.5rem;
	animation-iteration-count:infinite;
	animation-duration:4.4s;
	overflow:hidden;
}

.woncar-mainsite{display:flex;padding:0 0 0 2rem;justify-content:space-between;background-color:#DAE1EB;height:14rem;color:#fff;}

/* 231027 메인 플로팅 상품 메뉴 */
.main .main-conwrap{position:relative;display:flex;flex-direction:column;padding:6rem 0 4.5rem;}
.main-float-menu, .maincredit, .wonpick, .carservice, .mainsiteB{position:relative;display:flex;border-radius:2rem;}
.main-float-menu{position:relative;display:flex;padding:1rem 1rem 1.5rem 1rem;background:#ffffff;margin:1.5rem 0;}
.main-float-menu > div{display:flex;flex-direction:column;width: 25%;height:3.7rem;padding:0.2rem 1.1rem;/*border-right:.12rem solid #e9e9e9;*/}
.main-float-menu > div:nth-of-type(1){display:flex;flex-direction:column;}
.main-float-menu > div:nth-of-type(2){display:flex;flex-direction:column;}
.main-float-menu > div:nth-of-type(3){display:flex;flex-direction:column;}

.main-float-menu > div:nth-child(4){border-right:0 solid #F5F4FF !important; /*padding:0.2rem 2rem 0.2rem 1rem*/}
.main-float-menu > span{display:block;line-height:1.1;letter-spacing:-0.05em;}
.main-float-menu > div > .summary-limit-value{position:relative;font-size:1.2rem;font-weight:700;color:#111}
.main-float-menu > div > .summary-limit-value:after{content:'';display:inline-block;position:absolute;right:0;top:calc(50% - 0.5rem);width:0.5rem;height:1rem;background-image:url(/assets/img/sa/main-float-menu-ico.png);background-position:50%;background-size:cover;background-repeat:no-repeat;}
.main-float-menu > div:last-of-type .summary-limit-value:after{right:-0.8rem;top:0.6rem;}
.main-float-menu > div span.unit{font-size: 1.2rem;letter-spacing: -0.09rem;white-space: nowrap;}
.main-float-menu > .unit{content:'';display:inline-block;display:inline-block;padding-bottom:0.5rem;font-size:1.2rem;font-weight:400;color:#444;}
.main-float-menu > div > .unit span{color:#0565F0;    white-space: nowrap;letter-spacing: -0.1rem;font-weight:bold;margin:0 .3rem;font-size:1.5rem;}
.main-float-menu-ico{position:relative;}
.main-float-menu-ico img{position:absolute;width:5px;right:-5.5rem;bottom:0.2rem;}
.main-float-menu div:nth-of-type(4) img{position:relative;width:5px;right:-5.2rem;bottom:-0.8rem;}
.main-float-menu-ico p img{position:relative; right:-5.8rem;}
.main-float-menu span:nth-of-type(4){font-size:1.3rem;}






/*인증중고차*/
.certi-car {width:calc(100% + 4rem);left: -2rem;position: relative; padding:3rem 2rem; background-color:#18223F;}
.certi-car .certi-slider{margin-top:2rem;}
.certi-car .certi-tit h2 {color: #fff; font-size: 2rem;}
.certi-car .certi-tit {color: #fff; font-size: 1.8rem; font-weight: 500;}
.certi-car .certi-tit .certi-txt {margin: 1.4rem 0 0;}
.certi-car .certi-tit .certi-txt-2{font-size: 1.4rem; font-weight: 300;}
.certi-car .certi-tit span{color: #3BC7DD;font-weight: 600;}
.certi-car .swiper-slide { height: auto; border-radius: 2rem; background-color:#3D4A6F;color:#fff; transition:all 200ms linear; transform: scale(0.7);}
.certi-car .swiper-slide-active{transform: scale(1.3);background-color:#fff;}
.certi-car .swiper-slide-active .certi-con-tt{color:#000;}
.certi-car .swiper-slide-active .certi-price{color:#fff3;}


.certi-car .certi-box .certi-img {padding: 1.6rem;}
.certi-car .certi-box .certi-img img{width: 100%; border-radius: 2rem; height: auto;}
.certi-car .certi-box .certi-con { padding: 0 2rem 2rem;}
.certi-car .certi-box .certi-con-tt {line-height: 1.2; font-size: 1.554rem; font-weight: 800;word-break: break-all;}
.certi-car .certi-box .certi-con .certi-price {margin: 0.4rem 0 0.8rem; color: #0565F0; font-weight: 700;font-size: 1.554rem;}
.certi-car .certi-box .certi-con .certi-price .certi-num{font-size: 2rem; font-weight: 800;}
.certi-car .certi-box .certi-con .certi-info {display:flex ;}
.certi-car .swiper-slide .certi-info p {padding: 0.2rem 0.6rem;background-color: #7182b4;  margin-bottom: 0; font-size: 1.15rem; line-height: 1.7rem; color: #fff8; font-weight:bold; margin-right: 0.3rem; border-radius: 0.5rem;}
.certi-btn {width: 100%;border: 0.13rem solid #3BC7DD;border-radius: 1.4rem;padding: 1.4rem 0;text-align: center;margin: 2.4rem 0 0;}
.certi-btn a {color: #3BC7DD;font-size:1.6rem;}
.certi-car .swiper-slide-active div.certi-info p{background-color:#F1F1F1;color: #5d5d5d;;font-weight:bold;}


/*인증 중고차 리스트*/
.certi-header-bg{background-color: #fff!important;}
.certi-sort-area {display: flex;justify-content: flex-end; margin: 5.5rem 0 1.6rem 0;}
.certi-sort-area > div{margin-right: 2rem;}
.certi-container .sort-area{margin: 2.5rem 2rem 2.5rem 0;}
.certi-container .sort-area .filter-icon img {width: 18px; position: relative; top: 3px;margin-right: 0.5rem;}
.price-sort {margin-right: 1.5rem;}
.event-sort button {background-color: #fff;font-size: 1.4rem;color: #1490EF;font-weight: 700;padding: 0 0.3rem;height: 2rem; line-height: 2rem;}
.toggle-1, .toggle-2{transition: 0.2s all;height:8px; position: relative; top:6px;}
.toggle-1.on, .toggle-2.on{transform: rotate(180deg);}
.price-low, .mileage-low{display:block;}
.price-low.none, .mileage-low.none{display: none;}
.price-high, .mileage-high{display: none;}
.price-high.block, .mileage-high.block{display: block;}



.certi-container .sort-txt{font-size: 1.4rem; FONT-WEIGHT: 500; line-height: 2rem; height: 2rem;;}
.sort-area > div:first-child { margin-right: 0.4rem;}
.certi-container .event-sort .btn-sort {padding: 0 0.5rem;}
.certi-container .event-sort .btn-sort + .btn-sort:after {top: 0.4rem;}
.certi-container .active{font-weight: 700; color: #1490ef;}
.certi-container{background-color: #F1F1F1;}
.certi-container .contents{padding: 6rem 0 8rem; background-color: #fff;}
.certi-list-box {background-color: #fff; padding: 2rem; margin-top: 1.6rem;}
.certi-list-box .certi-img-box{display: flex; justify-content: space-between;}
.certi-list-box .certi-img-box .img-l{width: 66%;}
.certi-list-box .certi-img-box .img-r{width: 31%; display: flex; flex-direction: column;justify-content: space-between;}
.certi-list-box .certi-img-box img{width: 100%;border-radius: 1.5rem;}
.certi-list-box .certi-img-box .img-r img:last-child{margin-bottom: 4px;}

.certi-price-box {display: flex;font-size: 1.8rem;font-weight: 700; line-height: 2;    align-items: baseline;}
.certi-list-box .certi-con {margin: 1.4rem 0;}
.certi-list-box .certi-con-tt{line-height: 1.2;font-size: 1.654rem; font-weight: 600;}
.certi-price-box .certi-num-1 {font-weight: 800;font-size: 1.8rem;}
.certi-price-box .certi-num-2 {font-weight: 800;font-size: 1.8rem;}
.certi-price-box .certi-price-1 {margin: 0 0.7rem;color:#007aff;}
.certi-price-box .certi-price-2 {color: #9D9D9D;font-size: 1.34rem;font-weight: 400;}
.certi-summary {display: flex;}
.certi-summary p {padding: 0.2rem 0.6rem;background-color:#F1F1F1;margin-bottom: 0;font-size: 1.15rem;line-height: 1.7rem;color: #5d5d5d;font-weight:bold;margin-right: 0.3rem;border-radius: 0.5rem;}
.certi-list-box .certi-btn {    border: 0.13rem solid #0565f0;}
.certi-list-box .certi-btn button {background-color: #fff; color:#0565f0 ; width: 100%; height: 100%;}
.btn-fixed {position:fixed; bottom:0; width: 100%;}

/* 2024.03.20 오토플러스 추가변경사항으로 상단고정 및 총건수 표기를 위한 변경 */
.certi-top-fixed { position: fixed; width: 100%; background: white; min-height: 2.7rem; height: fit-content; padding-bottom: 0.7rem}
.certi-top-fixed .sort-area { margin: 0 2rem 0 0; flex-wrap: wrap;}
.certi-top-fixed .sort-area > div { max-width: 100%; }
/*
.certi-top-fixed .sort-area > div:first-child  { padding-left: 2rem; }
.certi-top-fixed .sort-area > div:nth-child(2) { margin-left : auto  !important;}
*/
.certi-tot-cnt {background-color: #fff; padding: 2rem 2rem 0rem 2rem; margin-top: 1.6rem;} /* certi-list-box와 유사하게*/
.certi-top-fixed+div { padding-top : 2.5rem;}
.certi-tot-cnt+div .certi-list-box { margin-top : 0.5rem !important; padding-top: 1rem;}
/* 2024.03.20 오토플러스 추가변경사항으로 상단고정 및 총건수 표기를 위한 변경 끝*/

/*폴스타 polestar 랜딩*/
.pole-header{height: 6rem; display: block;}
.pole-header .h-top{width: 100%;display: flex; height: 5rem;justify-content: space-between;align-items: center;}
.pole-header .h-bottom {width: 100%;height: 6rem;display: block;}
.pole-header > div .logo {display: flex;justify-content: space-between; height: 6rem; align-items: center;}
.pole-header > div .logo li {color: #2d83bb;font-weight: 600;font-size: 1.3rem;letter-spacing: -0.5px;}
.pole-header > div .logo img{width: 120px;padding-top: 0.5rem;}
.pole-header > div .pole-tt { text-align: center;font-size: 1.6rem;font-weight: 700; margin-left: 0; height: 4rem; line-height: 4rem; border-bottom: 0.2rem solid #1490ef;}
.pole-contents{padding: 6rem 2rem 6rem!important;}
.ecsPolestar-contents{padding: 6rem 2rem 6rem!important;}
.pole-div {margin-bottom: -1rem;}
.pole-img, .ford-img {width: calc(100% + 4rem);left: -2rem;position: relative;}
.pole-img img {width: 100%;}
.ford-img img {width:100%; display:block;}

/*포드 FORD 랜딩*/
.pord-info {margin-bottom: 3rem;}
.pord-info li {list-style: none;margin-bottom: 1.4rem;}
.pord-text{width: calc(100% + 4rem); padding: 2rem;left: -2rem;position: relative;background-color: #2a2a2a;color:#fff;}
.pord-text h4{font-size: 1.6rem;color:#fff;}
.pord-text li{font-weight: 300;}
.pord-text .dot li::before, p.dot::before{background-color: #fff;}

.ex-search-li{position: relative;margin-bottom: 1.4rem; padding-right:4rem;}
.ex-search-li span{font-size: 1.6rem; font-weight: 500;}
.ex-search-li .ex-call{display: block;position: absolute;top: 0;right: 0;}
.ex-search-li p{width:94%; padding-bottom: 1.4rem; border-bottom: 1px solid #0002;}
.ex-search-li .ex-call img{width: 4rem;}
.ex-search-li:after {/*content: '';width: 4rem;height: 4rem; display: block; position: absolute; top: 0; right: 0;background: url(/assets/img/sd/ex_call.png) 50% 50% no-repeat; background-size: contain;*/}

.live-form {display: flex;align-items: center;margin: 0 -0.4rem;margin-bottom: 4rem;}
.live-form .select-wrapper{width: calc(50% - 0.8rem); margin: 0 0.4rem;}
.live-form .select-wrapper select{width: 100%;height: 4rem; border-radius: 0.4rem;border: 1px solid #ccc; background-color:#fff}


/*폴스타 신규 241212*/
.pole-visual img {width: 100%;display: flex;}
.pole-cont{padding: 2rem;background: linear-gradient(180deg, #F0F0F0, #EAE8E6);}
.pole-tab-wrap {background-color:#fff;}
.pole-tab-wrap .tab-cont{box-shadow: 0.5rem 0.5rem 1rem #d8d8d8;}
.pole-btn-tabs {display: flex;width: 100%;}
.pole-btn-tabs li {width: 50%;height: 4.6rem;line-height: 4.6rem;text-align: center;font-size: 1.65rem;font-weight: 700;color: #fff;background-color: #C6C6C6;box-shadow: inset -0.5rem -0.5rem 0.5rem #b8b8b8;}
.pole-body img{width: 100%;}
.pole-btn-trigger-01.active { color: #0565f0;background-color: #ffffff; box-shadow: none;}
li.pole-btn-trigger-02 {box-shadow: inset 0.5rem -0.5rem 0.5rem #b8b8b8;}
.pole-btn-trigger-02.active {color: #0565F0;background-color: #ffffff;box-shadow: 0.5rem 0.5rem 1rem #d8d8d8;}
.pole-bottom-btn {padding: 2rem 2rem 3rem;}
.pole-bottom-btn button.btn.xl{background-color: #2589F4; height: 5rem; border-radius: 1.2rem;}

.pole-index-tit {background: url(/assets/img/sd/pole-wb.png) 100% 90% no-repeat; background-size: 25%;}
.pole-index-tit h2.tit{font-size: 2.3rem;}
.pole-index-tit h2.tit span{color: #1190FF;}
.pole-index-tit p.desc{font-size: 1.5rem; margin-top: 1rem;}
.pole-index-con{margin-top: 5rem;}
.pole-index-con > div {width: 100%; position: relative;}
.pole-index-con .pole-index-btn {padding: 2rem; height: 100%; width: 100%;font-size: 1.65rem;font-weight: 700;justify-content: left; border-radius: 1.2rem;background-color: #E5F4FF;}
.pole-index-con .pole-index-btn span{margin-left: 0.4rem; color: #116BDA;}
.pole-index-con .pole-index-btn span{color: #0565f0;}
button.btn.pole-index-btn:after { content: '';display: inline-block; position: absolute;right: 2rem;width: 0.7rem; height: 1.3rem; background-image: url(/assets/img/sa/ico-all-arrow.png);background-size: cover; background-repeat: no-repeat;}
p.pole-msg {position: relative; padding: 0.8rem 0 1.4rem 1.6rem;font-size: 1.34rem;line-height: 1.3;color: #616161;}
p.pole-msg::before{  content: ''; display: inline-block; position: absolute; left: 0; top: 1.01rem;width: 1.2rem;height: 1.2rem;background-image: url(/assets/img/sd/pole-msg.png); background-size: cover;background-repeat: no-repeat;}




/*렌트리스 고객다이렉트*/
.direct-top{position: relative;    height: 280px;}
.direct-main-conwrap{padding-top: 6rem;}
.direct-main-conwrap h2{font-size: 2rem;}
.direct-main-banner{display: block;width: 100%;height: 250px;padding: 3rem 2rem;background-image: linear-gradient(180deg, #A7CBFF 0%, #f5fbff 90%);}
.direct-main-banner > span {background-image: url(/assets/img/sa/direct_main_02.png);background-repeat: no-repeat;width: 80%; height: 80%;background-size: contain;background-position: 10%;position: absolute;right: -4.5rem; bottom: 7.6rem;color: #fff;}
.direct-main-icon {padding: 0 2rem;position: absolute;bottom: -1.4rem;width: 100%;}
.direct-main-icon ul {display: grid;grid-template-columns: repeat(4, 1fr); gap:0.5rem;}
.direct-main-icon ul li {background-color: #fff;border-radius: 1.4rem;box-shadow: 0 0.5rem 1rem 0 rgb(0 0 0 / 10%)}
.direct-main-icon ul li a {display: block; padding: 1rem 0;}
.direct-main-icon ul li a i{display:block; width: 100%; height: 5rem;}
.direct-main-icon ul li a span{display: block;text-align: center; margin-top: 0.4rem; font-size: 1.5rem; font-weight: 600; text-align: center; color:#000;}
.direct-icon-01{background: url(/assets/img/sa/direct-icon-01.png) 50% 50% no-repeat; background-size: 64%;}
.direct-icon-02{background: url(/assets/img/sa/direct-icon-02.png) 50% 50% no-repeat; background-size: 65%;}
.direct-icon-03{background: url(/assets/img/sa/direct-icon-03.png) 53% 52% no-repeat; background-size: 57%;}
.direct-icon-04{background: url(/assets/img/sa/direct-icon-04.png) 50% 50% no-repeat; background-size: 56%;}
.rent-model {padding: 2rem;}
.rent-conwrap {overflow-x: auto;    margin: 0 -2rem;}
.rent-conwrap::-webkit-scrollbar{display: none !important;}
.rent-box {display: flex; padding-left: 2rem;}
.rent-box li {margin-right: 1rem;background-color: #fff;border-radius: 1.4rem;}
.rent-tit {padding: 2rem 0 2rem;}
.rent-img {height: 11rem; align-items: center; display: flex;}
.rent-img img {width: 100%;}
.rent-box li a{display: block;width: 200px; padding: 2rem;font-size: 1.3rem;}
.rent-tt-01 {font-size: 1.6rem; font-weight: 700;color: #000;margin-top: 1rem;margin-bottom: 0;}
.rent-tt-02 {font-size: 1.6rem; font-weight: 400;color: #000;}
.rent-tt-03 {font-size: 1.7rem;font-weight: 700;color: #0565F0;}
.direct-btn{width: 100%; border: 0.13rem solid #0565F0;border-radius: 1.4rem;padding: 1.4rem 0;text-align: center;margin: 2.4rem 0 0;}
.direct-btn a {color:#0565F0; font-size: 1.4rem;}

.faq_area{padding:0 2rem;}
.faq_wrapper{}
.faq_item{margin-bottom: 2rem;}
.faq_title{border-radius: 1.4rem; padding: 1.4rem 1.6rem;font-size: 1.4rem;font-weight: 600; background-color: #fff; color:#000;position: relative;display: flex; display: flex;align-items: center;}
.faq_title span.arrow{background-image: url(/assets/img/sa/faq_arrow.png);background-repeat: no-repeat;width: 16px;height: 20px;background-size: contain;background-position: 10%;position: absolute;right:1.6rem;color: #fff;}
.faq_title.active span.arrow{transition-duration: 1s;transition-delay: 1s;transition-timing-function: ease-in;transform: rotate(0deg);background-image: url(/assets/img/sa/faq_arrow_on.png);transition: all 0.3s;}
.faq_title.active {background-color: #0050ff; color:#fff;}
.faq_details{display: none;background-color: #fff;margin-top: 1rem;border-radius: 1.4rem;padding: 2rem 1.6rem;}
.faq_q_tt {display: block;}
.faq_q, .faq_a {font-weight: 900;padding-right: 1rem;color: #0050ff;font-size: 1.4rem;}
.faq_a_tt{font-size: 1.4rem;font-weight: 600;color: #000;}
.faq_title.active span.faq_q{color:#fff;}
.faq_details p{    margin: 1rem 0 2rem;color: #333;font-weight: 400;}
.faq-btn a {height: 4rem;background-color: #000;color: #fff;text-align: center;width: 70%;display: block;margin: 0 auto;line-height: 4rem;border-radius: 4rem;font-weight: 500;}
/*.faq_item:first-child .faq_details{display: block;}*/


.direct-container{}
.direct-container .contents {padding: 6rem 0 8rem; background-color:#f1f1f1;}
.icon-area {padding: 2rem;}
.icon-area ul{display: grid;grid-template-columns: repeat(4, 1fr);gap: 0.5rem;}
.icon-area ul li {background-color: #fff;border-radius: 4rem;height: 4rem;line-height: 4rem;}
.icon-area ul li a{display:block; border-radius: 4rem;text-align: center;font-size:1.4rem; font-weight: 600; color: #000;}
.icon-area ul li a i {display: block;width: 100%;height: 4rem;}
.icon-area ul li:first-child a{display: block;text-align: center; padding-left: 0;}
.icon-area ul li a .direct-icon-01{background: url(/assets/img/sa/direct-icon-01.png) 42% 50% no-repeat;background-size: 50%;}
.icon-area ul li a .direct-icon-02{background: url(/assets/img/sa/direct-icon-02.png) 40% 50% no-repeat;background-size: 50%;}
.icon-area ul li a .direct-icon-03{background: url(/assets/img/sa/direct-icon-03.png) 50% 52% no-repeat;background-size: 65%;}
.icon-area ul li a.active{background-color: #0050ff;color: #fff;}

.direct-list {padding: 0 2rem;}
.direct-list-box {background-color: #fff;border-radius: 1.4rem;padding: 2rem;margin-top: 1.6rem;}
.direct-list-box .direct-img-box {display: flex; justify-content: space-between;}
.direct-wrap {display: flex;}

.direct-list-box .direct-img-box img {width:100% ;}
.direct-list-box .direct-img-box {display: flex;justify-content: space-between;align-items: center;width: 60%; }
.direct-con {width: 40%;padding-left: 5%;}
.direct-tx p{margin-bottom:0;}
.direct-tx .tx-01 {font-size: 1.4rem; font-weight: 700;}
.direct-tx .tx-02 {line-height: 1.6rem;margin-top: 0.4rem;font-size: 1.2rem; font-weight: 400;}
.direct-tx .tx-03 {margin-top: 1rem;font-size: 1.7rem;font-weight: 700;color: #0565F0;}
.direct-tx .tx-04 {font-size: 1.5rem;color: #999;font-weight: 500;}
.direct-summary{display:flex;}
.direct-summary p {margin-top: 1.4rem;padding: 0.2rem 0.6rem;background-color: #F1F1F1;margin-bottom: 0;font-size: 1.26rem;line-height: 1.7rem;color: #555;font-weight: 400;margin-right: 0.3rem;border-radius: 0.5rem;}
.direct-summary span{font-weight: 700;}

.direct-detail .contents {padding: 6rem 0 0rem;background-color: #fff;}
.imgWrap {display: block;width: 100%;height: 250px;padding: 3rem 2rem; }
/*이미지 배경이 투명이 아니라 해당부분 제외 background-image: linear-gradient(180deg, rgba(226, 226, 226, 0.8) 0%, #ffffff 90%); */
.imgWrap img {width: 100%;}
.direct-spec {padding: 0 2rem;}
.direct-spec .direct-spec-tt span {background-color: #0565f0;padding: 0.4rem 1rem;font-size: 1.2rem;color: #fff;border-radius: 2rem;margin-bottom: 2rem;}
.direct-spec .direct-spec-tt h3{font-size: 1.8rem; margin-top: 0.6rem;}
.direct-price {font-size: 1.5rem;font-weight: 500;text-align: right;}
.direct-price span {margin-left: 0.4rem;}

.direct-price .detail-num {color: #0565f0;font-size: 2rem;font-weight: 800;}
.direct-spec-btn {margin: 2rem 0;}
.direct-spec-btn a {border: 1px solid #C5C5C5; border-radius: 1rem; padding: 1.4rem; display:flex; align-items: center; position: relative; text-align:left; color: #000;font-size: 1.4rem;}
.direct-spec-btn a span.arrow{background-image: url(/assets/img/sa/direct_arrow.png); background-repeat: no-repeat;width: 7px;height: 13px;background-size: contain;background-position: 10%;position: absolute;right: 1.6rem;color: #fff;}
.update{display: flex;justify-content: flex-end;align-items: center; color: #949494;font-size: 1.4rem;font-weight: 400;}
.update img{height:16px; margin-right: 3px;}
.direct-spec-con {background-color: #F7F7F7;padding: 2.4rem 2rem;border-radius: 1.4rem;margin-top: 2rem;}
.direct-spec-con tr{height: 3rem; line-height: 3rem;    color: #3D3D3D;font-size: 1.4rem;}
.direct-spec-con tr td:first-child{width: 100px;font-weight: 500;font-size: 1.4rem;color:#B2B2B2; display: block;padding-right: 2rem;}


.detail_qna {background-color: #F7F7F7;    padding: 2rem;margin-top: 4rem;}



/* 미디어 쿼리(기종별) */
@media(max-width:320px){
	.certi-price-box{font-size: 1.5rem;}
	.certi-price-box span.certi-num-1, .certi-price-box span.certi-num-2 {font-size: 1.7rem;}
	.certi-price-box .certi-price-1{margin: 0 0.3rem;}
	.certi-price-box .certi-price-2{font-size: 1.1rem;}
}

@media(max-width:340px){
	.main-conwrap .main-credit-summary > div {padding: 0px 1rem;}
	.main-conwrap .main-credit-summary > div > .summary-limit-value {font-size: 1.2rem;}
}

@media(max-width:375px){
	.main-float-menu > div {height: 3.7rem;}
	/*.main-credit-summary > div:nth-last-child(2) {width: 40%;}*/
}
@media(max-width:414px){
	.main-float-menu {padding: 1rem 1rem 1.5rem 0rem;}
	.main-float-menu > div:last-of-type .summary-limit-value:after {right: -11rem;top: 0.6rem;}
	.main-float-menu > div {height: 3.7rem;padding: 0.2rem 2rem;}
	.main-float-menu > div > .summary-limit-value:after {right: -11px;}
}
@media(max-width: 540px){
	.main-float-menu > div {padding: 0.2rem 1.5rem;}

}
@media(max-width:390px){

}
@media(max-width:820px){
	.main-float-menu {position: relative;display: flex;background: #ffffff;margin: 1.5rem 0;}

	/* .main-float-menu > div {padding: 0.2rem 1.5rem;} */
	.main-credit-summary > div:nth-last-child(2) {width: 28%;}
	.main-float-menu > div:last-of-type .summary-limit-value:after {right: -1.8rem;top: 0.6rem;}
	.main-float-menu > div > .summary-limit-value:after { right: -8px;}
	.main-float-menu > div:nth-child(4) {padding: 0.2rem 2rem 0.2rem 1rem;}
}

@media(min-widuth:912px){
	.main-float-menu > div:nth-child(4) {border-right: 0 solid #F5F4FF;padding: 0.2rem 2rem 0.2rem 9rem;}
	.main-float-menu > div:last-of-type .summary-limit-value:after {right: -1.8rem;}
	.main-float-menu > div {padding: 0.2rem 6.1rem;}
}

/* 메인상품 스크롤시 상단에 고정 20231120 LYE*/
.main .later-fixed{display:flex;position:fixed;top:60px;width:calc(100% - 4rem);box-shadow:1px 2px 9px #ccc;z-index:100;}

/* 231017 케이카 내차팔기 소개페이지 */
/* ico-txt-btn */
.kcar-contents{font-family:"Noto Sans KR", sans-serif;}
.contents > .kcar-item{margin:4rem 0;width:40rem;}
.ico-kcar{background:none;text-align:left;position:relative;display:block;padding:2.1rem 4rem 2rem 6.8rem;font-size:1.6rem;color:#fff;}
.ico-kcar .ico1{position:absolute;top:-1rem;left:-0.4rem;width:6rem;height:6rem;background:#fff url(/assets/img/sb/kcar-icon1.png) 50% 50% no-repeat;background-size:6rem auto;}
.ico-kcar .ico2{position:absolute;top:-1rem;left:-0.4rem;width:6rem;height:6rem;background:#fff url(/assets/img/sb/kcar-icon2.png) 50% 50% no-repeat;background-size:6rem auto;}
.ico-kcar .ico3{position:absolute;top:-1rem;left:-0.4rem;width:6rem;height:6rem;background:#fff url(/assets/img/sb/kcar-icon3.png) 50% 50% no-repeat;background-size:6rem auto;}
.ico-kcar .ico.loan,
.ico-kcar .ico.normal{width:10rem;height:10rem;background-position:-27px 46%;background-size:15rem auto;}
.ico-kcar .ico.loan{background-image:url(/assets/img/co/ico-loan.svg);}
.ico-kcar span{display:block;color:#111;}
.ico-kcar .name{font-size:2rem;letter-spacing:-0.032rem;font-weight:700;padding-bottom:1rem;6rem;line-height:1.1;margin-top:-2.4rem;}
.ico-kcar .info{font-size:1.4rem;color:#666;}
.ico-kcar .info *{font-style:normal;}
.ico-kcar .kname-info *{font-style:normal;padding-left:6rem;}
.ico-kcar + .banner-wrap{margin-top:4rem;}
.kcar-item{margin-top:3rem;height:11rem;}
.k-text-list{position:relative;bottom:1rem;}
.kcar.btn-wrap{position:relative;display:flex;align-items:center;}
.kcar.btn-wrap.full{width:100%;}
.btn-wrap .btn.full{width:100%;}

/* 상단 타이틀 */
/* highlighter */
.kcar-highlighter{display:inline-block;font-size:2.5rem;font-weight:700;color:#1473E6;line-height:1.3;}
.kcar-highlighter-red{display:inline-block;color:#D44C4B;line-height:1.3;background-size:auto 0.7rem;font-weight:700;}
.kcar-highlighter-blue{display:inline-block;color:#3ba4dd;line-height:1.3;background-size:auto 0.7rem;font-weight:700;}
.kcar-tit-h2{display:inline-block;font-size:3.5rem;font-weight:700;color:#111;line-height:1;}
.kcar-tit-extra p{font-size:1.5rem;color:#666;margin-top:1rem}

/* 케이카 하단 당일 판매 시 12만 원 상당 혜택 제공 팝업 */
/* .kcar-wrap{ height:2.5rem;border-radius:1.5rem;background-color:#4B4B4B;transition:top 0.7s ease-in-out ;margin-bottom:5rem;}
.kcar-main .pop-con{padding:1.5rem;display:flex;border-radius:1.5rem;}
.kcar-main .btn-close-main{width:2.2rem;position:relative; top:-3.5rem;left:31.5rem;;}
.kcar-main .btn-close-main .btn-x{width:100%;height:100%;display:block;position:relative;} */
/*
.kcar-main .btn-close-main .btn-x::before,
.kcar-main .btn-close-main .btn-x::after{content:'';width:1.8rem;height:0.1rem;display:block;position:absolute;top:0;left:0;}
.kcar-main .btn-close-main .btn-x::before{border-top:0.1rem #fff solid;transform:rotate(45deg);top:1.5rem;left:.1rem;}
.kcar-main .btn-close-main .btn-x::after{border-bottom:0.1rem #fff solid;transform:rotate(-45deg);top:1.5rem;left:.1rem;}  */

.kcar-main  .knotice-icon{border:1px solid red;width:5.4rem;height:7.7rem;background-color:#4B4B4B;border-radius:1.2rem;background:url(/assets/img/sa/notice-icon.png) no-repeat;background-size:3.7rem auto;z-index:200;margin-bottom:5rem;}
.kcar-notice-txt{color:#fff;font-size:1.3rem;font-weight:600;margin-left:-150%;margin-top:46%;text-align:center;}

.kcar-text-list-wrap_banner{margin-left:-2rem;margin-right:-2rem;padding:2rem 2rem;}
.kcar-text-list-wrap_banner .banner-wrap{margin-top:0;margin-bottom:2rem;}
.kcar-btn-x .alter{border-radius:1.2rem;background:url(/assets/img/sa/notice-icon.png) no-repeat;background-size:3.7rem auto;}

/* 231019- 케이카 하단 팝업 */
.kcar-wrap{ border-radius:1.5rem;background-color:#4B4B4B;transition:top 0.7s ease-in-out ;margin-bottom:5rem;}
.kcar-main .pop-con{padding:1.5rem;display:flex;border-radius:1.5rem;}
.kcar-main .btn-close-main-kcar{width:2.2rem;position:relative; top:-3.5rem;left:31.5rem;;}
.kcar-main .btn-close-main .btn-x-car{border:1px solid red;width:100%;height:100%;display:block;position:relative;top:2rem;left:28.1rem;z-index:1000;}

.kcar-wrap .popup-wrap .kcar-main{width:2.2rem;height:2.2rem;position:absolute;top:1.5rem;right:1.5rem;}
.kcar-wrap .popup-wrap .kcar-main  .btn-x-kcar{width:100%;height:100%;display:block;position:relative;background-color:#4b4b4b;}
.kcar-wrap .popup-wrap .kcar-main  .btn-x-kcar::before,
.kcar-wrap .popup-wrap .kcar-main  .btn-x-kcar::after{content:'';width:1.8rem;height:0.1rem;display:block;position:absolute;top:0;left:0;}
.kcar-wrap .popup-wrap .kcar-main  .btn-x-kcar::before{border-top:0.1rem #03c75a solid;transform:rotate(45deg);top:1rem;left:.1rem;}
.kcar-wrap .popup-wrap .kcar-main  .btn-x-kcar::after{border-bottom:0.1rem #03c75a solid;transform:rotate(-45deg);top:1rem;left:.1rem;}
.kcar-wrap .popup-main .kcar-wrap{background:#fff;padding:1.8rem;width:100%;height:7rem;width:calc(100vw - 4rem);border-radius:1.5rem;transition:top 0.7s ease-in-out ;box-shadow:rgba(0,0,0,0.05) 0px 6px 24px 0px,rgba(0,0,0,0.08)0px 0px 0px 1px;margin-top:1rem;}

.ft-pm-btn-kcar{display:block;position:fixed;z-index:10;box-sizing:border-box;}
.kcar-wrap .ft-pm-btn-kcar > .kcar-main{position:absolute;right:0;top:-5.3rem;z-index:3;width:15rem;height:2.1rem;display:none;}
.kcar-wrap .pop-wrap{ width:calc(100vw - 7rem);border-radius:1.5rem;background-color:#353535;transition:top 0.7s ease-in-out;opacity:0.9;}
.kcar-wrap .popup-main .pop-con{padding:1.5rem;display:flex;border-radius:1.5rem;}
.kcar-wrap .popup-main .btn-close-maink-car{width:2.2rem;height:2.2rem;position:relative;top:-7.5rem;right:-33rem;}
.kcar-wrap .pop-con > div:last-of-type{margin-left:1.9rem;}

.kcar-wrap{ width:calc(100vw - 7rem);border-radius:1.5rem;background-color:#ffffff;transition:top 0.7s ease-in-out ;}
.popup-main .pop-con{padding:1.5rem;display:flex;border-radius:1.5rem;}
.popup-main .btn-close-main{width:1.1rem;height:1.1rem;position:absolute;top:10rem;right:3.8rem;display:flex;justify-content:center;align-items:center;background:url(/assets/img/co/btn-mycar-del.png) 50% 50% no-repeat;background-size:contain;opacity:0.8;}
.popup-wrmainap .pop-con > div:last-of-type{margin-left:1.9rem;}

.btn-close-main-kcar{width:1.5rem;height:1.5rem;position:absolute;top:1.1rem;right:1.8rem;display:flex;justify-content:center;align-items:center;background:url(/assets/img/co/btn-mycar-del01.png) 50% 50% no-repeat;background-size:contain;opacity:0.5;}

.kcar-bnr-wrap{position:relative;bottom:1rem;}
.kcar-bnr-wrap .banner{display:block;width:100%;max-height:26vw;border-radius:0.5rem;overflow:hidden;}
.kcar-bnr-wrap .banner:nth-of-type(n+2){margin-top:1.2rem;}
.kcar-bnr-wrap.expand{margin-top:1.4rem;margin-bottom:4rem;}
.kcar-bnr-wrap.expand .banner{max-height:26.4vw;border-radius:0;}
.banner-wrap.expand .banner:nth-of-type(n+2){margin-top:1.4rem;}
.kcar-bnr-wrap .banner img{width:100%;vertical-align:top;}
.modal-body .kcar-bnr-wrap{margin-bottom:0;}

/*하단 플로팅*/
.kcar-wrap{display:block;position:fixed;bottom:8.2rem;right:2rem;z-index:10;}

.mydata-bn-box{width:100%;margin-top:4.5rem;}
.mydata-bn-box a{display:block;width:100%;}
.mydata-bn-box a img{width:100%;}
.modal-title-img-box{width:100%;text-align:center;position:relative;}
.modal-title-img-box::after{display:block;content:"";position:absolute;bottom:0;left:-2rem;z-index:2;width:calc(100% + 4rem);height:1px;background-color:#eee;}
.modal-title-img-box img{display:inline-block;vertical-align:top;width:19rem;}
.modal-title.mydata-tit{width:100%;}
.swp-height-fixed{height:auto;}
.swp-height-fixed .swiper-slide{height:auto;width:100%;}
.swp-height-fixed .swiper-slide a{display:block;height:auto;width:100%;text-align:center;}
.swp-height-fixed .swiper-slide a img{display:inline-block;height:auto;vertical-align:top;width:100%;}

/* 231120  전체 금융상품 서브페이지 - 신차, 대출, 오토담보론  */
.main-all-loan{position:relative;display:block;margin:2rem 0 1rem;}
.main-all-loan p{font-size:1.7rem;color:#111;font-weight:600;}
.main-all-loan-tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}
.main-all-loan .main-tit-icon img{background-repeat:no-repeat;width:7px;height:16px;}
.main-all-loan h2{color:#111;font-size:1.5rem;font-weight:400;}
.main-all-loan .main-tit-icon{display:flex; align-items:center;margin-top:-1.5rem;}
.main-all-loan ul{box-shadow:none;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap;overflow:visible;overflow-x:auto;}
.main-all-loan ul::-webkit-scrollbar{display:none;}
.main-all-loan ul li{position:relative;margin:.5rem 1.4rem .5rem 0;padding:1.9rem;width:5.5rem;height:14rem;min-width:14rem;line-height:1.2;border-radius:1.8rem;box-shadow:0 0.2rem 0.5rem 0 rgb(0 0 0 / 22%);}
.main-all-loan ul li:nth-of-type(1){background-color:#bbd1ff;}
.main-all-loan ul li:nth-of-type(2){background-color:#cceffc;}
.main-all-loan ul li:nth-of-type(3){background-color:#c6e8af;}
.main-all-loan ul li img{position:absolute;width:8rem;left:50%;transform:translateX(-50%);top:7rem;}

.allloan-txt{position:relative;display:flex;justify-content:flex-start;align-items:center;padding:2rem 1.5rem;width:100%;height:3.5rem;background-color:#f4f6fb;border-radius:3rem;}
.allloan-txt p{padding-left:0.8rem;color:#111;font-size:1.2rem;}
.allloan-txt img{display:inline-block;width:27px;vertical-align:bottom;}
.allloan-tit{font-size:1.7rem;font-weight:700;color:#111;}
.allloan-con{position:relative;overflow:hidden;}
.allloan-con .allloan-tit{position:absolute;left:0;top:3rem;}
/* 가로가 좁아지는 경우 제목과 sorting방법 겹치는 부분때문에 수정함 - 20231121 LYE */
@media(max-width:360px){
	.allloan-con .allloan-tit{top:2rem;}
	.main-conwrap .main-credit-summary > div {padding: 0 1rem;}
	.main-float-menu{padding: 1.5rem 2rem;}
	.main-credit-summary > div:nth-last-child(2) {width: 30%;}

}
.allloan-sort-area{margin-bottom:1.6rem;}

/* 231120 전체 금융상품 서브 페이지- 금융사별 상세 금융상품*/
.allloan-credit{display: block;position: relative; width: 100%;padding: 2.5rem 2rem;background-color: #f3f7fa;border-radius: 2.5rem;
font-weight: 400;  border: 1px solid #eee;  margin-top: 2rem;}
.top-limit-info-bg .allloan-credit .allloan-credit-summary{margin-bottom:0.8rem;}
.top-limit-info-bg .tit-area +  .allloan-credit .allloan-credit .allloan-credit-summary{margin-top:-1rem;}
.hgroup + .allloan-credit .allloan-credit-summary.list{margin-top:-1rem;}
.allloan-credit .allloan-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);}
.allloan-credit .allloan-credit-summary.list > div{padding:1.5rem 0 1.6rem 0;display:flex;justify-content:space-between;/* align-items:flex-start;*/ align-items:center;}
.allloan-credit .allloan-credit-summary.list > div + div{border-top:0.1rem solid #eee;}
.allloan-credit .allloan-credit-summary.list > div > span{font-size:1.6rem;color:#111;line-height:1.5em;letter-spacing:-0.032em;font-weight:700;}
.allloan-credit-bank{position: relative;display: flex; align-items: flex-start; background: none;box-shadow: none;padding-bottom: 2.6rem; justify-content: space-between;}

.icon-woori_bank{background-image: url(/assets/img/sd/icon-woori_bank.png);min-width: 5rem;height: 5rem;background-repeat: no-repeat;background-size: contain;}
.icon-woori_card{background-image: url(/assets/img/sd/icon-woori_card.png);min-width: 5rem;height: 5rem;background-repeat: no-repeat;background-size: contain;}
.icon-woori_capital{background-image: url(/assets/img/sd/icon-woori_capital.png);min-width: 5rem;height: 5rem;background-repeat: no-repeat;background-size: contain;}

.allloan-credit-limit .allloan-credit-bank{display:flex;justify-content:space-between;align-items:left;}
.allloan-credit .allloan-credit-summary.list .txt .summary-limit-value.pick,
.allloan-credit .allloan-credit-summary.list > div > span[class*='-value'].pick{color:#1490ef;font-size:2rem;font-weight:800;}
.allloan-credit.allloan-credit-summary.list .txt strong.summary-limit-value.pick{font-size:3.2rem;}
.allloan-credit .allloan-credit-summary.list .txt .unit{margin-left:0.2rem;font-size:1.4rem;color:#111;}
.allloan-credit-title{display: block; width: 70%;}
.allloan-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;}
.allloan-credit-title .desc{font-size:1.3rem;color:#666;line-height:1.2;}
.allloan-credit-title .date{font-size:1.4rem;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.allloan-credit-title .tit{display:block;font-size:1.8rem;font-weight:700;color:#39497c;margin:0.2rem 0;}
.allloan-credit-title .tit + span.desc,
.allloan-credit-title .tit + span.date{margin-top:0.4rem;}
.allloan-credit-limit .allloan-credit-title .tit + span.desc{color:#999999;font-weight:400;}
.allloan-credit-summary.list .txt .allloan-value.pick,
.allloan-credit-summary.list > div > span[class*='-value'].pick{color:#1490ef;font-size:2rem;font-weight:500;}
.allloan-credit-summary.list .txt strong.allloan-value-value.pick{font-size:3.2rem;}
.allloan-credit-bank p{display:flex;    width: 20%;}
/* .allloan-credit-bank .icon-move-2depth{display: block;content: '';  width: 5%;  height: 1.5rem; background: url(/assets/img/sd/icon-move-2depth.png);background-repeat: no-repeat;background-size: contain;margin-top: 0.5rem;} */
.allloan-credit-bank .icon-move-2depth{display: block;content: '';width: 5%;height: 1.5rem;background: url(/assets/img/sa/main-tit-icon.png) no-repeat;background-size: contain;margin-top: 0.8rem;}
.card-credit-summary div .txt span{color:#1f8de4;font-weight:800;font-size:1.8rem;}

/* 231123 - 금융상품 리스트 */

.allloan-list, .maincredit, .wonpick, .carservice, .mainsiteB{position:relative;display:flex;border-radius:2rem;}
.allloan-list{position:relative;text-align: center;display: flex;justify-content: space-evenly;}
.allloan-list > div{border-right:.12rem solid #e3e3e3; width: 100%;}
.allloan-list > div:first-child { padding-right: 0.5rem;}
.allloan-list > div:last-child{border-right: none;padding-right: 0;}
.allloan-list > div:nth-child(4){border-right:0 solid #F5F4FF !important;}
.allloan-list > span{display:block;line-height:1.1;letter-spacing:-0.05em;}
.allloan-list > div > .summary-limit-value{position:relative;font-size:1.3rem;font-weight:400;color:#333; display:block;}
.allloan-list > div:last-of-type .summary-limit-value:after{right:-0.8rem;top:0.6rem;}
.allloan-list > .unit{content:'';display:inline-block;display:inline-block;padding-bottom:0.5rem;font-size:1.5rem;font-weight:600;color:#444;}
.allloan-list > div span{content:'';display:inline-block;padding-bottom:0.5rem;font-size:1.34rem;letter-spacing: -0.075rem;font-weight:600;white-space: nowrap;color:#444;}
.allloan-list-ico{position:relative;}
.allloan-list-ico img{position:absolute;width:5px;right:-5.5rem;bottom:0.2rem;}
.allloan-list div:nth-of-type(4) img{position:relative;width:5px;right:-5.2rem;bottom:-0.8rem;}
.allloan-list-ico p img{position:relative; right:-5.8rem;}
.allloan-list span:nth-of-type(4){font-size:1.3rem;}

/* 231129 - 금융상품 탭메뉴 */
/* tab menu */
.allloan-tab-wrap { width: 100%;}
.allloan-tab-wrap .allloan-tab ul{overflow: hidden;display: flex;justify-content: space-around;margin: 7rem -2rem -0.1rem -2rem;padding: 0 2rem;border-bottom: 0rem solid #eee; }
.allloan-tab-wrap .allloan-tab ul li{display: flex;flex-grow: 1;align-items: center;width: 100%;}
.allloan-tab-wrap .allloan-tab ul li button{height: 3.5rem;padding: 0 1.8rem;border-radius: 1.75rem;line-height: 3.5rem;white-space: nowrap;width: 100%; background-color: #f5f5f5;}
.allloan-tab-wrap .allloan-tab li a, .allloan-tab-wrap .tab-btn li button{display: block;width:100%;padding-top: 0;padding-bottom: 0.8rem;color: #4b4b4b;letter-spacing: -0.05em;background-color: #fff;box-shadow: none;transition: none; display: flex;justify-content: center;}
.allloan-tab-wrap .allloan-tab li.active::after{content: '';width: 100%;height: 0.2rem;background-color: #1490ef;position: absolute;bottom: -3rem;left: 0;z-index: 1;}
.allloan-tab-wrap .tab-btn li.active, .allloan-tab-wrap .tab-btn-th2 li.active  {position: relative;}
.allloan-tab-wrap .tab-btn li.active a, .allloan-tab-wrap .tab-btn li.active button { color: #fff;background-color: #1161BE;border-radius: 2rem; border-bottom: 0;}
/* 2023223 추가*/
.allloan-tab-wrap .tab-btn.fixed{position: fixed; top: 5.9rem;}
.allloan-tab-wrap .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;}
.allloan-tab-wrap .event-btn li.active::after,
.allloan-tab-wrap .allloan-tab-wrap .tab-btn li.active::after,
.allloan-tab-wrap .tab-btn.oil li.active .allloan-tab-wrap button::after {content: '';width: 100%;height: 0.2rem;background-color: #1490ef;position: absolute;bottom: 0;left: 0;z-index: 1;}

.allloan-tab-wrap .depthtree { overflow: hidden;display: flex;justify-content: space-around;margin:6rem -2rem -0.1rem  -2rem;padding: 0 2rem;border-bottom: 0rem solid #eee !important;}
.allloan-tab-wrap .depthtree li{margin:0 0.6rem !important; display: flex;flex-grow: 1; align-items: center;width:100%;}
.allloan-tab-wrap .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;}
.allloan-tab-wrap .depthtree li .active{color: #fff;background-color: #1490ef;border-bottom: 0 !important;}
.allloan-tab-wrap .depthtree li.active button{color: #fff;background-color: #1490ef;border-bottom: 0 !important;}

.allloan-tab-wrap .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;}
.allloan-tab-wrap .oilmap_box div:nth-of-type(1){ font-size: 1.5rem; }
.allloan-tab-wrap .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; }
.allloan-tab-wrap .oilmap_box div:nth-of-type(1) span{font-weight: 700; display: inline-block; padding: 0 0.5rem;}
.allloan-tab-wrap .oilmap_box .desc{ letter-spacing: 0rem;  display: flex;justify-content: flex-end;}
.allloan-tab-wrap .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;  }
.allloan-tab-wrap .oilmap_box div:nth-of-type(1) span.blue, .allloan-tab-wrap .oilmap_box .desc.blue, .blue{color: #0050ff;}
.allloan-tab-wrap .oilmap_box div:nth-of-type(1) span.red, .allloan-tab-wrap .oilmap_box .desc.red, .red{color: red;}
.allloan-tab-wrap .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;  }
.allloan-tab-wrap .oilmap_container{position: relative; background-color: #eee; display: flex; flex-grow: 1;height: calc(100vh - 25rem); margin-bottom : -12rem;}

.allloan-tab-wrap .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;}
.allloan-tab-wrap .area{ display: flex; justify-content:start; margin: 1rem 0 ; padding: 0;box-shadow:0; font-size: 1.5rem; color:#111; font-weight: 600;}
.allloan-tab-wrap .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;}
.allloan-tab-wrap .area_box .table td{ background-color: #fff;}

.allloan-tab-wrap .oilred{display: inline-block; color:red;padding-left: 1rem;}
.allloan-tab-wrap .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;}
.allloan-tab-wrap .oilblue{display: inline-block; color:blue;padding-left: 1rem;}
.allloan-tab-wrap .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;}

.allloan-tab-wrap .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; }
.allloan-tab-wrap .tab-btn-area .tab-btn.oil.fixed {position: fixed;top:5.9rem; }
.allloan-tab-wrap .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;}
.allloan-tab-wrap .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;}
.allloan-tab-wrap .tab-btn-area .tab-btn.oil > ul{display: flex; min-height: 2rem; justify-content: center;}
.allloan-tab-wrap .tab-btn-area .tab-btn.oil > ul:first-child{border-bottom: 0.1rem solid #eee;}
.allloan-tab-wrap .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;}

.allloan-tab-wrap .tit-side h2{margin-top: 1rem;margin-bottom: 0.1rem;font-size: 2.4rem;font-weight: 700;word-break: keep-all; color: #111;}
.allloan-tab-wrap .tab-btn-area{margin-right: 1.3rem;}
.allloan-tab-wrap .tab-btn-area .tab-btn.side, .allloan-tab-wrap .downside{box-shadow:none;border-radius: 0; box-shadow: 0  rgb(0 0 0 / 0);  padding:0 !important ; }
.allloan-tab-wrap .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;}
.allloan-tab-wrap .tab-btn-area .tab-btn.side::after{ right: -20rem;}
.allloan-tab-wrap .tab-btn-area .tab-btn.side > ul{ margin-top: -3.8rem;z-index: 300;}
.allloan-tab-wrap .tab-btn-area .tab-btn.side > ul,  .allloan-tab-wrap .downside{display: flex; min-height: 2rem; justify-content:flex-start; flex-wrap: wrap;}
.allloan-tab-wrap .tab-btn-area .tab-btn.side > ul:first-child{border-bottom:0 solid #eee;}
.allloan-tab-wrap .tab-btn-area .tab-btn.side li, .allloan-tab-wrap .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;}
.allloan-tab-wrap .tab-btn-area .tab-btn.side ul li a, .downside li a { min-width:7.4rem}
.allloan-tab-wrap .tab-cont{width: 100%;box-sizing: border-box;border-radius: 0 0 4px 4px;}
.allloan-tab-wrap .tab-cont .form-wrap{margin-top: 0;}
.allloan-tab-wrap .tab-cont .section + .section{margin-top: 6rem;}
.allloan-tab{background-color: #f5f5f5;;border-radius: 2rem;font-weight: 600; color: #111;}


/*테슬라 전용관 리뉴얼 240422*/
.tsl-container{max-width: 1024px; margin: 0 auto; background: linear-gradient(180deg, rgba(255,255,255,1)0%, rgba(241,241,241,1)100%);}
.tsl-container .contents{padding:6rem 0 0;}

.tesla-main-swiper{width:100%; margin-top:-6rem;}
.tesla-event-swiper{overflow:visible;}
.tesla-main-swiper a{display: block;}
.tesla-event-swiper .swiper-slide{padding-top:6rem;}
.tesla-event-swiper .swiper-pagination{display:flex;justify-content:center;align-items:center;width:6rem;height:8%;border-radius:1.5rem;position:absolute;left:auto;right:5%;bottom:9%;margin-left:-3rem;color:#000;background:rgba(255,255,255,0.3);}
.tesla-event-swiper .swiper-pagination > span{padding:0 0.3rem;font-size:1.4rem;}
.tesla-event-swiper .swiper-pagination-total{font-weight:400;}
.tesla-event-swiper .swiper-pagination-current{font-weight:700;}
.tesla-event-swiper .swiper-scrollbar{background-color:rgba(255, 255, 255, 0.03);position:absolute;bottom:0;left:0;width:100%;display:none;}
.tesla-event-swiper .swiper-scrollbar-drag{background-color:#fff678;border-radius:0;display:block;transition:all 0.3s ease;}
.tesla-event-swiper .swiper-horizontal>.swiper-scrollbar{position:absolute;left:0;bottom:0px;z-index:50;height:0.5rem;width:100%;}

.tesla-event-swiper .time-area{left:8%; top:10%;padding:0 1rem; display: flex; position: absolute;background-color:rgba(255, 255, 255, 1); height: 3rem; align-items: center; border-radius: 3rem;opacity: 0.8;}
.tesla-event-swiper .time-area .ico{display: flex; align-items: center;}
.tesla-event-swiper .time-area span{color:#000; margin-right: 0.4rem;}
.tesla-event-swiper .time-area .ico img{width:2rem ;}
.tesla-event-swiper .img-box img{width:100%; display: flex;}
.tesla-event-swiper .banner-box{height: auto;}

/* 무이자/저금리 버튼 속성 히든처리*/
.tsl-tab-wrap{padding-top: 3rem;}
.pst-tab-wrap{padding-top: 0rem;}
.tab-btn li.active a, .tab-btn li.active button {background-color: #fff; color:#0565F0;}
/*.tsl-btn-tabs { display: flex; height:4.8rem; justify-content: space-between;}
.tsl-btn-tabs li {width: 32%;display: flex; line-height: 1.2; text-align: center; align-items: center; justify-content: center;background-color: #ECEEEE;border-radius: 1.2rem;font-weight: 700;color: #555555;}*/
.tsl-btn-tabs {display: flex; height:4.8rem; justify-content: space-between;}
.tsl-btn-tabs li {width: 32%;display: flex; line-height: 1.2; text-align: center; align-items: center; justify-content: center;background-color: #ECEEEE;border-radius: 1.2rem;font-weight: 700;color: #555555;}
.tsl-tab-wrap .tab-cont{padding:3rem 2rem;}
/*.tsl-btn {width:calc(100% - 4rem); margin: 0 auto;}
.tsl-btn-trigger.active{color: #fff;  background-color: #0565F0;}*/
.tsl-btn { width:calc(100% - 4rem); margin: 0 auto;}
.tsl-btn-trigger.active{color: #fff;  background-color: #0565F0;}
.tsl-body .img-list li {width: 100%;margin-bottom: 2rem;}
/*.tsl-body .img-list li img{width: 100%; border-radius: 2rem; -webkit-border-radius:2rem; vertical-align: middle;border: 0.2rem solid transparent; }*/
.tsl-body .img-list li img{width: 100%; border-radius: 2rem; -webkit-border-radius:2rem; vertical-align: middle; }
.tsl-body .img-list li.select-option img{border: 0.2rem solid #00B0F0; box-shadow: 0.5rem 0.5rem 1rem #d8d8d8;}
.tsl-body .tsl-info {color:#707070;}
.tsl-body .model-y-img img{width: 100%;}

.tsl-banner-box {margin-top:2rem; position: relative;}
.tsl-banner-box a {display: block; }
.tsl-banner-box img{width: 100%; display: flex;}
.tsl-banner-box .btn-close {width: 2rem;height: 1.4rem;position: absolute;top: 1.2rem;right:1rem;display: flex;justify-content: center;align-items: center;background: url(http://150.100.126.104/assets/img/co/btn-mycar-del.png) 50% 50% no-repeat;background-size: contain;z-index:1 ;}
.tsl-banner-box .tsl-bnr {}
.tsl-banner-box .tsl-float-bnr{margin-bottom: 1.4rem;}
.tsl-bnr-dot{text-align: right; position: absolute; top: 70%; right: 2rem; opacity: .6;}
.tsl-bottom {width: calc(100% + 4rem); position: relative;left: -2rem;background-color: #2a2a2a;padding-bottom: 10rem;margin-top: 3rem;}
.tsl-bottom img{width: 100%;}
.pole-div .tsl-bottom{padding-bottom: 0;}
.tsl-modal{max-width: 1024px!important;left: 50%;transform: translate(-50%, 0)!important; }

.tsl-btn-share{position: relative; display: inline-block; width: 50%; background: url(/assets/img/co/ico-share.svg) 50% 50% no-repeat; background-size: 2.4rem auto; vertical-align: top;background-color: #fff;}
.floating-wrap.tesla .dk_gray{background-color:#333; color:#fff; border-top: 0; }
.tsl-float-wrap{content: ''; margin-top: 3rem;  width: calc(100% - 4rem); height: 100%;position: absolute;bottom: 6rem;right: 2rem;display: flex; justify-content: center;align-items: center;   background: url(/assets/img/sd/hook-popup.png) 50% 50% no-repeat;  background-size: contain;}
.pst-float-wrap{ background: url(/assets/img/sd/hook-popup-polestar.png) 50% 50% no-repeat; background-size: contain;}

.tsl-form .form-group-item.input-label {display: flex; flex-direction: inherit;}
label.tsl-form-label {display: inline;margin-bottom: 1.6rem;width:60%; line-height: 2;}
.tsl-form .form-group-item input{ display: inline;}

.tsl-form .form-group-item.input-label{ flex-direction: inherit;}
.tsl-form .form-group-item:not(:first-of-type){margin-top: 2rem;}
.direct-call {margin-bottom: 2rem;font-size: 1.6rem;font-weight: 700;margin: 0 auto 1.6rem;width: calc(100% - 4rem);padding:0 0 1.6rem;;border-bottom: 1px solid #eeeeee;    display: flex; justify-content: space-between;align-items: center;}
.direct-call a {color: #1490EF;font-size: 1.8rem;display: flex;align-items: center;justify-content: space-between;}
.direct-call a img{width: 40px;}
.direct-call a span{margin-left: 0.3rem;}

.btn.dk_gray.secondTslTab {
	background-color: #333;
	color: #fff;
	border-top: 0;
}
.resvNo-pre {
    font-size: 1.6rem;
    margin-top: 0.7rem;
    margin-right: 0.1rem;
}

/* 금융상품 탭메뉴 */
@media(max-width:360px){
	.allloan-tab-wrap .allloan-tab ul li button {height: 3.5rem;border-radius: 1.75rem;line-height: 3.5rem;white-space: nowrap;width: 100%;background-color: #f5f5f5;}
}

/* 금융상품 리스트 */
@media(min-width:390px) and (max-width:393px){
	.allloan-credit-title {margin: 0px 3.5rem 0 2rem;}
	.allloan-list > div {border-right: 0.12remsolid #e3e3e3;padding: 0rem 1rem;}
}

@media(min-width:411px) and (max-width:414px){
	.allloan-list > div {border-right: 0.12rem solid #e3e3e3;margin: -2px 0.5rem;}
	.allloan-credit-title {padding: 0px 5.5rem 0 2rem;}
}

@media(min-width:768px) and (max-width:912px){
	.allloan-list > div {border-right: 0.12rem solid #e3e3e3;width: 100%;}
	.main-float-menu > div {/*padding: 0.2rem 6.5rem;*/}
}

@media(min-width:1024px) and (max-width:1280px) {
	.allloan-list > div {border-right: 0.12rem solid #e3e3e3;width: 100%;}
	/*.main-credit-summary > div:nth-last-child(2) {width: 32%;}*/
	.main-float-menu > div {padding: 0.2rem 7.1rem;}
	.main-float-menu > div > .summary-limit-value:after {right:-5rem;}
	.main-float-menu > div:nth-child(4) {border-right: 0 solid #F5F4FF;/*padding: 0.2rem 2rem 0.2rem 13rem;*/}
	.main-float-menu > div:last-of-type .summary-limit-value:after {right: -3.8rem;top: 0.6rem;}
}

/* 신차 중고차 금리 */
.mycar_buy{display:flex;flex-direction:column;align-items:flex-start;font-size:1.8rem;color:#111;font-weight:600;}
.mycar_buy a{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;height:100%;padding:1.8rem;letter-spacing:-0.1rem;}
.mycar_buy a span{/*margin-bottom:0.2rem;padding-top:.1rem;color:#656565;font-size:1.2rem;font-weight:400;*/}
.mycar_buy a .mycar_tt{font-size: 1.8rem;color:#111;font-weight: 600;}
.mycar_buy a .irt_box{width:100%; display:flex; align-items: flex-end; justify-content:flex-end;}
.mycar_buy a .irt_box .irt_min{padding:0 1rem;font-size: 1.2rem;font-weight: 400; color: #333;height: 2rem;line-height: 2rem;border-radius:3rem; text-align:center;background-color: #e6f2fe;}
.mycar_buy a .irt_box span{font-size: 1.6rem; color: #0565F0;}
.mycar_buy a span + span{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;margin:1rem 0 0 0;width:100%;color:#000;font-size:1.4rem;font-weight:400;font-style:normal;}
.mycar_buy a span + span > i{display:inline-block;margin-right:0.2rem;width:1.5rem;height:1.5rem;background-image:url(/assets/img/sa/main-loan-ico.png);background-size:cover;background-repeat:no-repeat;background-position:50%;}

.mycar_buy span em{font-size:2rem;font-weight:800;color:#0565F0;font-style:normal;margin:0 0.1rem 0 0.4rem;}

/* iPhone 5/SE의 가로 이하 */
@media(max-width:359px){
	.card-credit-summary div .txt span{font-weight:600;font-size:1.4rem;}
	.allloan-credit-title .tit{font-size:1.8rem;font-weight:600;}
	.main-loan ul li{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
	.mycar_buy a{white-space:break-spaces;text-align:left;}
    .mycar_buy a span + span{justify-content:flex-start;}

    .main-float-menu > div:nth-of-type(3) > .summary-limit-value:after{right:-1rem;}
	.carservice{padding:.8rem 0 .8rem 0;}
}

/* 231121 - 우리원카 소개 */
.why-top-img{position:relative;padding:3rem;background-color:#54688F;border-radius:2rem;}
.why-top-img img{
	display:block;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:3rem;
    width:13rem;
    height:auto;
}
.woncar-why{padding-bottom:15rem;color:#fff;font-size:2.1rem;font-weight:700;line-height:2.9rem;}
/* .woncar-why{color:#fff;margin-bottom:1.3rem;} */
.woncar-why em{font-size:3rem;font-weight:700;font-style:normal;}
.woncar-why em:first-of-type{display:inline-block;margin-bottom:1rem;}
.woncar-why em.why-blue{font-size:2.1rem;}
.woncar-why-notice{position:relative;display:flex;justify-content:space-between;align-items:center;margin:2rem 0 5rem 0;padding:1rem;width:100%;background-color:#f4f6fb;border-radius:1.5rem;}
.woncar-why-notice .allloan-ico{display:inline-block;width:6.4rem;height:6.4rem;background:url(/assets/img/sd/allloan-ico.png) no-repeat center center / contain;}
.woncar-why-notice p{margin-left:0.8rem;color:#111;font-size:1.2rem;line-height:1.7rem;}
.why-cont div:nth-child(5){margin-bottom: 2rem;}
.why-wrap{position: relative; overflow: hidden;margin-bottom: 6rem;}
.why-tit{position:relative;}
.woncar-why-tit{font-size:1.9rem;font-weight:700;color:#0B3496;}
.line-tit{width:30px;height:3px;background-color:#0B3496;margin:10px 0;}

.why-wrap p{margin:1.5rem 0;color:#222;font-size:1.4rem;font-weight:600;}
.why-img{display:block;margin:2rem 0 7rem 0;width:100%;height:25rem;border-radius:2rem;background-repeat:no-repeat;background-size:contain;background-position:center;width: 14rem;display: block;position: absolute;left: 10rem;transform: translateY(-6%);}
.why-bg01{background-color: #EFF7FD;width:100%;height:25rem;border-radius:2rem;}
.why-bg02{background-color: #E9F4F8;width:100%;height:25rem;border-radius:2rem;}
.why-bg03{background-color: #EAE7FA;width:100%;height:25rem;border-radius:2rem;}
.why-bg04{background-color: #FFF3E8;width:100%;height:25rem;border-radius:2rem;}
.why-bg05{background-color: #3C3C3C;width:100%;height:25rem;border-radius:2rem;}

.why-nt-wrap {margin-bottom: 6rem;}


.why-img.img01{background-image:url(/assets/img/sd/why-woncar-img01-1.png?ver=240701);background-repeat: no-repeat;background-position: center;display: block;left: 0;right: 0;margin: 0 auto;width: 17rem;top: 14rem;}
.why-img.img02{background-image:url(/assets/img/sd/why-woncar-img01-2.png);background-repeat:no-repeat;background-size:contain;background-position:center;display: block;left: 0;right: 0;margin: 0 auto;width: 15rem;top: 14rem;}
.why-img.img03{background-image:url(/assets/img/sd/why-woncar-img01-3.png);background-repeat:no-repeat;background-size:contain;background-position:center;display: block;left: 0;right: 0;margin: 0 auto;width: 18rem;top: 14rem;}
.why-img.img04{background-image:url(/assets/img/sd/why-woncar-img01-4.png);background-repeat:no-repeat;background-size:contain;background-position:center;display: block;left: 0;right: 0;margin: 0 auto;width: 16.5rem;top: 14rem;}
.why-img.img05{background-image:url(/assets/img/sd/why-woncar-img01-5-1.png);background-repeat:no-repeat;background-size:contain;background-position:center;display: block;left: 0;right: 0;margin: 0 auto;width: 100%; max-width: 31rem;top: 13rem;}
.why-woncar-c p{position:relative;font-size:1.5rem;font-weight:600;color:#222;margin:1.5rem 0;}
.why-blue{color:#68A9FD;}

/* iPhone 5/SE의 가로 이하 */
@media(max-width:320px){
	.why-img{/*height:17rem;*/transform: translateY(-10%);}
	.why-img.img05 { max-width: 25rem;top: 16rem;}
}


/* 231120 - 인증 중고차 */
.reborn-wrap{background-color:#fcfcfc;}
.wrapper .container.reborn-wrap .contents{padding:8rem 2rem 9rem;}
.reborn-wrap .container .contents .tit-credit-h2.reborn-tit{margin-bottom:4rem;}
.wrapper .container.reborn-wrap .contents .tit-credit-h2.reborn-tit em{font-style:normal;}

.reborn-container .reborn-con{position:relative;margin:2rem 0.5rem 3rem 0;padding:2.5rem 2.5rem 4.5rem 2.5rem;width:100%;color:#4B4B4B;font-size:1.3rem;background-color:#fff;border-radius:2.5rem;box-shadow:0.4rem 0.4rem 4rem -0.2rem rgba( 0, 0, 0, 0.11 );}
.reborn-container .reborn-con .reborn-txt{position:absolute;right:2.5rem;bottom:2.5rem;font-size:2rem;color:#0565f0;font-weight:600;line-height:2rem;}
.reborn-container .reborn-con .reborn-txt > em{font-size:3rem;font-style:normal;margin-right:0.8rem;vertical-align:bottom;}
.reborn-container .reborn{height:18rem;}
.reborn-con .reborn-txtwrap{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1rem;}
.tit-h4-01{font-size:2.1rem;font-weight:500;margin-bottom:1rem;}

/* ---------안 쓰는 소스!!!!! 다른 페이지 확인 요망!!!!! --------- */
/*.txt-b{position:relative;top:8.5rem;left:10px;font-weight:600;font-size:3rem;color:#0565f0;}
.reborn-con .txt-b p{position:absolute;left:1.1rem;top:-6.5rem;font-weight:600;font-size:2rem;color:#0565f0;}
.reborn-con .txt-b1{position:relative;top:8.5rem;left:6rem;color:#0565f0;font-weight:600;font-size:3rem;}
.reborn-con .txt-b1 p{position:relative;top:-11rem;left:-2.5rem;font-weight:600;font-size:2rem;color:#0565f0;z-index:10;}
.reborn-con .txt-b2{position:relative;top:8.5rem;left:-1.7rem;color:#0565f0;font-weight:600;font-size:2.2rem;}
.reborn-con .txt-b2 p{position:absolute;left:1.1rem;top:-6.5rem;font-weight:600;font-size:2rem;color:#0565f0;}
.reborn-con .txt-b3{position:relative;top:8.5rem;left:4rem;color:#0565f0;font-weight:600;font-size:3rem;}
.reborn-con .txt-b3 p{position:absolute;left:-2rem;top:-6.5rem;font-weight:600;font-size:2rem;color:#0565f0;}
.reborn-con .txt-b4{position:relative;top:8.5rem;left:46px;color:#0565f0;font-weight:600;font-size:3rem;}

.txt-b{position:relative;top:8.5rem;left:11px;color:#0565f0;font-weight:600;font-size:3rem;}

.reborn-img02{position:absolute;left:22rem;color:#fff;border-radius:20%;width:15rem;height:8rem;}
.reborn-img03{position:relative;overflow:hidden;width:18rem;height:18rem;background-color:#7498e4;border-radius:100%;left:50%;margin-left:-9rem;}
.reborn-img04{position:relative;overflow:hidden;width:18rem;height:18rem;background-color:#74d6e4;border-radius:100%;left:50%;margin-left:-9rem;}
.reborn-img05{position:relative;overflow:hidden;width:18rem;height:18rem;background-color:#9ac2c7;border-radius:100%;left:50%;margin-left:-9rem;}
.reborn-img01 p{position:absolute;color:#fff;font-size:3.3rem;line-height:15rem;margin-left:15.4rem;}
.reborn-img02 p{position:absolute;color:#fff;font-size:2.3rem;line-height:18rem;margin-left:5rem;}
.reborn-img03 p{position:absolute;color:#fff;font-size:2.3rem;line-height:2.3rem;margin-left:5rem;top:7rem;text-align:center;}
.reborn-img04 p{position:absolute;color:#fff;font-size:2.3rem;line-height:18rem;margin-left:6.2rem;}
.reborn-img05 p{position:absolute;color:#fff;font-size:2.3rem;line-height:18rem;margin-left:7.2rem;}
 */
 /* ---------안 쓰는 소스!!!!! 다른 페이지 확인 요망!!!!! --------- */

/* 신규 메인 유가정보 변경 - 20231117 */
.main_oil{display:block;display:flex;flex-direction:column;margin-bottom:2.3rem;}
.main_oil .oiltit{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.6rem;}
.main_oil .oiltit h2{color:#111;font-size:2rem;}
.main_oil .oiltit div{position:relative;}
.main_oil .oiltit div p{margin-right:1.5rem;}
.main_oil .oiltit div:after{content:'';display:inline-block;position:absolute;right:0;top:0.3rem;width:0.8rem;height:1.6rem;background:url(/assets/img/sa/main-tit-icon.png);background-position:center;background-repeat:no-repeat;background-size:contain;}
.main_oil .oiltit button{display:inline-block;width:2.4rem;height:2.4rem;padding:0;background:url(/assets/img/sa/ic_loadbanner.svg) 100% 0 no-repeat;background-size:contain;}
.main_oil ul{box-shadow:none;display:flex;flex-direction:row;justify-content:flex-start;width:100%;height:12rem;}
.main_oil li{margin:0 1.4rem .5rem 0;padding:2.2rem;width:100%;font-size:1.3rem;color:#111;text-align:left;line-height:1.1;border-radius:1.8rem;}
.main_oil li:nth-last-of-type(1){background-color:#EAF9FA;}
.main_oil li:nth-last-of-type(2){background-color:#fffced;}
.main_oil li:last-child{margin-right:0;}
.main_oil .flag{display:inline-flex;align-items:center;justify-content:center;margin-left:0.6rem;height:1.8rem;min-width:3.6rem;font-size:1.1rem;color:#1490ef;border-radius:1.8rem;border:0.1rem solid #1490ef;vertical-align:text-bottom;}
.main_oil .data{position:relative;margin:0.4rem 0 1.4rem 0;font-size:1.8rem;color:#111;font-weight:700;letter-spacing:-0.12rem;}
.main_oil .price{color:#999;font-size:1.2rem;}
.main_oil .oil-icon01{display:block;height:55px;width:53.43px;background-repeat:no-repeat;background-image:url(/assets/img/sa/oil-icon01.png);background-size:60%;margin:-6rem -4rem 0rem 9rem;}
.main_oil .oil-icon02{display:block;height:54.45px;width:56px;background-repeat:no-repeat;background-image:url(/assets/img/sa/oil-icon01.png);background-size:60%;margin:-6rem -4rem 0rem 9rem;}
.main_oil .main-tit-icon{margin-left:auto;}
.oiltit p{margin-left:auto;}

/*231117 rolling banner*/
.mySlideDiv img{width:22.19rem;}
.carservice-tit.woncar-all-bnr{display:flex;justify-content:space-between;align-items:center; margin: 1rem 0 2.6rem;width: 100%;background-color: #E6F2FE;padding: 1.4rem; border-radius: 1.4rem; box-shadow: 0 0.2rem 0.5rem 0 rgb(0 0 0 / 8%);}
.carservice-tit.woncar-all-bnr h2{position:relative;padding-left:0.4rem;}
.carservice-tit.woncar-all-bnr h2:before{content:'';display:none;position:absolute;left:0.8rem;top:0;width:2.5rem;height:2.5rem;background:url(/assets/img/sa/all-bnr-icon.png) no-repeat center center / contain;}
.carservice-tit.woncar-all-bnr h2 + div{display:inline-block;}

/* galaxy fold 가로 이하 */
@media(max-width:280px){
	.woncar-all-bnr h2{font-size:1.2rem;}
	.mycar_buy a span + span > i{display:none;}
	.carservice ul{flex-wrap:wrap;}
	.carservice ul li{width:46%;}
	.carservice ul li:nth-of-type(2),
	.carservice ul li:nth-of-type(4){margin-right:0;}
	.swiper-slide.swiper-slide-active > div > div > img{/*width:113.5%;height:90%;*/top:10px;}
	#main-slider .swiper-slide-prev img{left:-58%;}
	#main-slider .swiper-slide-next img{right:-58%;}
	.main-article .article > ul > li{width:calc(100% - 10rem);}
	.main-video .article > ul > li{width:calc(100% - 10rem);}
	.carservice-tit.woncar-all-bnr h2{text-align:left;}
	.why-img.img01 {top:17rem;}
	.why-img.img02 {top:17rem;width: 14rem;}
	.why-img.img03 {top:19.5rem;}
	.why-img.img04 {top:19.5rem;width: 15rem;}
	.why-img.img05 {top:20rem;width: 22rem;}
	.why-img {transform: translateY(-20%);}
	.main-credit-summary > div:nth-last-child(2) {width: 46%;border-right: 0;}
}

@media(min-width:281px) and (max-width:310px){
	#main-slider .swiper-slide-prev img{left:-46%;}
	#main-slider .swiper-slide-next img{right:-46%;}
}

@media (max-width: 320px){
	.main-float-menu {padding: 1.5rem 0.5rem;}
	.main-conwrap .main-credit-summary > div {width:33.33%;}
	.main-float-menu > div:nth-child(4) {display:none;}
	.main-credit-summary > div:nth-last-child(2){border-right: none;}
	.main-float-menu > div > .summary-limit-value:after {right: -0.5rem;}
	.main-float-menu > div:nth-of-type(3) > .summary-limit-value:after {right: -0.5rem;}
	.main-article .article > ul > li{width: calc(100% - 12.5rem);}
	.main-video .article > ul > li{width: calc(100% - 12.5rem);}
	.article_img{min-width: 12.5rem; height: 10.11rem;}
}

/* iPhone 5/SE의 가로 이하 */
@media(min-width:311px) and (max-width:320px){
	.woncar-all-bnr h2{font-size:1.2rem;}
	.carservice ul{flex-wrap:wrap;}
	.carservice ul li{width:46%;}
	.carservice ul li:nth-of-type(2),
	.carservice ul li:nth-of-type(4){margin-right:0;}
    .mycar_buy a span + span:before{display:none;}
	.notice-txt{font-size:4vw;}
	.swiper-slide.swiper-slide-active > div > div > img{/*width:113.5%;height:95%;*/top:5px;}
	#main-slider .swiper-slide-prev img{left:-33%;}
	#main-slider .swiper-slide-next img{right:-33%;}
    .main-video .article > ul > li{width: calc(100% - 12.5rem);}
}

@media(min-width:321px) and (max-width:360px){
	#main-slider .swiper-slide-prev img{left:-14%;}
	#main-slider .swiper-slide-next img{right:-14%;}
	.allloan-credit-title {margin: 0 0 0 2rem;}
	.main-conwrap .main-credit-summary > div {padding: 0 0.5rem;}
	.main-float-menu {padding: 1rem;}
	.main-float-menu > div > .summary-limit-value:after {right: 0;}
	.main-float-menu > div:nth-of-type(3) > .summary-limit-value:after {right: 0;}
	.main-float-menu > div:last-of-type .summary-limit-value:after {right: 0;}
	.main-article .article > ul > li{width: calc(100% - 19rem);}
	.main-video .article > ul > li{width: calc(100% - 19rem);}
}

@media(min-width:361px) and (max-width:375px){
	#main-slider .swiper-slide-prev img{left:-8%;}
	#main-slider .swiper-slide-next img{right:-8%;}
	.main-float-menu{padding: 2rem -2rem;}
}

@media(min-width:376px) and (max-width:384px){
	#main-slider .swiper-slide-prev img{left:-5%;}
	#main-slider .swiper-slide-next img{right:-5%;}
	.allloan-credit-title {margin: 0px 3.5rem 0 2rem}
}

@media(min-width:391px) and (max-width:392px){
	#main-slider .swiper-slide-prev img{left:4%;}
	#main-slider .swiper-slide-next img{right:4%;}
}

@media(min-width:393px) and (max-width:410px){
	#main-slider .swiper-slide-prev img{left:0%;}
	#main-slider .swiper-slide-next img{right:0%;}
	.allloan-credit-title {margin: 0px 2.5rem 0 2rem;}
	.allloan-tab-wrap .allloan-tab ul li {margin: 0 0.9rem;display: flex;flex-grow: 1;align-items: center;width: 100%;}
	.allloan-list {position: relative;text-align: center;padding: 1rem;}
}

@media(min-width:411px) and (max-width:414px){
	#main-slider .swiper-slide-prev img{left:5%;}
	#main-slider .swiper-slide-next img{right:5%;}
	.main-float-menu > div {padding: 0.2rem 2rem;}
}

@media(min-width:415px) and (max-width:450px){
	#main-slider .swiper-slide.swiper-slide-active > div > div > img{width:calc(100% + 1.5rem);}
	#main-slider .swiper-slide-prev img{left:10%;}
	#main-slider .swiper-slide-next img{right:10%;}
	.main-credit-summary > div:nth-last-child(2){width:30%;}
	.main-float-menu > div:last-of-type .summary-limit-value:after{right:-1.8rem;top:0.5rem;}
	.main-article .article > ul > li{width:calc(100% - 22.5rem);}
	.main-video .article > ul > li{width:calc(100% - 22.5rem);}
	.article_img{width:16.5rem;}
}

@media(min-width:450px) {
	#main-slider .swiper-slide-prev img{left:15%;}
	#main-slider .swiper-slide-next img{right:15%;}
}

/* 내차팔기 하단 플로트 메시지 변경 */
.kcar-wrap.float-msg{display:flex;justify-content:center;align-items:center;left: 2rem;bottom: 2rem;   width: calc(100% - 4rem);background-color: #484848;}
.kcar-wrap.float-msg .kcar-notice-txt{display:inline-block;margin:0;padding: .8rem;}
.kcar-wrap.float-msg .kcar-notice-txt em{font-style:normal;}

.event_img_list {width: 100% !important;}
.event_img_list:only-child {
	width: calc(100% - 4rem) !important;
    padding-right: 0!important;
    height: 23rem;
}
.event_img {
	display: block;
    height: 100%;
    width: 100%;
    min-width: 28rem;
    background-repeat: no-repeat;
    background-image: url(http://localhost:8066/assets/img/co/testcolor.png);
    background-size: cover;
    background-position: center;
    border-radius: 1.8rem;
}
.only-child-event {
	height:23rem !important;
}
.topBtn{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	width: 4rem;
    height: 4rem;
	padding: 10px 15px;
	margin-bottom: 5rem;
	font-size: 14px;
	background: white no-repeat center / contain url(/assets/img/co/ico-arrow-u.svg);/* color repeat position / size image */
	border: 0.1rem solid lightgray;
	border-radius: 50px;
}

.required-field::after {
	content: "*";
	color: red;
	margin-left: 4px;
}
.no-deco-white {
	text-decoration: none;
    color: white;
}
.text-list-wrap + .add-info02 {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 105px;
    text-align: center;
	color:#666666;
	font-weight:400;
}

/* 인증서 로그인 화면 */
.list.line-notice {position:relative;}
.login-wrap + .text-list-wrap > .list.line-notice:after {content:'';display:block;height:4rem;}
.list.line-notice + .time-alert {position:fixed;left:0;right:0;bottom:6rem;height:10rem;display:flex;align-items:flex-start;justify-content:center;}
.list.line-notice + .time-alert > em {font-style:normal;}

/* 상용차 (loanNewEvTrck.html) START */
.under-text-lists {
	list-style-type:none;
	padding-left: 0;
}
.under-text-lists li {
	position: relative;
	padding-left: 14px;
	text-indent: -12px;
}
.under-text-lists li:second-child::before {
	content:":";
	margin-right: 8px;
	color:black;
}

.aster-lists{
	list-style-type:none;
	padding-left: 0;
}
.aster-lists li:first-child::before{
	content:"*";
	margin-right: 8px;
	color:black;
}
.aster-lists li:not(:first-child){
	list-style-type:none;
	padding-left: 14px;
}
/* 상용차 (loanNewEvTrck.html) END */