@charset "utf-8";


/* main */
.home {padding:0 25px 30px}

.home_state {position:relative; padding-top:25px;}

.home_state > p {display:block; width:90%; margin-top:-3px; font-size:21px; line-height:34px; color:#111; word-break: break-all; font-family:'nsb';}
.home_state span {word-break: break-all;}
.home_state a {display:block; position:absolute; right:0; top:28px; width:18px; height:19.5px; text-indent:-9999em; background:url(../img/icon/icon_main_login.png) center center / 18px auto no-repeat;}

.home_state .connect_area {display:inline-block; margin-top:15px; padding: 6px 10px 8px; border-radius:20px; background-color:#f5f5f5;}
.home_state .connect_area > p {display:inline-block; padding-left:5px; font-size:12px;}
.home_state .connect_area > p.text {position:relative; padding-left:18px; padding-right:9px; background:url(../img/icon/icon_main_connect.png) left center / 12px no-repeat;}
.home_state .connect_area > p.text:after {content:''; display:block; position:absolute; right:0; top:0.214rem; width:0.071rem; height:0.785rem; background-color:#c7c7c7}

.menu_area {overflow:hidden; margin-top:33px;}
.menu_area li {float:left; width:calc(50% - 10px); margin-left:20px; margin-bottom:16px;}
.menu_area li a {width:100%; color:#fff; font-family:'nsm'; border-radius:18px; box-shadow:0px 1px 4px rgba(0,0,0,0.2)}
.menu_area li.full {width:100%; margin-left:0}
.menu_area li.full a {display:flex; height:60px; align-items:center; padding-left:56px; font-size:16px}
.menu_area li.half a {height:125px; padding:72px 20px 0; font-size:15px} 
.menu_area li.half:nth-child(odd) {margin-left:0;}

.home .msg_btn {background:url('../img/icon/icon_msg_tit.png') left 27.5px center no-repeat, url('../img/icon/icon_msg_arrow.png') right 20px center no-repeat; background-color:#074597; background-size:20px auto, 7px auto;}
.home .est_btn {background:url('../img/icon/icon_cre_est_tit.png') left 26px center no-repeat, url('../img/icon/icon_msg_arrow.png') right 20px center no-repeat; background-color:#4a9eff; background-size:23px auto, 7px auto;}

.menu_area li.item01 a {background:#4a9eff url(../img/icon/icon_main_consulting.png) 20px 20px / 40px auto no-repeat;}
.menu_area li.item02 a {background:#0263e1 url(../img/icon/icon_main_count.png) 20px 20px / 40px auto no-repeat;}
.menu_area li.item03 a {background:#0263e1 url(../img/icon/icon_main_credit.png) 20px 20px / 40px auto no-repeat;}
.menu_area li.item04 a {background:#0263e1 url(../img/icon/icon_main_loan.png) 20px 20px / 40px auto no-repeat;}

.home_notice {position:relative; margin-top:28px; /*padding-bottom:30px;*/}
.home_notice .tit {display: inline-block;  font-size: 16px; font-family:'nsb'; }
.home_notice .tit a {display: block; padding-right:15px; background:url(../img/common/terms_arrow.png) right 5px / 6.5px auto no-repeat;}
.home_notice .swiper-container {width:100%; min-height:90px; margin-top:17px;}
.home_notice .swiper-slide a {display:block; padding:22px 20px; border-radius:19px; background:#eff5fa;}
.home_notice .swiper-slide p {display:inline-block; max-width:100%; padding-right:18px; overflow:hidden; font-family:'nsm'; white-space:nowrap; text-overflow:ellipsis;}
.home_notice .swiper-slide p.new{background:url(../img/icon/icon_notice_new.png) center right no-repeat; background-size:12px;}
.home_notice .swiper-slide span {display:block; margin-top:9px; font-size:13px; color:#63a6f4;}
.home_notice .swiper-pagination {position:static; width:100%; margin-top: 10px; text-align:center;}
.home_notice .swiper-pagination-bullet {width:5px; height:5px; margin:4px; opacity:1; background-color:#c7c7c7;}
.home_notice .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0.285rem;}
.home_notice .swiper-pagination-bullet-active {width:14px; border-radius:5px; background-color:#63a6f4;}

footer {padding:1.785rem 1.785rem 2.142rem; margin-top:2.5rem; border-top:1px solid #e4e3e3; background-color:#f2f2f2}
footer span img {width:6.785rem;}
footer address {margin-top:1.071rem; font-size:0.857rem; color:#8e8e8e}
footer p {margin-top:0.357rem; font-size:0.857rem; color:#8e8e8e}


/* 로그인 */
.login_area {height:100%; padding:0 20px; background-color:#f5f5f5}
.login_area h1 {padding-top:56px; text-align:center;}
.login_area h1 img {width:156px;}
.login_area .login_inp {margin-top:40px;}
.login_area .login_inp input {height:56px; padding:20px 40px 20px 50px; color:#0263e1; font-family:'nsb'; border:1px solid #eaeaea}
.login_area .login_inp input {border-radius:4px 4px 0 0; background:#fff url(../img/icon/icon_login_id.png) left 17px center / 17px 21px no-repeat;}
.login_area .login_inp .pw {margin-top:-1px; border-radius:0 0 4px 4px; background-image:url(../img/icon/icon_login_pw.png)}
.login_area .login_inp input:focus {position:relative; z-index:10; border-color:#0263e1; background-image:url(../img/icon/icon_login_id_on.png)}
.login_area .login_inp .pw:focus {position:relative; z-index:10; border-color:#0263e1; background-image:url(../img/icon/icon_login_pw_on.png)}
.login_area .login_inp  .val_del {right:17px; z-index:20; background: url(../img/icon/icon_login_inp_del.png) 0 0 / 16px no-repeat;}
.login_area .i_check {margin-top:15px; color:#6b6b6b; font-size:14px;}
.login_area .i_check i {width:20px; height:20px; margin:0 10px 4px -30px; background:url(../img/icon/icon_login_chk.png) center center / cover no-repeat;}
.login_area .i_check input[type=checkbox]:checked + i {background-image:url(../img/icon/icon_login_chk_on.png);}
.login_area .pw_re {margin-top:30px; text-align:center; color:#6b6b6b; font-size:13px;}
.login_area .pw_re a {display: inline-block; padding-bottom:3px; border-bottom: 1px solid #6b6b6b;}

.radio_area {margin-top:11px;}
.radio_area .s_radio {font-size:16px; font-family:'nsm';}


/* 컨텐츠 공통 */
.sec {padding:25px 20px 20px; border-top:10px solid #f5f5f5; }
.sec p {line-height:1.5;}
.sec h4 {font-family:'nsb';}
/* .sec h3 {display:inline-block;} */


/* 약관 템플릿 */
.terms_swiper {position:relative;}
.terms_swiper .swiper-container {margin:-25px -20px;}
.terms_swiper .swiper-slide {overflow-y:auto; /* padding-bottom:80px; */}
.terms_swiper .swiper-button-prev {width:25px; height:25px; left:-20px; text-indent:-9999em; background:url(../img/icon/terms_slide_left.png) center center / 25px no-repeat;}
.terms_swiper .swiper-button-next {width:25px; height:25px; right:-20px; text-indent:-9999em; background:url(../img/icon/terms_slide_right.png) center center / 25px no-repeat;}
.terms_swiper .swiper-pagination {position:fixed; width:100%; left:0; bottom:52px; padding:0px 0 5px;}
.terms_swiper .swiper-pagination span ~ span {margin-left:5px;}
.terms_swiper .swiper-container .step_area h3 {color:#fff; font-size: 15px;}
.terms_swiper .swiper-container .terms_body {padding:20px 18px;}
/* 한개일 때 */
.terms_swiper.solo .swiper-pagination {display:none;}
.terms_swiper.solo .swiper-button-prev {display:none;}
.terms_swiper.solo .swiper-button-next {display:none;}
.terms_swiper.solo .swiper-container .terms_body {padding:20px 18px 0;}


/* 견적서 확인 */
.select_pop_cont {display:none;}
.select_pop_cont.on {display:block;}
.select_pop_cont .radio_list li {float:left; width:50%; margin-top:10px;}

.number_list {padding:12px 15px; border-radius:8px; background:#f2f6fa;}
.number_list li {position:relative; padding-left:20px;}
.number_list li ~ li {margin-top:12px;}
.number_list li span {position:absolute; left:0; top:3px; font-size:12px; color:#161616;}
.number_list li p {line-height:1.7; font-family:'nsm';}

.select_pop_list {max-height:250px;}
.select_pop_list li {margin-bottom:12px; cursor:pointer}
.select_pop_list li ~ li {padding-top:12px; border-top: 1px solid #ececec;}

/* text */
.inner_content .text {line-height:1.4;}


/* 적합성원칙 */
.important_text {margin-top:-7px;}
.important_text h4 {line-height: 30px; font-size: 15px; font-family:'nsb';}
.important_text .number_list {margin-top:20px;}
.check_area {padding:16px; margin-top:25px; border-radius:6px; border: 1px solid #dbdee2;}
.check_area .s_check {color: #111; font-size: 15px; font-family:'nsb';}
.important_text p {margin-top: 15px; font-family:'nsm'; line-height: 28px;}


/* 필터 영역 */
.filter_area {position: relative; margin:0 -20px; padding:0 20px 20px; border-bottom: 1px solid #f3f3f3;} 
.filter_area .total {font-size:14px; color:#111;}
.filter_area .total strong {color:#0263e1; font-family:'nsb';}
.filter_area .util {position: absolute; right:20px; bottom:16px;}
.filter_area .util button {margin-left: 3px; color: #111;}
.filter_area .filter {height:30px; padding:5px 33px 5px 9px; font-size: 12px; border-radius: 4px; border: 1px solid #f0f0f0; background:url(../img/common/icon_filter.png) center right 11px / 15px auto no-repeat;}
.filter_area .refresh {height:30px; padding:5px 32px 5px 9px; font-size: 12px; border-radius: 4px; border: 1px solid #f0f0f0; background:url(../img/common/refresh_blk.png) center right 11px / 14.75px auto no-repeat;}


/* 공지사항 리스트  */
.notice_list ol {margin:0 -20px}
.notice_list ol li {position: relative; border-bottom: 1px solid #f3f3f3;}
.notice_list ol li a {display:block; padding:10px 20px;}
.notice_list ol li p {display:block; word-break:break-all; color:#111; font-weight: 400;}
.notice_list ol li p + span {display:inline-block; margin-top:5px; font-size:13px;}

.notice_list ol .important a {padding-left:35px;}
.notice_list ol .important + li:not(.important) {border-top: 5px solid #f3f3f3;}
.notice_list ol .important p {font-family:'nsb';}
.notice_list ol .important:after {content: ''; display:inline-block; position:absolute; left:20px; top:17px; width:5px; height:5px; border-radius:50%; background:#0263e1;}


/* 공지사항 상세 */
.detail_area .detail_top {padding:16px 20px; border-top:6px solid #f5f5f5; border-bottom: 1px solid #f3f3f3;}
.detail_area .detail_top h2 {line-height:24px; font-size:15px; color:#111; font-family:'nsb';}
.detail_area .detail_top span {display: inline-block; margin-top:8px; font-size:13px; color:#6b6b6b;}

.detail_body {padding:20px;}
.detail_area .file_area {margin-bottom: 20px;}
.detail_area .file_area a {display: block; padding:10px 10px 7px 27px; border-radius:3px; font-size: 12px; background:#f1f5f9 url(../img/common/icon_listfile.png) 10px center / 10.5px 12px no-repeat;}
.detail_area .file_area a p {display: inline-block; max-width:calc(100% - 64px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:normal;}
.detail_area .file_area a span {position: relative; top:-2px; left:-2px;}
.detail_area .file_area a ~ a {margin-top:7px;}
.detail_area .file_area .volume {padding-left:7px; font-size:10px; color:#aeaeae;}
.detail_area .detail_text {color:#000; font-size:14px; line-height: 22.5px; word-break: break-all;}
.detail_area .detail_text * {word-break: break-all;}


/* 신용정보조회동의 내역 */
.credit_list {margin:0 -20px;}
.credit_list li {display:flex; align-items:center; padding:10px 20px; border-bottom: 1px solid #f3f3f3;}
.credit_list li .i_check.one {height:22px; margin-right:6px; vertical-align:unset;}
.credit_list li .i_check.one i {vertical-align:unset;}
.credit_list li p span {margin-right: 5px; padding-bottom: 1px; line-height: 1;}
.credit_list li p span ~ span {display: inline-block; padding-left:7px; border-left:1px solid #e9ecef;}
.credit_list li p strong {display:block; margin-bottom:3px;} 
.credit_list li button.btn {max-width:60px; height:30px; line-height:29px; margin-left:auto; font-size:12px !important;}
.del_count {position: absolute; left:0; top:-38px; width:100%; padding:15px 0 10px; text-align: center; background: #f7f8fa;}
.del_count span {font-family:'nsm'; color: #0263e1;}


/* 대출 진행 현황 */
.loan_dashboard {padding:20px 20px 10px; background:#0263e1;}
.loan_dashboard .util {display: block; margin-bottom:15px; text-align:right;}
.loan_dashboard .util > button {display: inline-block; padding:5px 32px 5px 10px; font-size:12px; color:#fff; border-radius:4px; border:1px solid #127bf1;}
.loan_dashboard .util > button ~ button {margin-left:5px;}
.loan_dashboard .util .refresh {background:url(../img/icon/white_refresh.png) right 12px center / 14.5px auto no-repeat;}
.loan_dashboard .util .filter {background:url(../img/icon/white_filter.png) right 12px center / 15px auto no-repeat;}
.loan_dashboard ul {display:flex; justify-content:left; flex-wrap:wrap}
.loan_dashboard ul li {width: calc(33.3% - 11px);}
.loan_dashboard ul li button {display:flex; flex-direction:column; width:100%; height:56px; padding:8px 12px 8px 10px; border-radius:8px; color:#c3dfff; font-family:'nsm'; border:1px solid #2689f9; background:#127bf1; line-height:1em;}
.loan_dashboard ul li button span {width:100%; margin-top:2px; margin-bottom:4px; line-height:1; font-size:24px; color:#fff; text-align:right;}
.loan_dashboard ul li ~ li {margin-left:16px; margin-bottom:8px}
.loan_dashboard ul li:nth-child(3n + 1) {margin-left:0}
.loan_dashboard ul li.on button {color:#6b6b6b; background:#fff}
.loan_dashboard ul li.on button span {color:#0263e1}

.loan_list > ol > li {position:relative; padding:20px; border-bottom:1px solid #ececec}
.loan_list > ol > li > div {position:relative; width:100%}
.loan_list > ol > li > div > span, .loan_list .state {display:inline-block; padding:4px 7px; margin-right:4px; border-radius:14px; line-height:1; font-size:12px}
.loan_list .mark {color:#0263e1; border: 1px solid #0263e1;}
.loan_list .send {color:#fff; background-color:#6694f2; border:1px solid #6694f2;}
.loan_list .chk {color:#fff; background-color:#fd907a; border:1px solid #fd907a;}

.loan_list .ag_state {color:#bbb; background-color:#eee; border: 1px solid #eee;}
.loan_list .ag_state.on {height:22px; padding:2px 7px 2px 3px; color:#fff; background-color:#bc70e4; border:1px solid #bc70e4; line-height:15px; vertical-align:top;}
.loan_list .ag_state.on > span {display:inline-block; width:16px; height:16px; padding:0; text-align:center; background-color:#fff; border-radius:50%; color:#9b15e1; font-size:11px}

.loan_list .ct_ing {color: #17ce98; border:1px solid #17ce98}       /*계약실행 ct_ing    state05 */ 
.loan_list .ct_cancel {color: #f88c17; border:1px solid #f88c17}    /*계약취소 ct_cancel state06 */ 
.loan_list .ag_complt {color: #25940b; border:1px solid #25940b}    /*약정완료 ag_complt state04 */ 
.loan_list .ag_wait {color: #9b15e1; border:1px solid #9b15e1}      /*약정대기 ag_wait   state02 */ 
.loan_list .ag_contract {color: #98c11b; border:1px solid #98c11b}  /*약정발송전 ag_contract */ 
.loan_list .rv_complt {color: #0263e1; border:1px solid #0263e1}    /*심사완료 rv_complt state01 <--이전 class */ 
.loan_list .rv_refuse {color: #e82222; border:1px solid #e82222}    /*심사거절 rv_refuse state03 */ 
.loan_list .rv_wait {color: #6186ca; border:1px solid #6186ca}      /*심사대기 rv_wait */ 
.loan_list .est_write {color: #02b4e1; border:1px solid #02b4e1}    /*견적     est_write */ 
.loan_list .prest_write {color: #666; border:1px solid #666}        /*가견적   prest_write */ 
.loan_list .car_name {margin:12px 0 7px; font-size:16px; color:#111; font-family:'nsb'}
.loan_list .user {width:calc(100% - 112px); margin-top:-5px; overflow:hidden}
.loan_list .user li {float:left; line-height:1; margin-top:5px; margin-right:7px; padding-right:7px; font-size:14px; border-right:1px solid #e1e1e1}
.loan_list .user li:last-child {margin-right:0; padding-right:0; border-right:none}
.loan_list .price {position: absolute; right:0; bottom:-2px; color:#63a6f4; font-size: 16px; font-family:'nsm'}
.loan_list .price span {color:#6d6d6d}
.reason_btn, .detail_btn {position:absolute; right:20px; top:21px; color:#818181; font-size:12px; padding-right:14px; background:url(../img/common/icon_more.png) right center / 10px auto no-repeat}
.reason_txt {display:none; margin-top:20px; padding:8px 10px; font-size:13px; color:#52595f; border-radius:4px; background:#f7f8f9}

.loan_list .detail_wrap {display:none; margin-top:20px}
.loan_list .detail_wrap .d_txt {padding-top:15px; border-top:1px solid #f3f3f3}
.loan_list .detail_wrap .d_txt li {display:flex; justify-content:space-between; padding-bottom:10px}
.loan_list .detail_wrap .d_txt li.memo {display:block}
.loan_list .detail_wrap .d_txt span {display:block; color:#888; font-size:14px}
.loan_list .detail_wrap .d_txt span.txt {color:#333; font-size:15px; font-family:'nsm'}
.loan_list .detail_wrap .d_txt li.memo span.txt {padding-top:10px}
.loan_list .detail_wrap .d_btnset {border-top:1px solid #f3f3f3;overflow:hidden}
.loan_list .detail_wrap .d_btnset li {float:left; width:50%; padding-top:10px}
/*.loan_list .detail_wrap .d_btnset li:nth-child(2n + 1) {padding-left:0}*/
.loan_list .detail_wrap .d_btnset button {width:100%; padding:8px 0; text-align:center; font-size:12px; font-family:'nsm'; color:#0263e1; border-radius:4px; background:#f2f6fa}
.loan_list .detail_wrap .d_btnset li.block {width:100%;}


/* 파일업로드 */
.input_upload {position:relative; overflow:hidden;}
.input_upload input[type="file"] {position:absolute; left:0; top:0; width:100%; height:35px; opacity:0;}
.input_upload p {float:left; font-size:16px; display:block; width:calc(100% - 90px); height:35px; line-height: 35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; border-bottom:1px solid #d5d5d5;}
.input_upload .btn {float: right; width:75px;}


/* 견적시뮬레이션 */
.estimate_wrap {padding:0 20px;}
.estimate_wrap .sec {margin:0 -20px}
.estimate_result {display:flex; align-items: center; min-height:60px; padding:20px; margin-top:25px; background:#f2f6fa;}
.estimate_result ul {width:100%;}
.estimate_result li {display:flex; justify-content:space-between; align-items:center;}
.estimate_result li ~ li {padding-top:10px; margin-top:10px; border-top:1px solid #d2dfeb;}
.estimate_result li strong {font-size:15px;}
.estimate_result li p {font-size:18px; font-family:'nsb'; color:#0263e1;}
.estimate_result li p span {color:#001111; font-family:'nsm';}
.estimate_result .red {color: #ff350d;}


/* 견적작성 아코디언 */
.aco_info .trigger {display:flex; justify-content:space-between; align-items:center; position:relative; width:100%; height:50px; padding:0 20px; font-size:16px; color:#111; font-family:'nsb'; background:#f5f7f9; cursor:pointer}
.aco_info .trigger.on {background:#fff}
.aco_info .trigger:after {content:''; display:inline-block; position:absolute; right:25px; top:50%; width:14px; height:8px; transform:translateY(-50%); transform:rotate(0); transition:all 0.5s; background:url(../img/common/inner_select.png) center center / cover no-repeat}
.aco_info .trigger:focus {outline:none}
.aco_info .trigger.on:after {transform:rotate(180deg)}
.aco_info .aco_wrap {display:none; padding:0 20px 20px; overflow:hidden; transition:all 1s}
.aco_info .trigger.on + .aco_wrap {display:block; transition:all 1s}

/* 견적작성 차량브랜드 */
.select_cbr_wrap {position:relative; width:100%}
.cbr_list {display:none; position:absolute; top:44px; width:100%; height:285px; border:1px solid #666; background-color:#fff; z-index:100;overflow-x:auto}
.cbr_list li {position:relative; cursor:pointer}
.cbr_list span {display:block; min-height:35px; padding: 8px 0 8px 54px; font-size:15px; color:#767676; transition:0.4s color}
.cbr_list li:before {content:''; display:block; position:absolute; left:6px; top:0; width:35px; height:35px; background:url(../img/bg/bg_car_logo.png?v=20250403) 0 0 / 350px no-repeat}
.cbr_list li.on span {color:#0263e1; font-family:'nsm';}
/*수입*/
.cbr_list li.b_AS:before {background-position:-35px 0}   /*Aston Martin*/
.cbr_list li.b_AU:before {background-position:-70px 0}   /*Audi*/                                                                       
.cbr_list li.b_BT:before {background-position:-105px 0}  /*Bentley*/                                                                                             
.cbr_list li.b_BW:before {background-position:-140px 0}  /*BMW*/                                                                                                 
.cbr_list li.b_BZ:before {background-position:-175px 0}  /*Benz*/                                                                                                
.cbr_list li.b_CD:before {background-position:-210px 0}  /*Cadillac*/                                                                                            
.cbr_list li.b_CR:before {background-position:-245px 0}  /*Chrysler*/                                                                                            
.cbr_list li.b_CT:before {background-position:-280px 0}  /*Citroen*/                                                                                             
.cbr_list li.b_CV:before {background-position:-315px 0}  /*Chevrolet*/  

.cbr_list li.b_DA:before {background-position:0 -35px}       /*다이하츠*/ 
.cbr_list li.b_FD:before {background-position:-35px -35px}   /*Ford, Coachmen(Ford)*/                                                                                      
.cbr_list li.b_FE:before {background-position:-105px -35px}  /*Ferrari*/                                                                                             
.cbr_list li.b_FT:before {background-position:-140px -35px}  /*포드트랜짓*/                                                                                        
.cbr_list li.b_FT2:before {background-position:-175px -35px}  /*Fiat*/                                                                                                
.cbr_list li.b_GM:before {background-position:-210px -35px}  /*GMC*/                                                                                              
.cbr_list li.b_HO:before {background-position:-245px -35px}  /*Honda*/                                                                                               
.cbr_list li.b_IF:before {background-position:-280px -35px}  /*Infiniti*/                                                                                            
.cbr_list li.b_IS:before {background-position:-315px -35px}  /*이스즈*/   

.cbr_list li.b_JE:before {background-position:0 -70px}       /*제일모빌*/  
.cbr_list li.b_JG:before {background-position:-35px -70px}   /*Jaguar*/                                                                                              
.cbr_list li.b_JP:before {background-position:-70px -70px}   /*Jeep*/                                                                                                
.cbr_list li.b_LB:before {background-position:-105px -70px}  /*Lamborghini*/                                                                                         
.cbr_list li.b_LC:before {background-position:-140px -70px}  /*Lincoln*/                                                                                             
.cbr_list li.b_LR:before {background-position:-175px -70px}  /*Landrover*/                                                                                           
.cbr_list li.b_LT:before {background-position:-210px -70px}  /*Lotus*/                                                                                               
.cbr_list li.b_LU:before {background-position:-245px -70px}  /*Lexus*/                                                                                               
.cbr_list li.b_MA:before {background-position:-280px -70px}  /*Maserati*/                                                                                            
.cbr_list li.b_MA2:before {background-position:-315px -70px}  /*Mazda*/   

.cbr_list li.b_MC:before {background-position:0 -105px}       /*McLaren*/ 
.cbr_list li.b_MN:before {background-position:-35px -105px}   /*Mini*/                                                                                                
.cbr_list li.b_NS:before {background-position:-70px -105px}   /*Nissan*/                                                                                              
.cbr_list li.b_PG:before {background-position:-105px -105px}  /*Peugeot*/                                                                                             
.cbr_list li.b_PO:before {background-position:-140px -105px}  /*Porsche*/                                                                                             
.cbr_list li.b_RO:before {background-position:-175px -105px}  /*Rolls-Royce*/                                                                                         
.cbr_list li.b_SB:before {background-position:-210px -105px}  /*Subaru*/                                                                                              
.cbr_list li.b_ST:before {background-position:-245px -105px}  /*Smart*/                                                                                              
.cbr_list li.b_SU:before {background-position:-280px -105px}  /*스즈키*/                                                                                            
.cbr_list li.b_TS:before {background-position:-315px -105px}  /*Tesla*/  

.cbr_list li.b_TY:before {background-position:0 -140px}       /*Toyota*/ 
.cbr_list li.b_VO:before {background-position:-35px -140px}   /*Volvo볼보*/                                                                                              
.cbr_list li.b_VW:before {background-position:-70px -140px}   /*Volkswagen*/                                                                                          
.cbr_list li.b_WI:before {background-position:-105px -140px}  /*WINNEBAGO*/                                                                                           
.cbr_list li.b_WR:before {background-position:-140px -140px}  /*함코*/                                                                                              
.cbr_list li.b_XA:before {background-position:-175px -140px}  /*후소*/                                                                                              
.cbr_list li.b_XF:before {background-position:-210px -140px}  /*히노*/                                                                                              
.cbr_list li.b_XH:before {background-position:-245px -140px}  /*히아브*/                                                                                            
.cbr_list li.b_YN:before {background-position:-280px -140px}  /*영남캠핑카*/  
.cbr_list li.b_3R:before {background-position:-315px -140px}  /*노바스*/ 

.cbr_list li.b_3W:before {background-position:0 -175px}      /*다임폴라*/                                                                                          
.cbr_list li.b_5J:before {background-position:-175px 0}      /*벤츠*/                                                                                              
.cbr_list li.b_6O:before {background-position:-35px -175px}  /*스카니아*/                                                                                          
.cbr_list li.b_7V:before {background-position:-70px -175px}  /*이베코*/                                                                                           
.cbr_list li.b_PT:before {background-position:-105px -175px}  /*폰티악*/                                                                                          
.cbr_list li.b_DS:before {background-position:-140px -175px}  /*DS*/
.cbr_list li.b_BY:before {background-position:-175px -175px}  /*BYD*/
.cbr_list li.b_IN:before {background-position:-210px -175px}  /*INEOS*/
/*국산*/
.cbr_list li.b_CH:before {background-position:0 -210px}       /*쉐보레*/                                                                                          
.cbr_list li.b_HD:before {background-position:-35px -210px}   /*현대*/                                                                                              
.cbr_list li.b_KI:before {background-position:-70px -210px}   /*기아*/                                                                                          
.cbr_list li.b_SM:before {background-position:-105px -210px}  /*르노삼성*/                                                                                   
.cbr_list li.b_SS:before {background-position:-140px -210px}  /*쌍용*/                                                                                   
.cbr_list li.b_TT:before {background-position:-175px -210px}  /*타타대우*/                                                                                 
.cbr_list li.b_KG:before {background-position:-210px -210px}  /*KG모빌리티*/                                                                               
.cbr_list li.b_GE:before {background-position:-245px -210px}  /*제네시스*/ 


/* 견적작성 */
.pos_radio {padding-top:10px}
.form_list .total {position:relative; margin-top:20px}
.form_list .total > div {padding:10px 20px; background:#f2f6fa}
.form_list .total h3 {position:absolute; top:24px; left:20px}
.form_list .total .inp_txt > input {padding-left:60px; font-family:'nsb'; color:#0263e1; border:none; background-color:transparent}
.form_list .total .res_info li {margin-top:6px; color:#0263e1; font-size:13px}

/* 견적보기 */
.oz_wrap input, .oz_wrap select {border-bottom:none} /*레이어팝업으로 견적보기*/
.oz_wrap input:read-only {background:transparent}
.oz_wrap label {top:auto !important}
.oz_wrap input[type="text"] {top:auto !important; padding-right:0; height:28px}
.oz_wrap select {top:auto !important; min-height:28px; height:28px}
.inner_oz {height:100%;} /*새창으로 견적보기*/

/* 견적 발송 내역 리스트 */
.estimate_send_list > ol > li {padding:17px 0 15px; border-bottom: 1px solid #ececec;}
.estimate_send_list .mark {padding:4px 8px 3px; margin-bottom:12px; font-size:12px; color:#0263e1; border-radius:14px; border: 1px solid #0263e1;}
.estimate_send_list .chk {padding:4px 8px 3px; margin-bottom:12px; font-size:12px; color:#fff; border-radius:14px; background-color:#fd907a; border: 1px solid #fd907a;}
.estimate_send_list .list {overflow: hidden;}
.estimate_send_list .list span {position: relative; float:left; color:#111; padding-right:12px; margin-right:12px; line-height:1.4; font-size:15px; font-family:'nsm'; }
.estimate_send_list .list span:after {content:''; display: inline-block; position:absolute; right:0; top:3px; width:1px; height:15px; background:#e1e1e1;}
.estimate_send_list .list span:last-child:after {display:none;}
.estimate_send_list .useful_btnset {display:flex; justify-content:space-between; margin-top: 12px;}
.estimate_send_list .useful_btnset button {flex:1; padding:8px 0; text-align:center; font-size:12px; font-family:'nsm'; color:#0263e1; border-radius:4px; background:#f2f6fa;}
.estimate_send_list .useful_btnset button:first-child {margin-right: 10px;}


/* 에러페이지 */
.error_wrap {position: absolute; left:0; top:50%; transform: translateY(-50%); width:100%; margin-top:-80px; padding:0 40px;}
.error_wrap .title {padding-top:72px; font-size:23px; color:#111; line-height: 34px; background:url(../img/common/error_page.png) 0 0 / 32.5px auto no-repeat;}
.error_wrap p {line-height:22px; margin-top: 20px;}


@media (min-width:360px) {
	.media_main {font-size:14px;}
}
@media (min-width:460px) {
	.media_main {font-size:15px;}
}
@media (min-width:540px) {
	.media_main {font-size:17px;}
}

@media (min-width:768px) {
	/* 메인공통 */
	.pc_use > footer {margin-top:0} 
	/* 메인 */
	.pc_use > .home {padding:0 40px 30px}
	.pc_use > .home .home_state {padding-top:40px}
	.pc_use > .home .home_state a {top:43px}
	.pc_use .menu_area li.full, .menu_area li.half {width:calc(33.3% - 14px); margin-left:20px}
	.pc_use .menu_area li:nth-child(odd) {margin-left:20px}
	.pc_use .menu_area li:nth-child(3n+1) {margin-left:0}
	.pc_use .menu_area li a {width:100%; height:160px; align-items: normal; padding:96px 30px 0 30px; font-size:17px; background-position:30px 30px; background-size:50px auto; background-repeat:no-repeat} 
	.pc_use .menu_area .msg_btn {font-size:16px; background-image:url(../img/icon/icon_main_msg.png)}
	.pc_use .menu_area .est_btn {background-image:url(../img/icon/icon_main_estimate.png)}
	/* 팝업 */
	.pc_use_pop.pop_basic .pop_inside {width:320px}
	.pc_use_pop.pop_basic.full .pop_inside {width:100%}
	/* 서브공통 */
	.pc_use > #content .aco_info .trigger {font-size:18px}
	.pc_use > #content .aco_wrap {padding-right:0}
	.pc_use > #content .form_list > ul > li {position:relative; float:left; width:50%; min-height:80px; margin:0 0 24px 0; padding-right:20px}
	.pc_use > #content .pc_use_pop .form_list > ul > li {float:none; width:100%; margin-right:0; padding-right: 0}
	.pc_use > #content .form_list h3 {height:24px; padding-top:4px;}
	.pc_use > #content .form_list .btn_set {margin-top:14px}
	/* 견적작성 */
	.pc_use > #content .form_list .pos_radio {position:absolute; top:0; right:22px; padding-top:0}
	.pc_use > #content .form_list > ul > li.total {margin:34px 0 24px 0}
	.pc_use > #content .form_list > ul > li.total.full {width:100%;margin:0 0 24px 0}
	.form_list .total > div {text-align:right}
	.pc_use > #content .form_list .total h3 {top:20px}
	.form_list .total .inp_txt {display:inline-block}
	.form_list .total.full .inp_txt {width:50%}
	.form_list .total .inp_info {text-align:right}
	.form_list .hei_up > .btn {height:65px;}
	.pc_use > #content .result_wrap {/*display:flex; justify-content:space-around;*/ padding-bottom:40px; align-items:center}
	.pc_use > #content .result_wrap > div {float:left; width:calc(50% - 10px)}
	.pc_use > #content .result_wrap > .estimate_result {margin:0 0 0 20px}
	.pc_use > #content .estimate_result strong {font-size:16px}
	.pc_use > #content .result_wrap .btn {height:65px}
	.pc_use > #content .result_wrap .inp_info {clear:both; padding:10px 0 0 50%; margin-left:20px}
}

@media (min-width:1024px) {
	/* 메인공통 */
	.pc_use#wrap {height:auto; background-color:#f9f9f9}
	.pc_use > footer {width:1024px; margin:0 auto} 
	/* 메인 */
	.pc_use > .home {width:1024px; margin:0 auto; background-color:#fff}
	.pc_use .menu_area li a, .pc_use .menu_area .msg_btn {font-size:18px} 
	/* 팝업 */
	.pc_use_pop.pop_slide .pop_inside {width:1024px; left:50%; margin-left:-512px}
	.pc_use_pop.pop_basic.full .pop_inside {width:1024px; left:50%; margin-left:-512px}
	/* 서브공통 */
	.pc_use header {width:1024px; margin:0 auto}
	.pc_use header .in {position:static}
	.pc_use > #content {width:1024px; margin:0 auto; padding-bottom:0 !important; background-color:#fff}
	.pc_use > #content .fix_btn {position:static; justify-content:center; transform:none}
	.pc_use > #content .fix_btn > .btn {width: 200px}
	.pc_use > #content .fix_btn .btn:first-child {margin-right:10px}
	/* 견적작성 */
	.pc_use > #content .aco_info {margin:0 20px 20px}		
}