@charset "UTF-8";

@media only screen and (max-width: 280px) {
	.allmenu-footer.accordion .acc-content{font-size: 1.1rem;}
	.main .main-con > div:last-of-type{margin-top: 1rem;}
	.allmenu-footer.accordion .btn-acc {font-size: 1.3rem;}
	.allmenu-footer .copyright{font-size: 1.1rem;}
	.allmenu-footer .kca_h img{ right: 2rem; top:1.8rem ; height: auto; width: 9rem; position: absolute;}
	.main-swiper .swiper-pagination{width:80%;}
	.main-swiper .swiper-pagination .swiper-pagination-bullet{  margin-left: 0;}
	.swiper-txt-wrapper .txt-area {position: absolute;top: 6rem;}
	.swiper-txt-wrapper .txt-area .txt {font-size: 1.2rem;line-height: 1.5;}
	.swiper-txt-wrapper .txt-area .tit{font-size: 1.8rem;line-height: 1.2;padding-top: 0.7rem;}
	.fake-input.regi .inpRegiNo2s.single {width: 1rem;}
	.cert-tab ul li .cert-link .tit {font-size: 1.6rem;}
	.login-wrap .pin .pin-ui .dot {width: 2.2rem;height: 2.2rem;}
	.login-wrap .pin.box .pin-ui > * + * {margin-left: 1.2rem;}
	.main-service a .ico-con {padding-left: 0.9rem;}
	.nav-bottom-btn, .nav-bottom-btn::before {min-width: 5rem;}
	.form-group-tab .form-group label span {font-size: 1.2rem;}
	.form-group-tab .form-group {margin-left: 0.5rem;}
	.credit-summary-thumb .max-credit-limit,
	.credit-summary-thumb .lowest-interests {padding: 0 1.2rem;font-size: 3.2rem;}
	.credit-summary-top3 .pick {font-size: 1.6rem;}
	.credit-summary-top3 .pick .unit {font-size: 1rem;}
	.coupon-list .cont-area .title {font-size: 1.7rem;}
	.account-box .box[class*=bg] {font-size: 1.2rem;}
	.allmenu-member-area .mycar-img{ width:12rem; top:12rem }
	.main-swiper .swiper-slide{display: flex; align-items:top; justify-content: center; }
	.main-swiper .swiper-content .bg-card {width: 100%;height: 24rem;}
	.main-swiper .white_round{ right:0;position: absolute; top:2.5rem;z-index: 200; width: 100%; height: 4rem;background: url(/assets/img/sa/white280top.svg) 0 0 no-repeat;}
	.main-swiper .swiper-content .inner .animate {width: 73%;left: initial;right:-2rem;bottom: 1rem;}
	.main-swiper .swiper3 .swiper-content .inner .animate {width: 80%;left: initial;right:-3rem;bottom: 0.5rem;}
	.main-swiper .swiper-slide-active .swiper-content .animate2 {width: 50%;right:1rem;}
	.main-swiper .swiper-slide-active .swiper-content .animate3 {width: 92%;left: initial;right: -5.5rem;bottom: 1rem;}
	.main-swiper .swiper-content .tit{font-size: 1.4rem;}
	.main-swiper .swiper-content .tit strong{font-size:1.8rem;}
	.main-swiper .swiper-content .txt{font-size: 1.3rem;}
	.main-swiper .swiper-content .inner{padding: 4.8rem 2rem; }
	.woncarservice .serviceic .tit{font-size: 1.2rem;}
	.main .tit-main .name{ font-size: 1.5rem;}
	.main .tit-main{ font-size: 1.3rem;}
	.main-swiper .swiper-pagination .swiper-pagination-bullet  { width: calc(25% - 0.4rem) ;font-size:1.1rem;height: 2.3rem;}
	.serviceic {margin:0; padding: 0;}
	.serviceic i{ background-size:3rem 3rem }
	/* 로딩페이지 */

	/*금융상품 리스트231211*/
	.allloan-credit-bank p{width: 25%;}
	.allloan-credit-bank > p > i {min-width: 4.2rem;}
	.allloan-credit-title{width: 70%;}
	.allloan-credit-title .tit{font-size: 1.7rem;}
	.allloan-credit-title .desc {font-size: 1.2rem;}
	.allloan-list{text-align: left;display: flex;flex-direction: column;}
	.allloan-list > div{ border-right: 0;width: 100%;display: flex;justify-content: space-between;}
	.allloan-list > div:first-child {padding-right: 0;}
}


