/* �깅뒫�먭��곹깭 */
.check-car-wrap {position:relative; padding-top:0.025rem;background-color:#eee; border-radius:12px; padding:3.5rem 0; margin:2rem 0 4rem;}
.checkcar-box {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,0.7); text-align:center; z-index:5; dislay:flex;flex-direction: column;align-items: center; }
.checkcar-box .result_nodata {background-color:transparent; height:100% !important; line-height:100% !important; display:flex;align-items: center; }
.check-pop .check-car-wrap { width:100%;position:relative; }
.check-car {position:relative; z-index:1;margin:10px auto; zoom:0.9 !important; padding:0; width:730px;height:440px; background-image:url('/images/checkcar/check_bg_car.png'); background-repeat:no-repeat; }
.check-car .check_link_bg {position:absolute;top:0;left:0;z-index:2;width:100%;}
@media all and (max-width:1024px){
.check-car {zoom:0.7 !important;}
.check-car-wrap {margin:1rem 0 2rem}
}
@media all and (max-width:667px){
.check-car-wrap {border-radius:8px; padding:1.5rem 0; }
.check-car {zoom:0.6 !important;}
}
@media all and (max-width:500px){
.check-car {zoom:0.4 !important;}
}
@media all and (max-width:380px){
.check-car {zoom:0.38 !important;}
}
@media all and (max-width:320px){
.check-car {zoom:0.35 !important;}
}
.check-car .condition-mark {position:relative;width:100%;height:100%; z-index:5}
.check-car .condition-mark > p {display:none;position:absolute;top:0;left:0;z-index:50;text-indent:-9999px;width:100%;height:100%;}
.i-mark {z-index:10;display:inline-block;margin:0 !important;padding:0;width:20px; height:20px;line-height:20px;font-size:13px;font-weight:bold;color:#fff;text-align:center;overflow:hidden;border-radius:50px;-webkit-border-radius:50px; -moz-border-radius:50px;-o-border-radius:50px;}
.mark-name {margin:0 auto;padding:30px 0;width:775px;height:auto;}
.mark-name:after {content:"";display:block;float:none;clear:both;}
.mark-name > li {position:relative;display:table;float:left;margin:0 20px 30px;padding:0;width:110px;height:auto;text-align:left;}
.mark-name > li > h3 {display:table-cell;vertical-align:middle;margin:0;padding:0;width:100%;height:30px;font-size:12px;font-weight:normal;color:#666;}
.mark-name > li > span {position:absolute;top:0;right:0;z-index:10;display:block;margin:0 !important;padding:0;width:30px;height:30px;font-size:15px;font-weight:bold;color:#fff;line-height:30px;text-align:center;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;}
.bg-c {background-color:#764725;}
.bg-c input[type=checkbox]:checked {background:url('/images/icon_checkbox_red.png') no-repeat #fff;background-size:33px 33px;}
.bg-x {background-color:#f64747;}
.bg-w {background-color:#e10f30;cursor:pointer;}
.bg-a {background-color:#3a3a3a;}
.bg-u {background-color:#ff9824;}
.bg-t {background-color:#119a31;}
.bg-o {background-color:#2892f4;}
.bg-blue {background-color:#2892f4;}
.bg-red {background-color:#f64747;}
/* 醫뚯륫 */
.check_FL_foglamp {background:url('/images/checkcar/check_FL_foglamp.png') no-repeat;}
.check_FL_wheel {background:url('/images/checkcar/check_FL_wheel.png') no-repeat;}
.check_RL_wheel {background:url('/images/checkcar/check_RL_wheel.png') no-repeat;}
.check_L_side {background:url('/images/checkcar/check_L_side.png') no-repeat;}
.check_L_fender {background:url('/images/checkcar/check_L_fender.png') no-repeat;}
.check_FL_door {background:url('/images/checkcar/check_FL_door.png') no-repeat;}
.check_RL_door {background:url('/images/checkcar/check_RL_door.png') no-repeat;}
.check_L_quarterpanel {background:url('/images/checkcar/check_L_quarterpanel.png') no-repeat;}
.check_RL_foglamp {background:url('/images/checkcar/check_RL_foglamp.png') no-repeat;}
.check_LA_filler {background:url('/images/checkcar/check_LA_filler.png') no-repeat;}
.check_LB_filler {background:url('/images/checkcar/check_LB_filler.png') no-repeat;}
.check_LC_filler {background:url('/images/checkcar/check_LC_filler.png') no-repeat;}
.check_FL_window {background:url('/images/checkcar/check_FL_window.png') no-repeat;}
.check_RL_window {background:url('/images/checkcar/check_RL_window.png') no-repeat;}
/* �곷떒 */
.check_F_bumper {background:url('/images/checkcar/check_F_bumper.png') no-repeat;}
.check_grill {background:url('/images/checkcar/check_grill.png') no-repeat;}
.check_L_lamp {background:url('/images/checkcar/check_L_lamp.png') no-repeat;}
.check_R_lamp {background:url('/images/checkcar/check_R_lamp.png') no-repeat;}
.check_bonnet {background:url('/images/checkcar/check_bonnet.png') no-repeat;}
.check_F_window {background:url('/images/checkcar/check_F_window.png') no-repeat;}
.check_R_window {background:url('/images/checkcar/check_R_window.png') no-repeat;}
.check_roof {background:url('/images/checkcar/check_roof.png') no-repeat;}
.check_L_mirror {background:url('/images/checkcar/check_L_mirror.png') no-repeat;}
.check_R_mirror {background:url('/images/checkcar/check_R_mirror.png') no-repeat;}
.check_trunk {background:url('/images/checkcar/check_trunk.png') no-repeat;}
.check_L_taillight {background:url('/images/checkcar/check_L_taillight.png') no-repeat;}
.check_R_taillight {background:url('/images/checkcar/check_R_taillight.png') no-repeat;}
.check_R_bumper {background:url('/images/checkcar/check_R_bumper.png') no-repeat;}
/* �섏껜 */
.check_radiator {background:url('/images/checkcar/check_radiator.png') no-repeat;}
.check_F_panel {background:url('/images/checkcar/check_F_panel.png') no-repeat;}
.check_FL_insidepanel {background:url('/images/checkcar/check_FL_insidepanel.png') no-repeat;}
.check_FL_sidemember {background:url('/images/checkcar/check_FL_sidemember.png') no-repeat;}
.check_FL_wheelhouse {background:url('/images/checkcar/check_FL_wheelhouse.png') no-repeat;}
.check_FR_insidepanel {background:url('/images/checkcar/check_FR_insidepanel.png') no-repeat;}
.check_FR_sidemember {background:url('/images/checkcar/check_FR_sidemember.png') no-repeat;}
.check_FR_wheelhouse {background:url('/images/checkcar/check_FR_wheelhouse.png') no-repeat;}
.check_crossmember {background:url('/images/checkcar/check_crossmember.png') no-repeat;}
.check_dashpanel {background:url('/images/checkcar/check_dashpanel.png') no-repeat;}
.check_floorpanel {background:url('/images/checkcar/check_floorpanel.png') no-repeat;}
.check_packagetray {background:url('/images/checkcar/check_packagetray.png') no-repeat;}
.check_RL_wheelhouse {background:url('/images/checkcar/check_RL_wheelhouse.png') no-repeat;}
.check_RL_sidemember {background:url('/images/checkcar/check_RL_sidemember.png') no-repeat;}
.check_trunkfloor {background:url('/images/checkcar/check_trunkfloor.png') no-repeat;}
.check_RR_sidemember {background:url('/images/checkcar/check_RR_sidemember.png') no-repeat;}
.check_RR_wheelhouse {background:url('/images/checkcar/check_RR_wheelhouse.png') no-repeat;}
.check_rearpanel {background:url('/images/checkcar/check_rearpanel.png') no-repeat;}
/* �곗륫 */
.check_FR_foglamp {background:url('/images/checkcar/check_FR_foglamp.png') no-repeat;}
.check_FR_wheel {background:url('/images/checkcar/check_FR_wheel.png') no-repeat;}
.check_RR_wheel {background:url('/images/checkcar/check_RR_wheel.png') no-repeat;}
.check_R_side {background:url('/images/checkcar/check_R_side.png') no-repeat;}
.check_R_fender {background:url('/images/checkcar/check_R_fender.png') no-repeat;}
.check_FR_door {background:url('/images/checkcar/check_FR_door.png') no-repeat;}
.check_RR_door {background:url('/images/checkcar/check_RR_door.png') no-repeat;}
.check_R_quarterpanel {background:url('/images/checkcar/check_R_quarterpanel.png') no-repeat;}
.check_RR_foglamp {background:url('/images/checkcar/check_RR_foglamp.png') no-repeat;}
.check_RA_filler {background:url('/images/checkcar/check_RA_filler.png') no-repeat;}
.check_RB_filler {background:url('/images/checkcar/check_RB_filler.png') no-repeat;}
.check_RC_filler {background:url('/images/checkcar/check_RC_filler.png') no-repeat;}
.check_FR_window {background:url('/images/checkcar/check_FR_window.png') no-repeat;}
.check_RR_window {background:url('/images/checkcar/check_RR_window.png') no-repeat;}
/* �듭뀡泥댄겕 */
.option-check {margin:0; padding:0; width:auto; height:auto;}
.option-check:after {content:""; display:block; float:none; clear:both;}
.option-check li {float:left; margin:0; padding:0; width:25%; height:auto;}
.option-check li > dl {margin:0; padding:10px !important; border-right:1px solid #e7e7e7;}
.option-check li:last-child dl {border-right:none;}
.option-check li > dl > dd {margin:0; padding:4px 0 4px 10px !important; font-size:12px !important; color:#333 !important;}
/* Popup View */
.pop_view {position:fixed !important; left:0; top:50% !important; margin-top:-130px; /*width:100%;*/ height:auto; z-index:12; border-radius:0 !important; border:0 !important;}
.pop_view .block_ui {display:block;}
.pop_view .scroll_box {height:300px;overflow-x:hidden;overflow-y:auto;}
.pop_view p {margin:0; padding:0;}
.pop_view .pop_data {position:absolute; left:50%; top:50%; z-index:332; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5); box-shadow:0 2px 4px 0 rgba(0,0,0,.5);}
.pop_view .pop_top {position:relative; display:table; width:100%; }
.pop_view .pop_top h3 {display:block !important;position:relative;padding:5px 15px; font-size:16px; font-weight:600; letter-spacing:-.04em; color:#333;line-height:30px;text-align:left;box-sizing:border-box;word-break:keep-all;}
.pop_view .pop_top p {position:absolute;top:0;right:0;left:inherit;width:40px;height:40px;text-align:center; font-size:0;cursor:pointer;}
.pop_view .pop_top p:after {content:"\e921"; display:inline-block; color:#333; font-size:21px; line-height:40px; font-family:'xeicon'; }
/* Popup View �깅뒫�먭� �곹깭�쒖떆�깅줉 */
.pop_check {width:300px; height:auto; padding:0; background-color:#fafafa; border:1px solid #ccc; overflow:hidden; border-radius:5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.pop_check .check_con {margin:0; padding:10px 10px; width:auto; height:auto;border-top:0px solid #ddd;border-bottom:1px solid #ddd;}
.pop_check .check_con dl {margin:0; display:block; padding:0px 0; font-size:0; width:100%;border:0; height:auto; _text-align:center; }
.pop_check .check_con dl:after {content:""; display:block; float:none; clear:both;}
.pop_check .check_con dl > dd {display:inline-block; width:calc(50% - 6px); margin:3px; padding:15px 0 15px 20px; text-align:left; background-color:#fff; border:1px solid #e2e2e2; border-radius:5px; font-weight:500;letter-spacing:-.02em; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pop_check .check_con dl > dd:first-child {border-bottom:1px solid #e2e2e2 }
.pop_check .file_btn { display:none;margin:0 -1px 1px; padding:0; width:auto; height:auto;}
.pop_check .file_btn:after {content:""; display:block; float:none; clear:both;}
.pop_check .file_btn button {float:left; margin:0; padding:0; width:50%; height:30px; border:1px solid #fff;}
.pop_check .check_btn {display:block;width:100%;height:76px;border:0;border-radius:0;background:#444;font-size:22px;line-height:76px;color:#fff;font-weight:500;etter-spacing:-0.05em;text-align:center;overflow:hidden;cursor:pointer;}
.pop_check .checkNotice button {width:100%;height:45px;line-height:45px; background-color:#fc6500; color:#fff; }
.pop_check .check_con input[type=radio] + label {position:relative;display:inline-block;margin:0 0 0 12px; font-size:17px; color:#666; font-weight:600; padding:0 0px 0 20px !important ;background:none; }
.pop_check .check_con input[type=radio] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;margin-left:-12px; transform:translateY(-50%); width:24px;height:24px;background-color:#e9ecf1; border:1px solid #e2e4ea; border-radius:50%; transition: border 0.2s ease-in; }
.pop_check .check_con input[type=radio] + label:after {display:none;content: ""; position:absolute;top:8px;left:13px;width:8px;height:14px;border-width:0 2px 2px 0 !important; border-color:#fff; background-color:transparent; transform:rotate(45deg); border-radius:0;}
.pop_check .check_con input[type=radio]:checked + label {background:none;}
.pop_check .check_con input[type=radio]:checked + label:before {background-color:#3e85f0; border:0; box-shadow:0 7px 12px -3px rgba(62,133,240,0); text-align:center;font-size:14px; display:inline-block; vertical-align:middle; line-height:22px; }
.pop_check .check_con input[type=radio]:checked + label:after { display:none; position:absolute;top:-7px;left:-2.5px;width:7px;height:11px;border-width:0 2px 2px 0 !important; background-color:transparent; border-color:#fff; transform:rotate(45deg);}
.pop_check .check_con input[type=radio]:checked + label.change:before {content:'X';background-color:#fa5e40; color:#fff; }
.pop_check .check_con input[type=radio]:checked + label.color:before {content:'O';background-color:#3e85f0 ;color:#fff; }
.pop_check .check_con input[type=radio]:checked + label.corrode:before {content:'C';background-color:#764725; color:#fff; }
.pop_check .check_con input[type=radio]:checked + label.remove:before {content:'T';background-color:#119a31; color:#fff; }
.pop_check .check_con input[type=checkbox] + label {position:relative;display:inline-block;margin:0 0 0 12px; font-size:17px; color:#666; font-weight:600; padding:0 0px 0 20px !important ;background:none; }
.pop_check .check_con input[type=checkbox] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;margin-left:-12px; transform:translateY(-50%); width:24px;height:24px;background-color:#e9ecf1; border:1px solid #e2e4ea; border-radius:50%; transition: border 0.2s ease-in; }
.pop_check .check_con input[type=checkbox] + label:after {display:none;content: ""; position:absolute;top:8px;left:13px;width:8px;height:14px;border-width:0 2px 2px 0 !important; border-color:#fff; background-color:transparent; transform:rotate(45deg); border-radius:0;}
.pop_check .check_con input[type=checkbox]:checked + label {background:none;}
.pop_check .check_con input[type=checkbox]:checked + label:before {background-color:#3e85f0; border:0; box-shadow:0 7px 12px -3px rgba(62,133,240,0); text-align:center;font-size:14px; display:inline-block; vertical-align:middle; line-height:22px; }
.pop_check .check_con input[type=checkbox]:checked + label:after { display:none; position:absolute;top:-7px;left:-2.5px;width:7px;height:11px;border-width:0 2px 2px 0 !important; background-color:transparent; border-color:#fff; transform:rotate(45deg);}
.pop_check .check_con input[type=checkbox]:checked + label.change:before {content:'X';background-color:#fa5e40; color:#fff; }
.pop_check .check_con input[type=checkbox]:checked + label.color:before {content:'O';background-color:#3e85f0 ;color:#fff; }
.pop_check .check_con input[type=checkbox]:checked + label.corrode:before {content:'C';background-color:#764725; color:#fff; }
.pop_check .check_con input[type=checkbox]:checked + label.remove:before {content:'T';background-color:#119a31; color:#fff; }
.check-car-info {padding-bottom:1rem;text-align:center;font-size:0.9rem;color:#555;letter-spacing:-1px;line-height:1.5;}
.check-car-info > span {vertical-align:middle;}
.check-car-info > strong {display:inline-block;padding:0 1rem 0 0.2rem;font-size:1.1rem;color:#ff6c00;vertical-align:middle;transform:translateY(-2px);}
.check-car-info .i-mark {width: 17px;height: 17px;font-size: 12px;line-height: 17px;}
.check-car-info .button-group .button {height:3.1rem;line-height:3.1rem;font-size:1rem;}
.check-car-wrap.disable { }
.check-car-wrap.disable img {opacity:0.3}
.check-car-wrap.disable button:disabled {background-color:#999 !important; border:0 !important; color:#fff;}
.check-car-wrap.disable .alert {position:absolute; left:10%;top:40%; width:80%; height:30px; line-height:30px; text-align:center; background-color:#fff; color:#999; font-size:13px; z-index:10 }
.code-wrap { display:block; position:relative; clear:both; padding:1rem 0 0.5rem; text-align:center; }
.code-wrap li {display:inline-block; vertical-align:top; margin:0 10px; font-size:0.85rem; font-weight:500 }
.code-wrap .mark {display:inline-block; vertical-align:middle; margin-right:2px; border-radius:50%; text-align:center; font-size:12px; width:21px; height:21px; line-height:21px;color:#fff; font-weight:bold; }
/* end�깅뒫�먭��곹깭 */
@media all and (max-width:667px){
.code-wrap li { margin:0 5px; font-size:0.75rem; }
.code-wrap .mark {font-size:11px; width:19px; height:19px; line-height:19px;}
}