/* ========================================================================================================= 성능점검상태 ========================================================================================================= */ /* 성능점검상태 */ .check-car {position:relative; display:inline-block; z-index:10;margin:0 auto;padding:0; width:730px;height:440px;background:url('/images/checkcar/check_bg_car.png') no-repeat;zoom:0.65;/*transform:scale(0.65);transform-origin:0 0;margin:0 -300px -110px 0;*/} .check-car .check_link_bg {position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;} .check-car .condition-mark {position:relative;width:100%;height:100%;} .check-car .condition-mark > p {display:none;position:absolute;top:0;left:0;z-index:50;text-indent:-9999px;width:100%;height:100%;} .check-car .i-mark {z-index:300;display:inline-block;margin:0 !important;padding:0;width:22px; height:22px;font-size:11px;font-weight:bold;color:#fff;line-height:22px;text-align:center;overflow:hidden;border-radius:60px;-webkit-border-radius:60px; -moz-border-radius:60px;-o-border-radius:60px;} .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:100;display:block;margin:0 !important;padding:0;width:30px;height:30px;font-size:13px;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-red {background-color:#374367;} .bg-red input[type=checkbox]:checked {background:url('/images/icon_checkbox_red.png') no-repeat #fff;background-size:33px 33px;} .bg-blue {background-color:#1e9cff;}*/ .bg-black {background-color:#151515;cursor:pointer;} .bg-blue {background-color:#3e85f0} .bg-red {background-color:#fa5e40} /* 좌측 */ .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; left:640px !important; top:110px !important; /*width:100%;*/ height:auto; z-index:9999;border:0 !important;border-radius: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:9999; -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'; } /*.pop_view .pop_bg {width:100%;height:100%;background-color:#27292c;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);opacity:.90}*/ .popup_con {margin:0; padding:0; width:auto; height:auto;} .popup_con h1 {margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold; color:#8B9EB6;} .popup_con.memo-height {height:400px; overflow-y:scroll;} .popup_con.area-height {height:460px; overflow-y:scroll;} .popup_con .memo-section {position:relative; margin-bottom:10px; padding:10px; width:auto; height:auto; border:1px solid #ddd; background-color:#fff;} .popup_con .memo-section span {display:block; margin-bottom:10px; color:#454545;} .popup_con .memo-section .modify {position:absolute; top:5px; right:5px; z-index:100;} .popup_con .memo-section .modify a {display:inline-block; cursor:pointer;} .popup_con .memo-section .modify span {display:inline-block; margin:0; font-size:10px; color:#ccc;} .popup_con .memo-section p {display:block; margin:0; padding:0; color:#757575; line-height:18px;} .area-search {margin:0; padding:15px; width:auto; height:auto;} /* Popup Size */ .layer-basic {margin-left:-250px; padding:0; width:500px; background-color:#fff; overflow:hidden;} .layer-memo {margin-top:-300px; margin-left:-300px; padding:0; width:600px; height:600px; background-color:#fff; overflow:hidden;} .layer-area {margin-top:-300px; margin-left:-500px; padding:0; width:1000px; height:600px; background-color:#fff; overflow:hidden;} .layer-photo {margin-top:-370px; margin-left:-420px; padding:0; width:840px; height:740px; background-color:#fff; overflow:hidden;} /* Popup View 성능점검 상태표시등록 */ .pop_check {/*position:absolute;left:50%;top:50%;margin:-240px 0 0 -270px; z-index:9999;*/width:240px; height:auto;padding:0; background-color:#fafafa; overflow:hidden;border:2px solid #ccc; border-radius:7px; 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; padding:0px 0; width:auto;border:0;height:auto; background-color:#fff; border:1px solid #e2e2e2; border-radius:5px; } .pop_check .check_con dl:after {content:""; display:block; float:none; clear:both;} .pop_check .check_con dl > dd {display:table;width:100%; padding:10px 25px; text-align:left; 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 .check_con dl > dd.divide {border-top: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:#133563; 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); } .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.normal:before {background-color:#3e85f0 ; } .pop_check .check_con input[type=radio]:checked + label.change:before {background-color:#fa5e40; } /*성능점검 팝업 이미지보기*/ .check-photo {margin:0; padding:0; width:auto; height:auto; overflow:hidden;} .check-photo img {width:100%; height:auto;} .detail_repair {position:relative;} .detail_repair .carcheck_explain {top:0;right:0;} /* 빠른 입력 */ .menuselect {display:none;position:absolute;right:0;width:530px;background:#fff;border:2px solid #333;padding:10px;z-index:100;} .menuselect strong {padding-left:10px;color:#dd042b;line-height:30px;} .menuselect span {display:inline-block;white-space:nowrap;padding:0 10px;line-height:23px;color:#333;cursor:pointer;font-size:14px;} .menuselect span:hover {text-decoration:underline;} .menuselect .btn_close {position:absolute;margin:-5px 0 0 500px;display:inline-block;width:39px;height:29px;line-height:29px;font-size:0;background-image:url('/images/btn_close_layer.png');background-repeat:no-repeat;background-position:center 3px;text-decoration:none !important;} .write_carcheck_body .pop_view {position:fixed !important;left:50% !important;top:50% !important;margin:-121px 0 0 -120px;} .write_carcheck_body .pop_bg2 {position:fixed;}