@media only screen and (max-width:320px) {
	.tab-btn-area .tab-btn.oil ul li a  { width: auto;min-width: 6.2rem;border-radius: 1.8rem;height: 3.2rem;padding: 0 1rem;line-height: 3.3rem;background-color: #eee;font-size: 1.1rem;}
	.main-swiper .white_round2{ bottom:-3.5rem}
	/* guide chip 2줄 떨어짐 수정  */
	.guide-box .guide-chip {font-size: 1.1rem;}
	/* SG301001 x버튼에 날짜 가려짐 수정 */
	.mycar-list .btn-mycar {padding: 1rem;}
	/* 가이드 화면 */
	.bridge-area.mo .section2 {background-position: center calc(100% - 7rem);background-size: 50% auto;}
	.bridge-area.mo .section3 .paragraph br {display: none;}
	.bridge-area.mo .section4 {background-position: center bottom;}
	.bridge-area.mo .section5 {background-size: 80% auto;}
	/* 로딩페이지 */
	.circle-wrap {margin: 0 auto;}
	.woori-group {bottom: 3rem;zoom: 0.8;}
	.progress-bar-tit {margin-top: 3rem;}
	/* 알뜰폰 */
	.select-ico.affordable-phone .list > li > .form-group input[type="radio"] + label,
	.select-ico.affordable-phone [class*="ico-"] {width: 100%;}
	.select-ico.affordable-phone [class*="ico-"] {height: 27.5vw;background-size: 6.6rem auto;}
	/* 큐레이션 */
	.credit-summary-top3{margin-left: -0.2rem;margin-right: -0.2rem;}
	.credit-summary-top3 > div{margin: 0 0.2rem;padding: 0.6rem;}
	/*우리차고*/
	.insuranceWrap { background-image: none; }

	.teslaT .line{border: 0;}
	.teslaT .img-area {width: 6rem;}
	.circle-wrap {margin: 0 auto;}
	.woori-group {bottom: 3rem;}
	.teslaT th, .teslaT td {font-size: 1.2rem;padding: 0.2rem 0.2rem;}
	.teslagray-box .dot li {font-size: 1.2rem;}
	/* 2023테슬라전용관 */
	.teslaroom ul li{ min-width: 22rem !important;height: 23rem !important;}
	.teslaroom h4{ font-size: 2.8rem;}
	.tab-btn-area .tab-btn.tesla.fixed .logo li:nth-of-type(1){Max-width: 9rem; }
	.tab-btn-area .tab-btn.tesla.fixed .logo li:nth-of-type(1) img{width: 100%;}
	.tab-btn-area .tab-btn.tesla.fixed .logo li:nth-of-type(2){font-size: 1.2rem; }
	.tab-btn-area .tab-btn.tesla.fixed .logo{align-items: center;}
	/*테슬라 아이폰 추가*/
	.teslaT > div{height: 180px;}
	.teslaT-l {width: 40%;}
	.teslaT-r {width: 60%;}
	/*금융상품 탭*/
	.allloan-tab-wrap .allloan-tab ul li button{padding: 0 1.2rem;}
}

@media only screen and (max-width:360px) {
	.main-swiper .swiper-pagination{width:82%;}
	.main-swiper .swiper-pagination .swiper-pagination-bullet{ font-size: 1.4rem;}
	.credit-summary-top3 {margin-left: -0.3rem;margin-right: -0.3rem;}
	.credit-summary-top3 > div {margin: 0 0.3rem;padding: 0.8rem;}
	/* tooltip */
	.tooltip-cont {min-width: 20rem;}
	.main-swiper .swiper-content .inner .animate{width: 98%;right:-5rem;bottom: -0.1rem;}
	.tab-btn-area .tab-btn.side li, .downside li { margin:0.3rem 0.2rem;}
	.tab-btn-area .tab-btn.side ul li a , .downside li a{ min-width:6rem}

	/* .main-conwrap .main-credit-summary > div {  padding: 0 .8rem;} */
	/*.main-conwrap .main-credit-summary > div > .summary-limit-value{font-size: 1.4rem;}*/
	.main-conwrap .main-credit-summary > div > .unit{ font-size: 1rem;}
	.btn-reload {width: 1.4rem;height: 1.4rem;}

	/* 메인통합조회 */
	/*
	.maincredit{height:9rem; padding:0 .5rem 0 1rem;}
	.maincredit .creditwrap{ height: 9rem;}
	.maincredit .logo{display:block;position:absolute;width:2.3rem;height:2.6rem;bottom:2rem;right:5.6rem;}
	.maincredit .arrow{display:block;position:absolute;width:3.3rem;height:3.6rem;}
	.maincredit div:nth-of-type(1), .main_oil .price{font-size: 1rem;}
	.maincredit div:nth-of-type(2), .main_oil .data, .mainsiteB div:nth-of-type(2){font-size: 1.5rem;}
	.maincredit div:nth-of-type(3), .main_oil .oiltit div, .mainsiteB div:nth-of-type(3){font-size: 1.2rem;}
	.carservice{ padding: .8rem 1rem .8rem 1.3rem}
	.main_community ul li{ padding: 1rem 1rem 1rem 1rem; height: 9rem;}
	.carservice ul li a, .carservice h2, .main_community h2, .main_community ul li a, .main_oil .oiltit h2 { font-size: 1.3rem;}
	.carservice ul li i, .main_community ul li i {width: 3rem;height: 3rem;}
	.main_oil{padding: .8rem 1.2rem;}
	.main_oil li{ padding:1rem; margin: 0.3rem 0.8rem 1rem 0;}
	.mainsiteB div:nth-of-type(1) img {width: 5rem;}
	 */
	.main .tit-main .onecar { width: 11rem;}
	.main_setting .toparow, .main_setting .bachsetting{height: 3rem; font-size: 1.2rem}
	.main-credit-summary, .maincredit, .wonpick, .carservice, .main_oil, .mainsiteB, .main_community, .mainbox-banner{ margin-bottom: 1.6rem;}

	/* 우리차고 202303 */
	.mymoneyContainer, .capitalWContainer{ background-size:6.8rem }
	.capitalWContainer{ background-size: 5.6rem }
	.capitalWContainer div:nth-of-type(2){ font-size:1.5rem;}
	.mymoneyContainer div:nth-of-type(2){ font-size:1.5rem;}
	.sellwrap li { padding: 4rem 0.5rem 0 0.5rem;}
	.carmapContainer, .carelecContainer{background-size:6rem ;}
	.mymoneyContainer div:nth-of-type(2), .carmapContainer div:nth-of-type(2), .carelecContainer div:nth-of-type(2), .sellwrap .data{ font-size:1.6rem;}
	.sellwrap li:nth-of-type(2), .sellwrap li:nth-of-type(1){ background-size: 3.6rem;}
	.carmend ul li a{font-size:1.3rem;}

	/* 2023테슬라전용관 */
	.teslaroom ul li{ min-width: 29rem;height: 30rem;}
	.teslaroom.list > div > .summary-interest{font-size: 1.8rem;}
	.teslaroom.list > div > .summary-interest-value{font-size: .9rem;}

	/* 20230504 대출한도조회안됨 */
	.wrapper.st-wrap .step-con .tit-h22{font-size: 1.4rem;}
	.wrapper.st-wrap .step-con .notsmile{ height:5rem; width: 5.5rem; padding-right: 0;}
	.fsw15{ font-size: 1.2rem;}

	.truck-credit-btn br, .floating-wrap .btn br, .step br, .grayboxpdleft br, .txt br{display:block !important}
	.truckstepwrap .step{font-size: 1.3rem; padding:.6rem .2rem; }
	.truckstepwrap .arrow img{ width: 1rem;}
}

@media only screen and (max-width:411px) {
    .truck-credit-btn br, .floating-wrap .btn br, .step br, .grayboxpdleft br, .txt br{display:block !important}
}


@media only screen and (min-width:411px) {
	.main-swiper .white_round{ right:0;position: absolute; top:2.5rem;z-index: 200; width: 100%; height: 4rem;background: url(/assets/img/sa/padtop450.svg) 0 0 no-repeat;}
	.main .main-con > div:last-of-type{padding-bottom: 3rem; margin-top: 2.4rem;}
}


@media only screen and (min-width: 540px) {
	/* 메인 스와이프 */
	.main-swiper .swiper-slide{display: flex; align-items:top; justify-content: center; }
	.main-swiper .swiper-content .bg-card {width: 100%;height: 35rem;}
	.main-swiper .white_round{background: url(/assets/img/sa/padtop.svg) 0 0 no-repeat; width: 101%;  top:2.9rem;z-index: 200; height: 5rem; margin-left: -1px; margin-right: -1px;}
	.main-swiper .swiper-content .inner .animate {width: 64%;left: initial;right:-8rem;bottom: -0.6rem;}
	.main-swiper .swiper-slide-active .swiper-content .animate2 {width: 38%;}
	.main-swiper .swiper-slide-active .swiper-content .animate3 {width: 66%;left: initial;right: -18%;bottom: 0.5rem;}
	.main-swiper .swiper-content .tit{font-size: 2.7rem;}
	.main-swiper .swiper-content .tit strong{font-size: 3.2rem;}
	.main-swiper .swiper-content .txt{font-size: 1.8rem;}
	.main-swiper .swiper-pagination .swiper-pagination-bullet  { width: calc(25% - 0.4rem) ;height:2.9rem; font-size:1.7rem}
	.main-swiper .swiper-pagination{ background-color: #fff;}
	/* ST301000 하단 여백 */
	.wrapper.st-wrap .step-con > .form-step-ani {padding-bottom: 4rem;}
	/* 가이드 화면 */
	.bridge-area.mo .section2 {background-position: center calc(100% - 6rem);}
	.bridge-area.mo .section4 {background-position: center bottom;}
	.bridge-area.mo .section5 {background-size: 77% auto;}

	.woncarservice .serviceic .tit{font-size: 1.8rem;}
	.main-swiper .swiper-content .linktext{ font-size: 1.5rem; bottom:0.1rem;}
	.main-swiper .link:after{ top:0rem}
	/* footer */
	.main .main-con > div:last-of-type{padding-bottom: 2rem;}
	.allmenu-footer .kca_h img{ right: 5rem; top:3rem ; height: auto; width: 12rem; position: absolute;}
	.allmenu-footer{ padding: 1.6rem 4rem;}
	.tab-btn-area .tab-btn.side ul li a , .downside li a{ min-width:6rem}
	.tab-btn-area .tab-btn.side li, .downside li {float: none; display: inline-block;width: auto;border-radius: 0;background: none;margin: 0.3rem 0.2rem;display: flex;justify-content: left;border: 0;font-weight: normal;}
	.carservice ul li{ width: 13%;}
	.btn.xltruck{margin-left: -1.9rem;margin-right: -1.9rem;}
}

/* jlet, ipad */
@media only screen and (min-width: 768px) {
	.swiper-container { height: 50rem;}
	.floating-wrap.tesla{max-width: 1024px; left: 50%; transform: translate(-50%, 0);}
	/* 2023테슬라전용관 */
	 .teslawrap{padding-right: 0;}
	 .container .contents.tspd {padding: 6rem 0 6rem 0!important;}
	.teslawrap li{width: calc(25% - .8rem)}
	.teslawrap li:nth-of-type(1), .teslawrap li:nth-of-type(2), .teslawrap li:nth-of-type(3){ margin-right: 1rem;}
	.teslawrap li:nth-of-type(4){margin-right: 0 !important; }
	.teslaroom ul li{ min-width: 20rem;height: 22rem;}
	.teslaroom h4{font-size: 2.2rem;}
	.teslaroom.list > div > .summary-interest{font-size: 1.4rem;}
	.teslaroom.list > div > .summary-interest-value{font-size: .85rem; font-weight: 300;}
	.header-btn-historyW, .header-btn-homeW, .main_setting{display: none;}
}