@charset "utf-8"; 
/* ------------------------------------------
* Filename: common.css
* Author: initiativesix
------------------------------------------ */

body, input, select, textarea, button {font-family:'NanumGothic', '나눔고딕', '돋움', sans-serif; font-weight:400}
body {color:#666; font-size:12px; background:#fff; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch}
input[type="text"]:disabled {background:#eaeaea; border:solid 1px #b1b1b1; color:#101010; opacity:1; -webkit-opacity:1; -webkit-text-fill-color:inherit;}
input[type="number"]:disabled {background:#eaeaea; border:solid 1px #b1b1b1; color:#101010; opacity:1; -webkit-opacity:1; -webkit-text-fill-color:inherit;}
input[readonly] {color:#666; background:#eaeaea}
::-webkit-input-placeholder {color:#666}
::-moz-placeholder {color:#666}
:-ms-input-placeholder {color:#666}
:-moz-placeholder {color:#666}
::placeholder {color:#666}
input[type="text"]::-ms-clear {display:none}
input[type="text"], input[type="number"], input[type="search"], input[type="email"] {height:34px; line-height:34px; padding:0 10px; border:1px solid #b1b1b1; background:#fff}
input[type="password"] {height:34px; line-height:34px; padding:0 10px; border:solid 1px #b1b1b1; background:none}

input[type="text"]:disabled::-webkit-input-placeholder {color:#666; -webkit-opacity:1}
input[type="text"]:disabled::-moz-placeholder {color:#666; -webkit-opacity:1}
input[type="text"]:disabled:-ms-input-placeholder {color:#666; -webkit-opacity:1}
input[type="text"]:disabled:-moz-placeholder {color:#666; -webkit-opacity:1}
input[type="text"]:disabled::placeholder {color:#666; -webkit-opacity:1}

select {background:url('/static/mobile/img/common/icon_select.png') 0 center no-repeat; background-size:11px 6px; background-position-x:calc(100% - 7px); padding:0 20px 0 10px}
select:disabled {background:url('/static/mobile/img/common/icon_select_disabled.png') 0 center no-repeat #f5f5f5; border:solid 1px #101010; background-size:11px 6px; background-position-x:calc(100% - 7px)}
textarea {padding:10px; border:solid 1px #101010; overflow:auto; resize:none}

button, button:focus, button:active {padding:0} 
button i {position:relative; font-style:normal}
button {cursor:pointer}
button:disabled {cursor:default}

a:link, a:visited {text-decoration:none; color:#666666}
a:hover {text-decoration:none; color:#666666}
a:active {text-decoration:none; color:#666666}

/* checkbox, radio */
input[type="checkbox"] {margin:0; padding:0; width:0; height:0; opacity:0;}
input[type="checkbox"] + label {margin-top:-13px; line-height:12px; color:#101010}
/*  원본  grid top */
/* input[type="checkbox"] + label::before {content:''; display:inline-block; width:12px; height:12px; vertical-align:middle; background:url('/static/mobile/img/common/check_off.png') 0 0 no-repeat; padding-right:5px; background-size:12px 12px} */
/* input[type="checkbox"]:checked + label::before {background:url('/static/mobile/img/common/check_on.png') 0 0 no-repeat; background-size:12px 12px} */
input[type="checkbox"] + label::before  {content:''; display:inline-block; width:18px; height:18px; vertical-align:middle; background:url('/static/mobile/img/common/check_off_A.png') 0 0 no-repeat; padding-right:5px; background-size:18px 18px}
input[type="checkbox"]:checked + label::before {background:url('/static/mobile/img/common/check_on.png') 0 0 no-repeat; background-size:18px 18px} 

/* big_checkbox */ 
input[type="checkbox"] + label[class="big_check"]::before {content:''; display:inline-block; width:18px; height:18px; vertical-align:middle; background:url('/static/mobile/img/common/check_off_A.png') 0 0 no-repeat; padding-right:5px; background-size:18px 18px}
input[type="checkbox"]:checked + label[class="big_check"]::before {background:url('/static/mobile/img/common/check_on.png') 0 0 no-repeat; background-size:18px 18px} 

input[type="radio"] {margin:0; padding:0; width:0; height:0; opacity:0;}
input[type="radio"] + label::before {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url('/static/mobile/img/common/radio_off.png') 0 0 no-repeat; font-size:0; padding-right:5px}
input[type="radio"]:checked + label::before {background:url('/static/mobile/img/common/radio_on.png') 0 0 no-repeat; background-size:16px 16px}


input.radio[type="radio"] {margin:0; padding:0; width:0; height:0; opacity:0;}
input.radio[type="radio"] + label {line-height:16px; color:#101010}

/*  원본  greybox */
/* input.radio[type="radio"] + label::before {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url('../img/common/check_off.png') 0 0 no-repeat; padding-right:5px; background-size:16px 16px} */
/* input.radio[type="radio"]:checked + label::before {background:url('../img/common/check_on.png') 0 0 no-repeat; background-size:16px 16px} */

input.radio[type="radio"] + label::before {content:''; display:inline-block; width:18px; height:18px; vertical-align:middle; background:url('../img/common/check_off_A.png') 0 0 no-repeat; padding-right:5px; background-size:18px 18px}
input.radio[type="radio"]:checked + label::before {background:url('../img/common/check_on.png') 0 0 no-repeat; background-size:18px 18px}

  
input.shape[type="radio"] {margin:0; padding:0; width:0; height:0; opacity:0;}
input.shape[type="radio"] + label {line-height:16px; color:#101010}
input.shape[type="radio"] + label::before {content:''; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url('../img/common/check_grey.png') 0 0 no-repeat; padding-right:5px; background-size:16px 16px}
input.shape[type="radio"]:checked + label::before {background:url('../img/common/check_red.png') 0 0 no-repeat; background-size:16px 16px}


/* radio */
.radio {}
.radio label {display:block}
.radio:after {content:''; display:block; clear:both}
.radio > li {display:block; float:left; margin-left:15px}
.radio > li:first-child {margin-left:0}
.radio > p {display:block; float:left; margin-left:15px}
.radio > p:first-child {margin-left:0}

/* checkbox */
.checkbox {}
.checkbox label {display:block}
.checkbox:after {content:''; display:block; clear:both}
.checkbox > li {display:block; float:left; margin-left:15px}
.checkbox > li:first-child {margin-left:0}
.checkbox > p {display:block; float:left; margin-left:15px}
.checkbox > p:first-child {margin-left:0}

/* select */
.select_box {}
.select_box select {width:100%; height:36px; color:#101010; line-height:36px; border:1px solid #b1b1b1}

/* radio tab */
.tab_radio {}
.tab_radio:after {content:''; display:block; clear:both}
.tab_radio div {width:calc(50% - 1px); float:left; font-size:12px; letter-spacing:-1px}
.tab_radio input[type="radio"] + label {margin-top:-13px; border:solid 1px #b1b1b1; display:block; padding:7px 7px 7px 5px; color:#666; text-align:right; border-left:0}
.tab_radio input[type="radio"] + label:after {content:''; display:block; clear:both}
.tab_radio input[type="radio"]:checked + label {border:solid 2px #de0010; color:#de0010; font-weight:700; padding:6px 6px 6px 3px}
.tab_radio input[type="radio"] + label::before {display:block; float:left; width:17px; height:20px; background:url('/static/mobile/img/common/tab_radio_off.png') 0 3px no-repeat; background-size:contain; padding:0}
.tab_radio input[type="radio"]:checked + label::before {background:url('/static/mobile/img/common/tab_radio_on.png') 0 3px no-repeat; background-size:contain}
.tab_radio input[type="radio"] + label span {display:block; float:right; width:calc(100% - 20px); line-height:20px}
.tab_radio div:nth-child(1) input[type="radio"] + label {border-left:solid 1px #bac0c7}
.tab_radio div:nth-child(1) input[type="radio"]:checked + label {border:solid 2px #de0010; padding:6px 6px 6px 4px; height:19px} 
.tab_radio.solo div {width:100%}/* 20200820 */
.tab_radio.solo div input[type="radio"] + label {text-align:left}/* 20200820 */
.tab_radio.triple div {width:33.3%}
.tab_radio.triple div:nth-child(3n+1) {width:33.4%}
.tab_radio.quad div {width:25%}
.tab_radio.penta div {width:20%; letter-spacing:-1px}
.tab_radio.hexa div {width:16.7%}
.tab_radio.hexa div:first-child {width:16.5%}
.tab_radio.seven div {width:calc(100% / 7)} /* 20200820 */
.tab_radio.seven div label:before {display:none} /* 20200820 */
.tab_radio.seven div label:after {display:none}/* 20200820 */
.tab_radio.seven input[type="radio"] + label span {float:none; width:100%; text-align:center}/* 20200820 */
.tab_radio.vertical {}
.tab_radio.vertical div:nth-child(3) input[type="radio"] + label {border-left:solid 1px #bac0c7; border-top:0}
.tab_radio.vertical div:nth-child(3) input[type="radio"]:checked + label {border:solid 2px #de0010; padding:5px 6px 6px 5px}
.tab_radio.vertical div:nth-child(4) input[type="radio"] + label {border-top:0}
.tab_radio.vertical div:nth-child(4) input[type="radio"]:checked + label {border:solid 2px #de0010; padding:5px 6px 6px 5px}


h4 {display:block; line-height:20px; padding-top:10px; color:#1b2f47; font-size:16px; background:url('/static/mobile/img/common/bg_title_area.gif') 0 0 no-repeat; background-size:20px 2px}
h4 i {font-style:normal; font-weight:400}

/* title area */
.title_area .flow {padding:0 0 22px 15px; background:#1b2f47}
.title_area .flow.extends {padding:0 10px 22px 15px; background:#1b2f47}  
.title_area .flow.sita {padding-top:22px;}
.title_area .flow ul {float:right; margin-right:10px; height:22px}
.title_area .flow ul:after {content:''; display:block; clear:both}
.title_area .flow li {display:block; float:left; color:#fff; border-radius:0px 0 10px 10px; width:20px; height:15px; text-align:center; padding:2px 0 5px; box-shadow:inset 0px 0px 5px 0px rgba(0,0,0,.7); margin-left:3px}
.title_area .flow li:first-child {margin-left:0}
.title_area .flow li.on {background:#de0010; box-shadow:0px 2px 1px 0 rgba(0,0,0,1); color:#fff; font-weight:700}
.title_area .flow h3 {display:block; line-height:50px; color:#fff; font-size:16px; clear:both; width:100%; letter-spacing:-1px}
.title_area .tab {}
.title_area .tab:after {content:''; display:block; clear:both}
.title_area .tab li {display:block; float:left; background:#fff; border-bottom:solid 2px #101010; width:50%; text-align:center; line-height:40px}
.title_area .tab li a {display:block; color:#101010; font-size:14px}
.title_area .tab li.current {background:#101010; border-bottom:0; padding-bottom:2px}
.title_area .tab li.current a {color:#fff; font-weight:700}
.tel_guide{background:url('/static/mobile/img/common/icon_tel_guide.png') 10px 18px no-repeat #f1f3f6; color:#404040; line-height:16px; padding:15px 10px 15px 42px; word-break:keep-all; background-size:25px 25px; letter-spacing:-1px}

.bul_list {}
.bul_list li {display:block; color:#666; line-height:15px; margin-top:5px; background:url('/static/mobile/img/common/bul_01.png') 0 6px no-repeat; background-size:3px 3px; padding-left:7px}
.bul_list li:first-child {margin-top:0}

/* table */
table {width:100%; word-wrap:break-word; border-spacing:0; border-collapse:eparate}

/* fixed btn */
.fixed_btn:after {content:''; display:block; clear:both}
.fixed_btn .left{float:left; width:50%; background:#1b2f47; height:65px}
.fixed_btn .left a{}
.fixed_btn .right{float:left; width:50%; height:65px}
.fixed_btn {position:fixed; left:35px; bottom:0; width:calc(100% - 35px); height:65px}
.fixed_btn a {display:block; color:#fff; padding:10px 20px 20px; font-size:14px; background:#de0010; height:100%}
.fixed_btn a.none {background-color:#707070; color:#fff}
.fixed_btn a span {display:block; height:calc(100% - 30px)}
.fixed_btn a.confirm span {background:url('/static/mobile/img/common/fixed_confirm.png') right bottom no-repeat; background-size:20px 17px}
.fixed_btn a.next span {background:url('/static/mobile/img/common/fixed_next.png') right bottom no-repeat; background-size:23px 8px}
.fixed_btn a.next.none {background-color:#707070}
.fixed_btn a.prev {background:#1b2f47}
.fixed_btn a.prev span {background:url('/static/mobile/img/common/fixed_prev.png') right bottom no-repeat; background-size:23px 8px}
.fixed_btn a.prev.none {background-color:#354151}
.fixed_btn a.close {background:#1b2f47}
.fixed_btn a.close span {background:url('/static/mobile/img/common/fixed_close.png') right bottom no-repeat; background-size:12px 12px}
.fixed_btn a.close.none {background-color:#354151}
.fixed_btn a.none span {color:#fff}

.fixed_btn.dual {}
.fixed_btn.dual a {display:block; float:left; width:calc(100% - 40px)}
/*a.sub.none {}*/

strong.red {display:block; color:#de0010; text-align:center; padding:10px 0}

/* 간편상담신청 */
.usedcar {margin-top:20px}
.usedcar.usedcarloan {margin-top:0}
.usedcar.panel .guide_text {display:block; line-height:15px; background:url('/static/mobile/img/common/bul_01.png') 0 6px no-repeat; background-size:3px 3px; padding-left:7px; margin-top:5px}
.usedcar h4 {margin:20px 0 10px}
.usedcar h4:first-child {margin-top:0}
.usedcar p {font-size:13px; line-height:1.6}
.usedcar .tab_radio {}
.grey_box {background:#f1f3f6}
.tab_radio.car_info {margin-top:20px}
.usedcar .grey_box.corporation_num {padding:15px 10px; margin-top:0; background:#f1f3f6}
.corporation_num label {color:#404040; display:block; clear:both; font-size:14px; font-weight:700; line-height:20px; margin-top:10px}
.corporation_num > label {margin-top:0}
.corporation_num div:after {content:''; display:block; clear:both}
.corporation_num div input[type="text"], .corporation_num div input[type="number"] {float:left; width:calc(30% - 27px); margin-right:5px}
.corporation_num div input[type="text"]:last-child, .corporation_num div input[type="number"]:last-child {width:calc(40% - 22px); margin:0}
.usedcar .lookup {}
.usedcar .lookup > div {}
.usedcar.certification .usedcar_table {margin-top:10px}

.lookup label {color:#404040; display:block; clear:both; font-size:14px; font-weight:700; line-height:20px}
.lookup label span {font-weight:400}
.lookup .car_number > div {border-top:dashed 1px #bebebe; padding:10px 10px 0; margin-top:10px}
.lookup .car_number > div:first-child {border-top:0; padding-top:0; margin-top:0}
.lookup .car_number input[type="text"] {display:block; width:calc(100% - 22px)}
.lookup .bul_list {margin-top:5px}
.lookup .car_infomation > div {border-top:dashed 1px #bebebe; padding:0; margin-top:10px}
.lookup .car_infomation label {padding:5px 0}
.lookup .car_infomation > div:first-child {border-top:0; padding-top:0; margin-top:0}
.lookup .car_infomation .car_search {}
.lookup .car_infomation .car_search > a {display:block; padding:10px 25px 10px 10px; border:solid 1px #101010; background:#fff url('/static/mobile/img/common/icon_right.png') 98% center no-repeat; background-size:9px 17px; line-height:17px; word-break:break-all}
.lookup .car_infomation .car_search > a > div {background:url('/static/mobile/img/common/icon_car.png') 0 center no-repeat; background-size:41px 30px; padding-left:50px; line-height:30px}
.lookup .car_infomation .car_search > a span {display:block; line-height:18px; font-weight:700}
.lookup .car_infomation .car_search > a p {line-height:18px; color:#101010; font-weight:700}
.grey_box04.lookup .car_number > div {padding:5px 0 0 0}
.usedcar .price {}
.usedcar .price:after {content:''; display:block; clear:both}
.usedcar .price input[type="text"], .usedcar .price input[type="number"] {display:block; float:left; width:calc(100% - 52px); border-right:0; padding-right:5px; text-align:right}
.usedcar .price input::-webkit-input-placeholder {text-align:left}
.usedcar .price input::-moz-placeholder {text-align:left}
.usedcar .price input:-ms-input-placeholder {text-align:left}
.usedcar .price input:-moz-placeholder {text-align:left}

.usedcar .price p {float:left; border:1px solid #b1b1b1; border-left:0; width:30px; padding-left:5px; height:34px; line-height:34px; color:#404040}
.usedcar input[type="text"], .usedcar input[type="number"], .usedcar input[type="email"] {display:block; width:calc(100% - 22px)}
.usedcar .option [type="text"], .usedcar .option [type="number"] {border:solid 1px #bac0c7}
.usedcar .option p {border:solid 1px #bac0c7; border-left:0}

.usedcar .accept_terms {margin-top:20px; padding-bottom:15px}
.usedcar .accept_terms > h4 {background:none}
.usedcar .accept_terms > div {border:solid 1px #b1b1b1; padding:10px 0; background:#fff;}
.usedcar .accept_terms .rules {border-top:dashed 1px #bebebe; padding:10px; margin-top:10px; display:none}
.usedcar .accept_terms .open .rules {display:block}
.usedcar .accept_terms .checkbox {margin-left:10px}
.usedcar .accept_terms .checkbox label {float:left; margin-top:0;}
.usedcar .accept_terms .checkbox a,
.usedcar .accept_terms .checkbox button {display:block; float:right; background:url('/static/mobile/img/common/icon_down.png') 0 0 no-repeat; width:20px; height:12px; background-size:10px 6px; margin:7px 15px 0 0; }
.usedcar .accept_terms .open .checkbox a {background:url('/static/mobile/img/common/icon_up.png') 0 0 no-repeat; background-size:10px 6px}
.usedcar .accept_terms .checkbox button {border:none}
.usedcar .accept_terms dl {line-height:16px}
.usedcar .accept_terms dt {color:#101010; font-weight:700; padding-top:5px; padding-bottom:7px;}
.usedcar .accept_terms dt:first-child {padding-top:0}
.usedcar .accept_terms dd {padding-left:15px; line-height:1.6;}
.usedcar .accept_terms span {display:block; padding-top:10px; color:#101010; line-height:1.6}


/* popup */
.popup_alert {background:#fff; width:90%; display:none}
.popup_alert .text_box {color:#101010; font-size:14px; font-weight:700; text-align:center; padding:20px 10px; line-height:20px}
.popup_alert .top {background:url('/static/mobile/img/common/bg_popup_title.png') 0 bottom no-repeat}
.popup_alert h3 {display:block; line-height:20px; color:#101010; font-size:16px; padding:15px 20px}
.popup_alert .full_box {padding:20px 10px}
.popup_alert .full_box select {width:100%; height:36px; line-height:36px}
.popup_alert .popup_btn a {display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#de0010; color:#fff; font-weight:700; font-size:16px}
.popup_alert .popup_btn a.sub {background:#1b2f47; color:#fff}
.popup_alert .popup_btn.dual {}
.popup_alert .popup_btn.dual:after {content:''; display:block; clear:both}
.popup_alert .popup_btn.dual a {float:left; width:50%}
.popup_alert .alert_box {color:#101010; font-size:14px; font-weight:700; text-align:center; padding:30px 20px; line-height:20px}


.popup_carsearch {width:100%; height:calc(100% - 85px); padding-bottom:85px; overflow-y:auto; background:#fff; position:fixed; top:0; left:0; display:none; z-index:1000}
.popup_carsearch h4 {background:none; padding:20px 0 10px; margin:0; text-align:center; width:100%; background:#fff; position:fixed; top:0; left:0}
.popup_carsearch > div {padding:60px 15px 0}
.popup_carsearch .tab_radio {position:fixed; left:15px; top:50px; width:calc(100% - 30px); background:#fff; padding-bottom:10px}
.popup_carsearch .tab_radio div {width:20%}
.popup_carsearch .tab_radio input[type="radio"] + label {padding:7px 0; border:solid 1px #101010; color:#101010; border-left:0}
.popup_carsearch .tab_radio input[type="radio"]:disabled + label {color:#666; border:1px solid #b1b1b1; border-left:0; background-color:#eaeaea;}
.popup_carsearch .tab_radio input[type="radio"]:checked + label {border:solid 2px #de0010; color:#de0010; font-weight:700; padding:6px 1px 6px 0}
.popup_carsearch .tab_radio input[type="radio"]:checked + label::before {display:none}
.popup_carsearch .tab_radio input[type="radio"] + label::before {display:none}
.popup_carsearch .tab_radio input[type="radio"] + label span {width:100%; float:none; text-align:center}
.popup_carsearch .tab_radio input[type="radio"] + label:after {display:none}
.popup_carsearch .tab_radio div:nth-child(1) input[type="radio"] + label {border-left:solid 1px #101010; padding:7px 2px}
.popup_carsearch .tab_radio div:nth-child(1) input[type="radio"]:checked + label {border:solid 2px #de0010; padding:6px 0px}

.popup_carsearch .tab {}
.popup_carsearch .tab:after {content:''; display:block; clear:both}
.popup_carsearch .tab li {display:block; float:left; }
.popup_carsearch .tab li a {display:block; border:solid 1px #bac0c7; margin-left:-1px; font-size:11px; letter-spacing:-1px; line-height:34px}
.popup_carsearch .carsearch_select {margin:45px 15px 0}
.popup_carsearch .carsearch_select .guide_box {padding-top:calc((100vh / 2) - 130px); text-align:center; font-size:14px; line-height:20px; height:150px}
.popup_carsearch .carsearch_select .guide_box p {background:url('/static/mobile/img/common/img_carsearch_select.png') center 0 no-repeat; padding-top:70px}

.popup_carsearch .carsearch_select .none {padding-top:calc((100vh / 2) - 130px); text-align:center; font-size:14px; line-height:20px; font-weight:700;}
.popup_carsearch .carsearch_select .none p {background:url('/static/mobile/img/common/img_carsearch_select.png') center 0 no-repeat; padding-top:70px}

.popup_carsearch .carsearch_select > div {}
.popup_carsearch .carsearch_select a {display:block; color:#101010; line-height:20px; padding:7px 25px 7px 10px; border-bottom:solid 1px #666; background:url('/static/mobile/img/common/arrow_off.png') 98% center no-repeat; background-size:11px 12px}
.popup_carsearch .carsearch_select a.current {background:url('/static/mobile/img/common/arrow_on.png') 98% center no-repeat #1b2f47; background-size:11px 12px; color:#fff; font-weight:700}
.popup_carsearch .carsearch_select .select_e a {background:none}
.popup_carsearch .carsearch_select .select_e a.current {background:url("/static/mobile/img/common/icon_check.png") 98% center no-repeat #1b2f47; background-size:15px 11px; font-weight:700}
.popup_carsearch .popup_close {display:block; border:0; text-indent:-9999px; position:fixed; top:20px; left:15px; width:20px; height:20px; background:url('/static/mobile/img/common/btn_popup_close.png') 0 0 no-repeat; background-size:contain}
.popup_carsearch .fixed_btn {width:calc(100% - 30px); left:30px; height:auto; min-height:75px; max-height:96px; background:#de0010}
.popup_carsearch .fixed_btn .carsearch_flow {line-height:19px; font-size:13px; color:#ddd; padding:10px 40px 10px 10px; letter-spacing:-1px}
.fixed_btn .carsearch_flow:after {content:''; display:block; clear:both}
.fixed_btn .carsearch_flow strong {display:block; float:left; background:url('/static/mobile/img/common/fixed_line.png') 0 5px no-repeat; background-size:7px 9px; color:#fff; padding-left:9px; margin-left:3px}
.fixed_btn .carsearch_flow span {display:block; float:left; background:url('/static/mobile/img/common/fixed_line.png') 0 5px no-repeat; background-size:7px 9px; padding-left:9px; margin-left:3px}
.fixed_btn .carsearch_flow strong:first-child, .fixed_btn .carsearch_flow span:first-child {background:none; padding-left:0; margin-left:0}
.popup_carsearch .fixed_btn .confirm {display:block; padding:0; width:31px; height:23px; text-indent:-9999px; position:absolute}
.popup_carsearch .fixed_btn a.confirm {background:url('/static/mobile/img/common/fixed_check_on.png') no-repeat; background-size:31px 23px; background-position-x:calc(100% - 10px); background-position-y:calc(100% - 10px); width:100%; height:100%; left:0; top:0}
.popup_carsearch .fixed_btn p.confirm {background:url('/static/mobile/img/common/fixed_check_off.png') 0 0 no-repeat; background-size:contain; bottom:10px; right:10px}

.popup_wrapper {}
.popup_rules {width:100%; height:100%; background:#fff; display:none}
.popup_rules h4 {background:none; padding:0 15px 0 0; margin:0 0 10px 38px; text-align:center; overflow:hidden; text-overflow:ellipsis} 
/* .popup_rules h4 {background:none; padding:0 15px 0 0; margin:0 0 10px 38px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} */
.popup_rules > div {/*position:relative;*/ padding:60px 15px 20px; background:#fff}
.popup_rules > div > div:first-child {position:fixed; width:100%; top:0; left:0; padding:20px 0 0; background:#fff; z-index:1}
.popup_rules .popup_close {display:block; border:0; position:fixed; top:20px; left:15px; width:20px; height:20px; z-index:10; background:url('/static/mobile/img/common/btn_popup_close.png') 0 0 no-repeat; background-size:contain}
.popup_rules .tab_rules {position:fixed; top:50px; left:15px; width:calc(100% - 30px); background:#fff; z-index:5}
.popup_rules .tab_rules:after {content:''; display:block; clear:both}
.popup_rules .tab_rules ul li {float:left; width:calc(33.4% - 2px); border:1px solid #666; border-left:0; text-align:center;}
.popup_rules .tab_rules ul li:first-child {border-left:1px solid #666; width:33.2%}
.popup_rules .tab_rules ul li:nth-child(4) {border-left:1px solid #666; width:33.2%}
.popup_rules .tab_rules ul li:nth-child(n+4) {border-top:0px solid}
.popup_rules .tab_rules ul li a {display:block; line-height:20px; padding:7px 0}
.popup_rules .tab_rules ul li.current {border:2px solid #de0010; width:calc(33.4% - 5px); height:32px; line-height:32px}
.popup_rules .tab_rules ul li.current:first-child {width:calc(33.2% - 3px)}
.popup_rules .tab_rules ul li.current:nth-child(4) {width:calc(33.2% - 3px)}
.popup_rules .tab_rules ul li: {border-left:1px solid #666; width:33.2%}
.popup_rules .tab_rules ul li.current a {color:#de0010; padding:6px 0}
.popup_rules .scroll_box {width:100%; background:#f9f9f9;}
.popup_rules .scroll_box02 {width:100%; background:#f9f9f9; margin-top:26px}

.popup_rules#popup_map > div {height:calc(100% - 80px)}
.popup_rules#popup_map #map {height:100%}


    

.tab_rules2 {width: calc(100% - 30px); background: #fff; z-index: 5; margin: auto; top:0px}
.tab_rules2:after {content:''; display:block; clear:both}
.tab_rules2 ul li {float:left; width:calc(33.4% - 2px); border:1px solid #666; border-left:0; text-align:center;}
.tab_rules2 ul li:first-child {border-left:1px solid #666; width:33.2%}
.tab_rules2 ul li:nth-child(4) {border-left:1px solid #666; width:33.2%}
.tab_rules2 ul li:nth-child(n+4) {border-top:0px solid}
.tab_rules2 ul li a {display:block; line-height:20px; padding:7px 0}
.tab_rules2 ul li.current {border:2px solid #de0010; width:calc(33.4% - 5px); height:32px; line-height:32px}
.tab_rules2 ul li.current:first-child {width:calc(33.2% - 2px)}
.tab_rules2 ul li.current:nth-child(4) {width:calc(33.2% - 2px)}
.tab_rules2 ul li: {border-left:1px solid #666; width:33.2%}
.tab_rules2 ul li.current a {color:#de0010; padding:6px 0}


/* loan_step_03 */
.loan_step_03 {}
.loan_step_03 h4 {padding:15px 0; text-align:center}
.dash_table {padding:0 5px; border:1px solid #101010; margin-top:20px}
.loan_step_03 table {text-align:left; font-size:12px; color:#404040; line-height:20px}
.loan_step_03 th, .loan_step_03 td {padding:7px 5px; border-top:1px dashed #bebebe}
.loan_step_03 tr:first-child th, .loan_step_03 tr:first-child td {border-top:none}
.loan_step_03 th {color:#1b2f47; vertical-align:top}
.loan_step_03 td .btn {line-height:20px; width:70px; margin-top:10px}

td .btn {display:block; font-size:13px; text-align:center; background:#1b2f47; color:#fff}

.tel_guide_03 {margin-bottom:20px}

.b_btn {}
.b_btn:after {content:''; display:block; clear:both}
.b_btn a {display:block; background:#de0010; color:#fff; float:left; width:calc(50% - 5px); margin-left:10px; line-height:45px; text-align:center}
.b_btn a:first-child {margin-left:0; background:#1b2f47}
.sub {display:block; background:#1b2f47; color:#fff}
a.none {background:#707070; color:#fff}
a.sub.none {background:#1b2f47; color:#fff}

.receive {}
.receive a {display:block; background:#1b2f47; color:#fff; line-height:45px; text-align:center}
.receive div {line-height:22px;margin:20px 0; text-align:center; color:#de0010; font-weight:700;}
.receive span {background:url('/static/mobile/img/common/icon_loan_01.png') 0 2px no-repeat; background-size:14px 18px; padding:0 20px; display:inline-block}

/* dealer_step_03 */
.contract_btn {margin:20px 0}

.grey_guide_box {margin:15px 0}
.grey_guide_box h4 {text-align:left; width:100%; padding:0; border-bottom:1px dashed #bebebe}
.grey_guide_box a {color:#1b2f47; display:block; line-height:45px; padding:0 15px; font-size:13px; font-weight:700}
.process_guide span {background:url('/static/mobile/img/common/icon_down.png') no-repeat right; background-size:12px 8px; display:block}
.process_guide span.open {background:url('/static/mobile/img/common/icon_up.png') no-repeat right; background-size:12px 8px; display:block}

.receive_b {line-height:20px;margin:30px 0; text-align:center; color:#de0010; font-weight:700;}
.receive_b p {display:inline-block; background:url('/static/mobile/img/common/icon_loan_01.png') 0 center no-repeat ; background-size:14px 18px; padding-left:20px}

.guide_box {}
.guide_box > div {padding:0 10px}
.guide_box > div >div {line-height:22px; padding:10px 0; border-bottom:1px solid #fff; color:#666}
.guide_box > div >div:last-child {border-bottom:0}
.guide_box p {color:#101010; font-weight:700; padding-bottom:10px }
.guide_box span {display:inline-block; color:#fff; background:#1b2f47;padding:0 10px; margin-right:5px;border-radius:5px 0 5px 5px;}

.dealer_receive {margin:20px 0}
.dealer_receive div {margin:40px 0;}

/* laon  laon_step_01 */

.blank_space {margin-top:20px}



@media (max-width:365px){
.popup_carsearch .carsearch_select .guide_box p br {display:none}
}


.terms_doc {font-size:11px; line-height:18px; padding:15px; color:#666}
.terms_doc h3 {color:#404040; font-size:16px; line-height:24px; margin:50px 0 10px 0; padding:0; text-align:left; overflow:inherit; text-overflow:inherit; white-space:inherit}
.terms_doc h4 {color:#404040; font-size:14px; line-height:24px; margin:20px 0 5px 0; padding:0; text-align:left; overflow:inherit; text-overflow:inherit; white-space:inherit}
.terms_doc h4:first-child {margin-top:0}
.terms_doc h5 {color:#404040; font-size:12px; line-height:20px; margin-top:10px}
.terms_doc h6 {color:#404040; font-size:12px; line-height:20px; margin-top:10px}
.terms_doc ul {}
.terms_doc ul ul {margin-top:5px;}
.terms_doc ul > li {counter-increment:item; padding-left:20px; margin-top: 4px;}
.terms_doc ul > li:before {content:counter(item); display:block; width:10px; height:12px; line-height:12px; text-align:center; float:left; border:solid 1px #666; border-radius:50%; font-size:7px; margin:2px 0 0 -20px; letter-spacing:-2px; padding-right:2px}
.terms_doc ul > li > span {margin-left:-15px; display:block; float:left}
.terms_doc ol {list-style-type:decimal; padding-left:15px}
.terms_doc .dash {}
.terms_doc .dash > li {padding-left:10px}
.terms_doc .dash > li:before {content:"-"; width:10px; height:18px; line-height:18px; border:0; font-size:16px; margin:0 0 0 -10px; text-align:left; padding:0}
.terms_doc .hangul {list-style-type:hangul}

.terms_doc .dot {}
.terms_doc .dot > li {padding-left:10px}
.terms_doc .dot > li:before {content:"·"; width:10px; height:18px; line-height:18px; border:0; font-size:16px; margin:0 0 0 -10px; text-align:left; padding:0}

.terms_doc .rec {}
.terms_doc .rec > li {padding-left:14px}
.terms_doc .rec > li:before {content:"■"; width:14px; height:18px; line-height:18px; border:0; font-size:10px; margin:0 0 0 -14px; text-align:left; padding:0}

.terms_doc .check {}
.terms_doc .check > li {padding-left:14px; position: relative;}
.terms_doc .check > li:before {content:""; display:inline-block; position: absolute; left:0; top:4px; width:8px; height:8px; padding:0; margin:0; border: 1px solid #333; transform:rotate(0deg); border-radius:0;}
.terms_doc .check > li:after {content:""; display:inline-block; position: absolute; left:3.4px; top:5.6px; width:2px; height:4px; padding:0; margin:0; border: 1px solid #333; border-width: 0 1px 1px 0; transform:rotate(45deg); border-radius:0;}


.terms_doc .b {color: #333; font-weight: bold;}
.terms_doc .underline {text-decoration:underline;}
.terms_doc .box {padding:10px; border: 1px solid #333; background:#f8f8fe;}


.terms_doc li h6 {margin-top:0; line-height:18px}
.terms_doc > p {}
.terms_doc > u {}
.terms_doc > strong {display:block; color:#000; margin-top:10px}
.terms_doc table {border:solid 1px #101010; background:#fff; margin-top:5px}
.terms_doc table th, .terms_doc table td {border:dashed 1px #bebebe; padding:5px 7px}
.terms_doc table tr:first-child th, .terms_doc table tr:first-child td {border-top:0}
.terms_doc table th {text-align:center; color:#101010; background:#f1f1f1}
.terms_doc table td {border-left:dotted 1px #bebebe}
.terms_doc table td:first-child {border-left:0}
.terms_doc table.center th,
.terms_doc table.center td {text-align:center;}
.terms_doc div {margin-top:10px}
.terms_doc dl {margin-top:10px}
.terms_doc dt {font-weight:700}
.terms_doc table th span {color:#101010}
.terms_doc span {color:#de0010}
.terms_doc p.date {text-align:right; padding-top:5px}
.terms_doc .big_text {font-size:14px}


/*user_authentication*/
.location04:after {content:''; display:block; clear:both}
.location04 a{display:block; float:left; text-indent:-999px; width:80px; height:31px; background:url('/static/mobile/img/common/logo.png') 0 0 no-repeat; background-size:80px 31px;}
.location04 h3{float:right; text-align:right; color:#101010; font-size:12px; line-height:16px}

.loading {animation:loading 2s 0s infinite; width:300px; height:130px; text-indent:-9999px; background-size:contain}
@keyframes loading {
	0% {background:url('/static/mobile/img/loading/loading_01.png') 0 0 no-repeat; background-size:300px 130px}
	8% {background:url('/static/mobile/img/loading/loading_02.png') 0 0 no-repeat; background-size:300px 130px}
	16% {background:url('/static/mobile/img/loading/loading_03.png') 0 0 no-repeat; background-size:300px 130px}
	24% {background:url('/static/mobile/img/loading/loading_04.png') 0 0 no-repeat; background-size:300px 130px}
	32% {background:url('/static/mobile/img/loading/loading_05.png') 0 0 no-repeat; background-size:300px 130px}
	40% {background:url('/static/mobile/img/loading/loading_06.png') 0 0 no-repeat; background-size:300px 130px}
	48% {background:url('/static/mobile/img/loading/loading_07.png') 0 0 no-repeat; background-size:300px 130px}
	56% {background:url('/static/mobile/img/loading/loading_08.png') 0 0 no-repeat; background-size:300px 130px}
	64% {background:url('/static/mobile/img/loading/loading_09.png') 0 0 no-repeat; background-size:300px 130px}
	72% {background:url('/static/mobile/img/loading/loading_10.png') 0 0 no-repeat; background-size:300px 130px}
	80% {background:url('/static/mobile/img/loading/loading_11.png') 0 0 no-repeat; background-size:300px 130px}
	100% {background:url('/static/mobile/img/loading/loading_12.png') 0 0 no-repeat; background-size:300px 130px}
}

/* error */
.error #content {margin:0; padding:0 20px; background:#f1f3f6; font-size:14px; height:100vh}
.error #content .box {padding-top:calc(50vh - 200px) !important}
.error dl {color:#404040; text-align:center; line-height:22px; padding-top:120px; background:url('/static/mobile/img/common/img_error.png') center 0 no-repeat; background-size:100px 100px}
.error dt {display:block; color:#1b2f47; font-weight:700; font-size:16px}
.error dd {line-height:20px; margin-top:15px}
.error .call {margin:30px auto; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:20px 0; line-height:20px; font-size:12px; color:#999; text-align:center}
.error .call a {font-size:18px; color:#c6860b; font-weight:700; display:block; line-height:30px}
.error .call p:first-child {font-size:13px; color:#444}
.error .box > a {display:block; background:#de0010; color:#fff; text-align:center; height:45px; line-height:45px; margin-top:30px}
.error strong {display:block; text-align:center; line-height:22px; padding-top:110px; background:url('/static/mobile/img/common/img_network.png') center 0 no-repeat; background-size:100px 100px; color:#101010}
.error .box .btn {margin-top:30px}
.error .box .btn:after {content:''; display:block; clear:both}
.error .box .btn a {display:block; float:left; background:#de0010; color:#fff; text-align:center; height:45px; line-height:45px; width:calc(50% - 5px)}
.error .box .btn a.sub {background:#fff; color:#101010; border:solid 1px #ccc; width:calc(50% - 7px); height:43px; line-height:43px}
.error .box .btn a:first-child {margin-right:10px}

.system_check #content {margin:0; padding:0 20px; background:#f1f3f6; font-size:14px; height:100vh}
.system_check #content .box {padding-top:calc(50vh - 75px)}
.system_check dl {color:#404040; text-align:center; line-height:22px; padding-top:80px; background:url('/static/mobile/img/common/icon_system_check.png') center 0 no-repeat; background-size:280px 54px}
.system_check dt {display:block; color:#1b2f47; font-weight:700; font-size:16px}
.system_check dd {line-height:20px; margin-top:5px}

/* prodect */
.prodect .title_area {background-repeat:no-repeat; background-size:20px 90px}
.prodect .title_area h3 {font-size:19px; color:#101010;}
.prodect .title_area p {font-size:14px; color:#1b2f47; letter-spacing:-1px; padding:10px 0 17px; line-height:28px}
.prodect .title_sub {padding:0 20px 0 35px}
.prodect .title_sub02 {margin-top:-63px}
.prodect .title_sub p {display:block; font-size:13px; line-height:24px; letter-spacing:-1px; color:#666}

.prodect .usedcar h4 {border-bottom:1px dashed #bebebe; padding-bottom:10px; margin:30px 0 15px 0}
.prodect .usedcar a {color:#666; margin-right:10px}
.prodect .usedcar strong {margin-right:3px; color:#666; }

.prodect .tab {margin-top:20px}
.prodect .tab:after {display:block; clear:both; content:''}
.prodect .tab li {float:left; width:calc(33.4% - 2px); border:1px solid #666; border-left:0; text-align:center;}
.prodect .tab li:first-child {border-left:1px solid #666; width:33.2%}
.prodect .tab li a {display:block; line-height:20px; padding:7px 0; margin:0}
.prodect .tab li.current {border:1px solid #de0010; width:calc(33.4% - 3px)}
.prodect .tab li.current:first-child {width:33.2%}
.prodect .tab li.current a {color:#de0010}
.prodect .panel {padding:10px; width:calc(100% - 20px)}

.prodect .two_grey_box:after {display:block; clear:both; content:''}
.prodect .two_grey_box .grey_box {float:left; width:calc(50% - 35px);}
.prodect .two_grey_box .grey_box:first-child {padding-bottom:15px}
.prodect .two_grey_box .grey_box:last-child {margin-top:0px; margin-left:10px}
.prodect .two_grey_box h5 {border-bottom:1px dashed #bebebe}
.prodect .grey_box {position:relative}
.prodect .grey_box h5 {border-bottom:1px dashed #bebebe}
.prodect .grey_box span {display:block; padding-bottom:5px; color:#666; line-height:1.4}
.prodect .grey_box a,
.prodect .grey_box button {position:absolute; top:19px; right:15px; width:15px; height:15px;display:block; background:url('/static/mobile/img/common/icon_flag_off.png') 0 0 no-repeat; background-size:14px;}
.prodect .grey_box button {border:none}
.prodect .grey_box a.on,
.prodect .grey_box button.on {position:absolute; top:19px; right:15px; width:15px; height:15px;display:block; background:url('/static/mobile/img/common/icon_flag_on.png') 0 0 no-repeat; background-size:14px;}
.prodect .grey_box .grey_box_tip {position:absolute; top:33px; right:16px; width:150px; padding:10px; background:#fff; border:1px solid #de0010}
.prodect .grey_box .grey_box_tip h6 {color:#101010; font-size:12px; font-weight:700; line-height:20px}
.prodect .grey_box .grey_box_tip p {color:#101010; font-size:12px; line-height:18px}


.prodect dl {}
.prodect dt {font-size:14px; padding:15px 0 0; color:#404040; font-weight:700; line-height:1.6;}
.prodect dt:first-child {padding-top:0}
.prodect dd {font-size:13px; line-height:18px; letter-spacing:-1px; padding-top:5px}
.prodect dd strong {color:#de0010; font-weight:400}
.prodect dd img {width:100%; padding-top:15px}
.prodect dd ol {list-style-type:decimal; padding:0 13px}
.prodect dd li {padding-bottom:5px}
.prodect dd .grey_box {padding:0; padding-bottom:0}
.prodect dd .grey_box div {background:url('/static/mobile/img/common/icon_symbol.png') 10px 16px no-repeat #f1f3f6; background-size:13px 12px; padding:10px 10px 0 30px; font-size:12px}
.prodect dd .grey_box h5 {font-size:12px; border-bottom:0}
.prodect dd .grey_box p {line-height:17px}
.prodect .margin {margin-top:10px}

.prodect p.arrow {font-size:13px; background:url('/static/mobile/img/common/arrow_off.png') 0 4px no-repeat; background-size:11px 10px; padding-left:17px; line-height:20px; letter-spacing:-1px; margin-top:15px}
.prodect p.arrow strong {color:#666; font-size:14px}
.prodect p.arrow.margin {margin-top:7px}

.prodect .use_procedure p {font-size:13px; line-height:35px; padding:0 45px; margin-top:15px; color:#101010; letter-spacing:-1px}
.prodect .use_procedure p:nth-child(1) {background:url('/static/mobile/img/common/icon_product_01.png') 0 0 no-repeat; background-size:35px}
.prodect .use_procedure p:nth-child(2) {background:url('/static/mobile/img/common/icon_product_02.png') 0 0 no-repeat; background-size:35px}
.prodect .use_procedure p:nth-child(3) {background:url('/static/mobile/img/common/icon_product_03.png') 0 0 no-repeat; background-size:35px}
.prodect .use_procedure p:nth-child(4) {background:url('/static/mobile/img/common/icon_product_04.png') 0 0 no-repeat; background-size:35px}
.prodect .use_procedure p:nth-child(5) {background:url('/static/mobile/img/common/icon_product_05.png') 0 0 no-repeat; background-size:35px}
.prodect .use_procedure strong {color:#de0010; padding-right:5px}

.prodect .usedcar .none_line {background-image:none}
.prodect .usedcar .none_line p {color:#1b2f47; letter-spacing:-1px}

.prodect #container .tel {color:#1b2f47; letter-spacing:-1px}
.prodect #container .tel a {display:block; font-size:12px; color:#999}
.prodect #container .tel span {display:block; font-size:14px; color:#de0010; line-height:20px; padding-bottom:3px}

.prodect .fixed_btn a {font-size:13px}
.prodect .fixed_btn .prev span {background-image:url('/static/mobile/img/common/icon_main_check.png'); background-size:18px}
.prodect .fixed_btn .next span {background-image:url('/static/mobile/img/common/icon_tel_white.png'); background-size:18px}

/* company */
#content03 {margin:0 20px 0 35px; margin-top:-50px;}
.vision_wrap p {font-size:11px; padding-left:60px; color:#666; line-height:16px; margin-bottom:15px; min-height:59px}
.vision_wrap p strong {display:block; font-size:11px; color:#404040; padding-bottom:3px}
.vision_wrap p:nth-child(1) {background:url('/static/mobile/img/common/icon_vision.png') 0 4px no-repeat; background-size:50px}
.vision_wrap p:nth-child(2) {background:url('/static/mobile/img/common/icon_vision.png') 0 -79px no-repeat; background-size:50px}
.vision_wrap p:nth-child(3) {background:url('/static/mobile/img/common/icon_vision.png') 0 -166px no-repeat; background-size:50px}
.vision_wrap p:nth-child(4) {background:url('/static/mobile/img/common/icon_vision.png') 0 -263px no-repeat; background-size:50px}
.vision_wrap p:nth-child(5) {background:url('/static/mobile/img/common/icon_vision.png') 0 -353px no-repeat; background-size:50px}

/* branch*/
.branch {margin-top:0; margin-left:-10px}
.branch .branch_radio:after {content:''; display:block; clear:both}
.branch .branch_radio > div{width:20%; float:left;}
.branch .branch_radio input[type="radio"] + label {border:solid 1px #bac0c7; display:block; padding:7px 0; color:#666; text-align:right; border-left:0; text-align:center}
.branch .branch_radio input[type="radio"] + label::before {display:none}
.branch .branch_radio input[type="radio"] + label:after {content:''; display:block; clear:both}
.branch .branch_radio input[type="radio"]:checked + label {border:solid 2px #de0010; color:#de0010; font-weight:700; padding:6px 0}
.branch .branch_radio > div:nth-child(1) input[type="radio"]+ label{border-left:solid 1px #bac0c7;}
.branch .branch_radio > div:nth-child(1) input[type="radio"]:checked + label {border:solid 2px #de0010; color:#de0010; font-weight:700; padding:6px 0}

.branch_box{padding:5px 15px}
.branch_box > div > div {border-bottom:1px solid #666; padding:15px 10px}
.branch_box .branch_title:after {content:''; display:block; clear:both}
.branch_box .branch_title > strong {display:inline-block; font-size:13px; line-height:20px; padding-bottom:5px; color:#101010}
.branch_box .branch_title > a {float:right; display:inline-block; width:17px; height:20px; text-indent:-9999px; overflow:hidden; background:url('/static/mobile/img/common/icon_branch.png') 0 0 no-repeat; background-size:17px 20px}
.branch_box div > p {color:#666; font-size:11px; line-height:17px}
.branch_box div > a > strong{color:#1b2f47; padding-left:5px}

#container.applauncher_wrap {background:url('/static/mobile/img/common/applauncher_bar_01.png') 0 100% no-repeat #fff; background-size:100% 10px; margin-top:40px}
.applauncher_wrap #content {min-height:0 !important; margin:0}
.applauncher {min-height:0 !important; height:calc(83vh - 40px); padding:17vh 35px 0; background:url('/static/mobile/img/common/applauncher_bar_02.png') 100% 100% no-repeat; background-size:70% 10px}
.applauncher h2{text-align:center; padding-top:100px; background:url('/static/mobile/img/common/applauncher_00.png') center 0 no-repeat; background-size:100px; font-size:13px; line-height:28px; color:#101010}
.applauncher div.btn {margin-top:12vh}
.applauncher div.btn:after {content:''; display:block; clear:both}
.applauncher div.btn a {display:block; float:left; width:calc(50% - 15px)}
.applauncher div.btn a:nth-child(2) {margin-left:30px}
.applauncher div.btn a img{width:100%;}

/* 20200820 */
.ol_inset {font-size:12px;}
.ol_inset li {line-height:20px; margin-top:16px; padding-left:10px; text-indent:-14px; color:#101010}
.chk_label_indent {padding-left:21px; position:relative}
.chk_label_indent input[type="checkbox"] + label::before {position:absolute; left:0; top:2px;}
.agree_text_box {margin-top:10px; padding:12px; border:1px solid #bebebe; background:#fff}
.ellsis {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
word-wrap:break-word; line-height:18px !important; max-height:54px}

/* 20201221 */
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}

.pl0 {padding-left:0px !important;}
.pl05 {padding-left:05px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}

.pr05 {padding-right:05px !important;}

.pb0 {padding-bottom:0 !important;}
.pb60 {padding-bottom:60px !important;}

.mmt01 {margin-top:-1px !important}
.mmt10 {margin-top:-10px !important}

.mt0 {margin-top:0px !important}
.mt05 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt100 {margin-top:100px !important}

.mb0 {margin-bottom:0px !important}
.mb05 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}

.ml0 {margin-left:0px !important;}
.ml05 {margin-left:5px !important}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}

.tar {text-align:right !important;}
.tac {text-align:center !important;}
.pos_r {position: relative;}
.bdt_none {border-top:none !important;}
.fz12 {font-size:12px !important;}
.fz13 {font-size:13px !important;}
.fz14 {font-size:14px !important;}
.fz15 {font-size:15px !important;}
.fz16 {font-size:16px !important;}
.lh16 {line-height: 16px;}


.tb_str {display:block; text-align: right; font-size:12px; letter-spacing:-1px}
.certification_table .tb_span_sm {line-height:16px; font-size:11px; color:#999;}
.b {font-weight:bold !important;}
.color01 {color: #de0010 !important;}
.color02 {color: #1b2f47 !important;}
.color03 {color: #aaa !important;}
.color04 {color: #666 !important;}

.arrow_btn {position:absolute; top:0; right:0; text-indent:-9999px; display:block; background:url('../img/common/icon_right02.png') 3px 13px no-repeat; width:22px; height:100%; background-size:08px 12px; border:0}

.certification_table.inner_table {text-align:center; font-size:11px; border: 1px solid #ddd;}
.certification_table.inner_table th {text-align: center; border: 1px solid #ddd; background:#eee;}
.certification_table.inner_table td {border: 1px solid #ddd;}


/* 20210119 */
.tab_radio.no_img {}
.tab_radio.no_img input[type="radio"] + label {padding:7px 5px 7px 5px; text-align: center;}
.tab_radio.no_img input[type="radio"] + label::before {display: none;}
.tab_radio.no_img input[type="radio"] + label span {float: none; width:100%;}
.tab_radio.no_img input[type="radio"]:checked + label {padding:6px 3px 6px 3px}

.str_p {line-height:21px !important; font-size: 14px !important; margin-bottom:35px; font-weight: 500;}

.dot_list li {line-height: 22px; color: #101010; padding-left: 10px; background: url(../img/common/bul_01.png) 2px 9px no-repeat; background-size: 3px 3px;}

.confirm_btn {display: block; color: #fff; text-align: center; line-height: 45px; margin-top: 10px;}
.confirm_btn.navy {color: #fff; background: #1b2f47;}
/* //20210119 */




/* 20210223 */
.img_auto img {width:100%; height:auto;}
.usedcar .grey_box.check_list {padding-top: 3px; margin-top:10px; background:#f1f3f6;}
.check_list p {margin-top:12px;}
.check_list p.w50 {float:none; width:50% !important;}
.check_list p.w100 {float:none; width:100% !important;}
.check_list.colum2 {overflow:hidden;}
.check_list.colum2 p {float:left; width:50%}
.check_list.colum3 {overflow:hidden;}
.check_list.colum3 p {float:left; width:33.3333%}
.check_list.colum4 {overflow:hidden;}
.check_list.colum4 p {float:left; width:25%}
.check_list .etc input {border: 1px solid #888; background:#fff;}

.confir_box {margin-top:20px;}
.confir_box .title {padding:15px; margin-bottom:-1px; font-size:13px; font-weight:700; color:#101010; border:1px solid #333;}
.confir_box .body {padding:15px; border:1px solid #333;}
.confir_box .body ol li {margin-bottom:10px; font-size:12px; color:#101010;}
.confir_box .req {margin-top:10px; color: #101010;}
.rg_text {color:#101010; line-height:18px;}

.terms_fix_btn {position: fixed; left:0; bottom:0; width: 100%; height:45px; font-size:14px;  background:#de0010;}
.terms_fix_btn.disable {position: fixed; left:0; bottom:0; width: 100%; height:45px; font-size:14px;  background:#707070;}
.terms_fix_btn button {display: block; width: 100%; height:45px; line-height: 45px; text-align: center; border: none; color:#fff; background: none;}
.gage-chk {display:block; position:absolute; right:0; top:0; width:100%; height:100%; border:0; background:url(/static/mobile/img/common/icon_right02.png) right 7px center no-repeat; background-size:6px 10px;}
.color03 {color:#000 !important}


/* 20210429 */
.ratio_form {overflow: hidden;}
.ratio_form > div {float: left;}
.ratio_form > div:first-child {width:calc(54% - 10px)}
.ratio_form > div:first-child + div {width:46%; margin-left: 10px;}
.w100p {width: 100% !important;}
.hr_line {border-top: 1px solid #000;}


/* 20210507 */
.email_select {display: flex; justify-content: space-between; align-items: center;}
.email_select input {width:100%}
.email_field select {width:100%; height: 34px; margin-top:10px; line-height: 34px; padding: 0 10px; border: solid 1px #101010;}
.email_select span {width:15px; margin:0 4px;}




/* 20210521 */
.mt30 {margin-top: 30px;}
.terms_grp {margin-top: 0; height:55px;}
.terms_grp:after {display: block; clear: both; content: '';}
.terms_grp .left {float:left; width:calc(100% - 60px); position: relative; margin-top: 0;}
.terms_grp .right {display:block; float:right; margin-top: 0; width:44px; height:43px; background:url(../img/common/cin_grade_qr.png) center center no-repeat; background-size:cover;}
.terms_grp .background {position: absolute; left:0; top:19px; width:100%; height:26px; margin-top: 0; background:url(../img/common/cin_grade_graph_01.png) 0 0 no-repeat; background-size:contain;}
.terms_grp {overflow: hidden;}
.terms_grp ul {width:100%}
.terms_grp ul li {float: left; width:20%; padding-left: 0; margin-top: 0; text-align: center; font-size: 10px;}
.terms_grp ul li:before {display: none !important;}


.redC {color:#de0010 !important;}
.redBl {color:#333 !important;}
.roundspan {padding:2px 10px; border-radius:10px; color: #fff !important; background: #1981bf;}
.roundspan01 {background: #1981bf !important;}
.roundspan02 {background: #48a03d !important;}
.roundspan03 {background: #e8bb14 !important;}
.roundspan04 {background: #f16a2d !important;}
.roundspan05 {background: #e72d1a !important;}

.redBorderLine {border:2px solid #E27C72 !important; padding:4px 7px 4px 7px !important; border-radius:5px !important; background:#F9E2D9 !important; display:inline-block !important; margin: 10px 0px 10px 0px;}



.block {display: block !important;}
.check_ratio {display: flex; justify-content:left;}
.posr {position: relative;}
.center_pos {position: absolute; right:20px; top:12px;}


/* 20210526 */
.bgn {background:none !important}
.title_box {display: inline-block; padding:4px 10px !important; border: 1px solid #bebebe; background: #f1f1f1;}



/* 20210621 */
.nocheat {color: #222;}
.nocheat h3 {margin-bottom:50px; text-align: center; color: #333; font-size: 16px; text-decoration: underline;}
.nocheat h4 {margin-bottom:7px; background:none}

/* 20210624 */
.fl {float:left;}
.fr {float:right;}
.ovh {overflow:hidden;}
.gray_box {padding:20px 15px; background:#fafafa; border: 1px solid #888;}
.gray_box input + span {display:inline-block; margin-top:4px; line-height:1.6}

/* 20210904 */
i {font-style:normal;}
.itr {font-style:italic;}
.color05 {color:blue !important;}
.color06 {color:rgba(0,128,0) !important}
.fwn {font-weight: normal !important;}
.bgyellow {background:yellow !important;}
.terms_doc .arrow {}
.terms_doc .arrow {padding-left:16px}
.terms_doc .arrow:before {content:"→"; width:14px; height:18px; line-height:18px; border:0; font-size:13px; margin:0 0 0 -12px; text-align:left; padding:0}
.terms_doc .cir {}
.terms_doc .cir > li {padding-left:14px}
.terms_doc .cir > li:before {content:"○"; width:14px; height:18px; line-height:18px; border:0; font-size:13px; margin:0 0 0 -14px; text-align:left; padding:0}
.box2 {padding:10px; border: 1px solid #000; background:#f8f8fe;}
.terms_doc .wrec {}
.terms_doc .wrec > li {padding-left:14px}
.terms_doc .wrec > li:before {content:"□"; width:14px; height:18px; line-height:18px; border:0; font-size:13px; margin:0 0 0 -14px; text-align:left; padding:0}
.box2 {padding:10px; border: 1px solid #000; background:#f8f8fe;}
.box_in_box {padding:5px; border: 1px solid #000;}

.bu {font-weight: bold; text-decoration:underline;}
.bbu {color:blue !important; font-weight: bold; text-decoration:underline;}
.rbu {color:#de0010 !important; font-weight: bold; text-decoration:underline;}

/* 20210913 */
.dpb {display:block;}
.dpi {display:inline;}
.dpib {display:inline-block;}
.color07 {color:rgb(168, 101, 186) !important}

/* 20210914 */
.fwn {font-weight:normal;}
.color08 {color:#101010;}

/* 20210916 */
table .underline {display: inline; text-decoration: none !important; box-shadow: inset 0 -1px 0 #333;}
table .underline.color01 {box-shadow: inset 0 -1px 0 #de0010;}
table .underline.color02 {box-shadow: inset 0 -1px 0 #1b2f47;}
table .underline.color03 {box-shadow: inset 0 -1px 0 #aaa;}
table .underline.color04 {box-shadow: inset 0 -1px 0 #666;}
table .underline.color05 {box-shadow: inset 0 -1px 0 blue;}
table .underline.color06 {box-shadow: inset 0 -1px 0 rgba(0,128,0);}

/* 2022-01-24 */
/* 동의율 제고 프로모션  */
.discription_comm_btn{border: none; display: flex;width: 80px;height: 25px;align-items: center;justify-content: center;color: #fff;font-size: 13px; background:#de0010 !important;}

/* 2023-01-17 */
/* 신차 이벤트 팝업  */
.popup_full .edit { margin:30px 0px 30px 0px }
.popup_full .edit img { margin: auto; display:block; max-width:100%; font-size: 14px }
.popup_full .popup_full_title { font-size: 12px; margin: 20px 0px 20px 0px }

#mb_cover_wrapper {background:white}
#mb_cover_background {opacity:0 !important}
#mb_cover.fade_in {width: 100px; height: 100px; background-color: brown; opacity: 0; transition: 1.5s }

@media (max-width:320px) {
	.certification .tab_radio input[type="radio"] + label::before {margin-left:6px}
	.certification .tab_radio input[type="radio"] + label {min-height:37px}
	.certification .tab_radio input[type="radio"] + label span {width:100% !important}
}

.file_upload label {display:block; cursor:pointer; background:url('/static/homepage/img/common/bul_01.png') 15px 12px no-repeat #555; padding:0 10px; height:30px; line-height:30px; text-align:right; color:#fff; font-size:12px}
.file_upload input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

#file_list_ul > li:first-child{border-top: solid 1px gray; border-bottom: solid 1px gray}
#file_list_ul > li:nth-child(2){}        
#file_list_ul > li:nth-child(n+3){border-top: solid 1px gray}
#file_list_ul > li > a > div{padding: 6px; height:25px; max-height:25px}  
#file_list_ul > li > a > div > div:nth-child(1){
	float:left; 
	margin-top: 5px;
	overflow: hidden;
    white-space: nowrap;
    max-width: 75%;
    text-overflow: ellipsis
}
#file_list_ul > li > a > div > div:nth-child(2){float:left; margin-top: 5px; margin-left:2px}
#file_list_ul > li > a > div > div:nth-child(3){float:right}
#file_list_ul > li > a > div > div:nth-child(3) > button {
    line-height: 23px; 
    background: #1b2f47;  
    color: #fff;
    width: 39px;
    text-align: center;
    border: solid 1px #1b2f47;
}

.bbs_list .file_box {}
.bbs_list .file_box ul {padding-top:5px}
.bbs_list .file_box ul:after {content:''; display:block; clear:both} 
.bbs_list .file_box li {background:#edf1f5; display:block; float:left; padding:7px 10px; line-height:17px; margin:5px 10px 0 0; position:relative; max-width:calc(100% - 30px)}
.bbs_list .file_box li a {display:block; position:relative; padding-right:110px}
.bbs_list .file_box li a p {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%}
.bbs_list .file_box li a div {position:absolute; top:4px; right:0px; width:110px;}
.bbs_list .file_box li a div:after {content:''; display:block; clear:both}
.bbs_list .file_box li a span {display:block; float:left}
.bbs_list .file_box li a strong {display:block; float:left; padding-left:5px} 
.bbs_list .file_box li button {display:block; background:url('/static/homepage/img/common/icon_03.png') 0 -267px no-repeat; border:0; text-indent:-9999px; width:12px; height:17px; position:absolute; top:11px; right:8px}  
.bbs_list .file_box > strong {display:block; line-height:30px; background:url('/static/homepage/img/common/bul_01.png') 0 -34px no-repeat; padding-left:10px; color:#1b2f47}

.usedcar_table tr {background:url('/static/mobile/img/common/dot_line.png') 0 0 repeat-x}
.usedcar_table tr:first-child {background:none;} 
.usedcar_table th {text-align:left; vertical-align:top; color:#1b2f47; line-height:25px; padding:10px 5px;}
.usedcar_table td {color:#404040; line-height:15px; padding:10px 0}
.usedcar_table td p{line-height:25px}
.usedcar_table td label i {font-size:0;}

/* details { */
/*   border: 1px solid #aaa; */
/*   border-radius: 4px; */
/*   padding: 0.5em 0.5em 0; */
/* } */
/* summary { */
/*   font-weight: bold; */
/*   margin: -0.5em -0.5em 0; */
/*   padding: 0.5em; */
/* } */
/* details[open] { */
/*   padding: 0.5em; */
/* } */
/* details[open] summary { */
/*   border-bottom: 1px solid #aaa; */
/*   margin-bottom: 0.5em; */
/*}*/