@charset "utf-8";
@import url("base.css");
@import url("board.css");
@import url("font/font.css");




body{height:100%; background: #f1f5f8;}
.wrap{}
.wrap:after{content:""; display:block; clear:both;}


/* layout */
#container{width:100%; height:100%;}
.header{position: relative; width:100%; height:215px; padding:20px 20px 0 30px; background: #2f7cfc url("../images/bg.jpg") 0 0 no-repeat; background-size:auto 100%;}
.header .wrap{height:120px;}
.header h1{position:absolute; left:25px; top:30px;}
.header h1 a{color:#fff; font-size:32px; font-weight: 600;}
.header h1 a i{display:inline-block; width:35px; height:35px; margin-left:20px; border:1px solid rgba(255,255,255,0.7); border-radius: 50%; background: url("../images/ico1.png") 50% 50% no-repeat; vertical-align: middle;}
.header h1 em{position:absolute; left:5px; top:45px; font-size:16px; color:rgba(255,255,255,1); font-weight: 300; letter-spacing: 0;}

.header ul{position:relative; float:right; width:70%;}
.header ul li{}
.header ul .l{width:calc(100% - 240px);}
.header ul .l .inputWrap{position:relative; float:left; height:50px; line-height: 50px; background: #fff; border-radius:10px;}
.header ul .l .inputWrap.in1{width:42%;}
.header ul .l .inputWrap.in2{width:calc(58% - 5px); margin-left:5px;}
.header ul .l .inputWrap i{position:absolute; left:15px; color:#888; font-size:0.9em; }
.header ul .l .inputWrap input{width:100%; height:50px; line-height: 50px; font-weight: 600; padding-left:90px; background: none !important; border:none !important; font-size:1.1em; color:#333; vertical-align: top;}

/* placeholder */
.header ul .l .inputWrap input::-webkit-input-placeholder{font-size:0.8em;}
.header ul .l .inputWrap input:-moz-placeholder{font-size:0.8em;}
.header ul .l .inputWrap input::-moz-placeholder{font-size:0.8em;}
.header ul .l .inputWrap input:-ms-input-placeholder{font-size:0.8em;}




.header ul .l dl{clear:both; position:relative; display:block; padding-top:7px; overflow:hidden; white-space: nowrap;}
.header ul .l dl:after{position:absolute; right:0; top:5px; clear:both; display:inline-block; content:''; width:33px; height:33px; background: #2f7cfc; background: linear-gradient(to right,  rgba(47,124,252,0) 0%,rgba(47,124,252,1) 78%);}


.header ul .l dt, .header ul .l dd{display:inline-block; color:#fff; vertical-align: middle;}
.header ul .l dt{padding:4px 10px; background: rgba(0,0,0,0.15); font-size:13px; border-radius: 15px;}
.header ul .l dd{ font-size:0.8em; font-weight: 300;}
.header ul .l dd+dt{margin-left:15px;}
.header ul .l dd:last-child{width:100%; overflow:hidden; white-space:nowrap !important; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

.header ul .r{position:absolute; right:0; top:0;}
.header ul .r a{float:left; width:107px; height:70px; line-height: 68px; }
.header ul .r a+a{margin-left:5px;}
.header ul .r a i{}


.contents{position: absolute; width:100%; top:115px; margin-top:0; padding:0 20px 20px 20px;}
.tabs{position:absolute; left:20px; top:0; width:125px; height:100%; z-index: 1}
/*.tabs:after{position:absolute; right:0; top:0; clear:both; display:inline-block; content:''; height:100%; width:3px; background: #f00;}*/
.cont{position: relative; float: right; width:calc(100% - 124px);  height:670px; padding:10px 20px 10px 23px;  background: #fff; border-radius:0 10px 10px 10px; border-left:3px solid #68ba31; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);   z-index: 2;
    -webkit-overflow-scrolling: touch;}
.cont > form{height:100%; overflow-y: auto;}




/* title */
h2, h3, h4{display:block; min-height: 1.6em; line-height: 1.6em;  color:#222;}
h2{display:inline-block;}
h2{font-size:22px;}
h3{font-size:1.1em; font-weight: 500; }
h3:before{clear:both; display:inline-block; margin-right:5px; content:'\ea3f'; font-size:1.1em; font-family: 'xeicon'; transform: rotate(90deg);}






.tab_titWrap {display:inline-block;}
.tab_titWrap:after{clear:both; display:inline-block; content: '';}
.tab_titWrap li{position:relative; display:inline-block; width:100%; height:115px; line-height: 1.2em; margin-bottom:-3px; background: #929eb1; border-radius:10px 0 0 10px; color:#fff; font-size:1em; font-weight:400; z-index: 1; cursor: pointer;  text-align: center; overflow: hidden}
.tab_titWrap li:after{position:absolute; right:0; top:-20px; clear:both; display:inline-block; content:''; height:200%; width:130%; box-shadow:inset -5px 0 7px rgba(0,0,0,0.07);}
.tab_titWrap li i{display:inline-block; width:100%; height:75px; }
.tab_titWrap .tab_tit1 i{background: url("../images/tab_ico1.png") 50% 70% no-repeat;}
.tab_titWrap .tab_tit2 i{background: url("../images/tab_ico2.png") 50% 70% no-repeat;}
.tab_titWrap .tab_tit3 i{background: url("../images/tab_ico3.png") 50% 70% no-repeat;}
.tab_titWrap .tab_tit4 i{background: url("../images/tab_ico4.png") 50% 50% no-repeat;}
.tab_titWrap .tab_tit5 i{background: url("../images/tab_ico5.png") 50% 70% no-repeat;}
.tab_titWrap li em{position:absolute; left:0; bottom:10px; display:block; width:100%;}
.tab_titWrap .tab_tit4 em{bottom:10px;}
.tab_titWrap li i, .tab_titWrap li em{opacity: 0.6;}
.tab_tit.active{ background: #68ba31; box-shadow: 0 5px 5px rgba(0,0,0,0.3); z-index: 9;}
.tab_tit.active:after{display:none}
.tab_tit.active i, .tab_tit.active em{opacity: 1;}
.tab_content {display: none; }
.tab_content:after{clear:both; display:block; content: '';}




.carDetail{height:570px;}
.carDetail .l, .carDetail .r{height:100%;}
.carDetail .l, .carDetail .r ul{border:1px solid #eee; border-top:1px solid #222; }
.carDetail .l{float: left; width:calc(100% - 320px); text-align: center; overflow-x: auto; overflow-y: hidden;}
.carDetail .r{float: right; width:300px;}
.carDetail .r ul, .carDetail .r dl{display:block; width:100%; }
.carDetail .r ul{padding:15px 20px;}
.carDetail .r ul li + li{margin-top:10px;}
.carDetail .r ul li{height:35px; line-height: 35px; vertical-align: top;}
.carDetail .r ul li i{display:inline-block; width:120px; font-weight: 500; white-space: nowrap;}
.carDetail .r ul li a{vertical-align: top;}
.carDetail .r dl{height:calc(100% - 132px); margin-top:20px;}
.carDetail .r dt{height:40px; line-height: 40px;  font-size:1em; color:#fff; font-weight: 500; background: #8ea9d6; text-align: center;}
.carDetail .r dd{display:block; height:calc(100% - 40px); font-size:0.9em; color:#666; background: #f5f7fb; overflow-y:auto;}
.carDetail .r dd i{display:block; padding:7px 15px; line-height: 20px; border-bottom:1px solid #e5e8ef;}

div.eximg {

}

div.eximg .imgbox{
    list-style: none;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
    height: 570px;
    overflow-y: scroll;
}

div.eximg .imgbox {
    border:3px solid #d7dadf;
    padding-top: 10px;
}

div.eximg .grid-item {
    font-size: 30px;
    text-align: center;
}

div.eximg .grid-item {
    height: 100px;
    width: 100px;
}
div.eximg .grid-item img{width: 100%;width:100px;height:100px;object-fit:cover;}

div.eximg .grid-item.noimg{background: url("../images/noimg_img.png") 50% 40% no-repeat; text-align: center;}
div.eximg .grid-item.noimg:after{display:inline-block;padding-top:80px; content:'NO IMAGE'; font-size:16px; color:#d2d3d6;}

div.eximg .grid-item.noselect{background: url("../images/noselect_img.png") 50% 40% no-repeat; text-align: center;}
div.eximg .grid-item.noselect:after{display:inline-block;padding-top:80px; content:'NO IMAGE'; font-size:16px; color:white;}

/* modal popup */
/*4.3.1*/
.close { float: right; font-size: 1.5rem; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity:1; }
.close:hover, .close:focus { color: #000; text-decoration: none; opacity: .75; }
.close:not(:disabled):not(.disabled) { cursor: pointer; }
button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; }
button.close span:before{clear:both; display:inline-block;content:"\e921"; font-family: 'xeicon'; font-size:18px; font-weight: normal;}

.modal-open { overflow: hidden !important; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: hidden; outline: 0; background:rgba(0,0,0,0.5); z-index: 1050;}
#id_progressbar{background: none;}
.modal-open .modal { overflow-x: hidden; overflow-y: auto;  }
.modal-dialog { position: relative; width: auto; max-width:none; margin: 0.5rem; pointer-events: none; }
.modal.fade .modal-dialog {transition: none !important;  }
.modal.show .modal-dialog {transition: none !important }
.modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); }
.modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 600px; margin:0 auto; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0 !important; outline: 0; box-shadow: 0 5px 10px rgba(0,0,0,.3); border-radius:0 !important;}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background: none; }

.modal-header { padding:10px 10px 10px 20px; vertical-align: middle; text-align: left; border-radius: 0 !important; background: #343c50;}
.modal-title, .modal-header .close{height:40px; line-height: 40px;}
.modal-header .close {width:40px; padding:0; margin:0;  color:#333;}
.modal-title {display:inline-block; margin-bottom: 0; font-size:1.2em; font-weight: normal !important; color:#fff; }
.modal-body { position: relative; max-height: 580px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 30px; overflow-y:auto; background: #fff;}
.modal-footer {padding:30px; padding-top:0; border-top:none; }
.modal-footer a {padding:0 20px; margin-right:0;}
.modal-footer a + a{margin-left:0px !important;}
.modal-footer > :not(:first-child) { margin-left: 3px; }


.modal_xs{width:400px;}
.modal_sm{width:600px;}
.modal_md{width:800px;}
.modal_lg{width:1150px;}








/* login */
.login{ background: url("../images/login_bg.jpg") 50% 50% no-repeat; background-size:cover; overflow: auto !important;}
.loginWrap{position:absolute;left:0;right:0;top:30%; transform:translateY(-20%); margin:0 auto;  width:600px; }
.loginWrap p{width:100%; height:60px; line-height: 60px; margin-bottom:30px; color:#fff; font-size:40px; font-weight: bold; text-align:center; vertical-align: middle; cursor: pointer;}
.loginWrap ul{float:left; width:calc(100% - 160px); margin:0 auto; }
.loginWrap li{position:relative; display:block; margin-top:-1px; margin-bottom:8px; text-align: center;}
.loginWrap li i{position:absolute; top:16px; left:20px; display:inline-block; height:30px; line-height: 30px; color:#222; font-size:20px; letter-spacing: -0.025em; font-weight: 600;}
.loginWrap li input{width:100%; height:60px; line-height: 60px; padding-left:125px; border:none !important; font-size:30px; color:#333; font-weight: bold; background: #f7f7f7; border-radius: 10px; }
.loginWrap .devceid input{font-size:22px; color:#444 !important; background: #c2c4c6 !important; font-weight: normal}
.loginWrap li input::placeholder{color:#aaa; font-weight: normal;}
.loginWrap a.btn_login{float:right; display:inline-block;width:150px; height:128px; line-height: 128px; font-size:30px; background: #68ba31; color:#fff; border-radius: 20px; font-weight: 500; font-weight: normal; text-align: center;}
.loginWrap a.btn_login:hover{opacity: 0.9;}


/* 차량좌표 */
.carPart{position:relative; display:inline-block; min-width:963px; margin-top:10px; zoom:0.72;  }
.carPart > img{position:relative; z-index: 2}
.carPart > i{position:absolute; z-index: 1;}

.carPart .num{position:absolute; margin-top:-30px; margin-left:-6px}
.carPart .num a{position:absolute; display:inline-block; width:35px; height:35px; line-height: 33px; background: #fff; border-radius: 6px; border:2px solid #e51313; color:#e51313; font-size:1.2em; font-weight: 600; text-align: center; z-index: 3; }
.carPart .num .blue{border:2px solid #1049ee; color:#1049ee;}

.carPart .dft{position:absolute; margin-top:-30px; margin-left:-6px}
.carPart .dft span{position:absolute; width:40px; height:25px; line-height: 22px; background: #fff;font-size:0.8em; font-weight: 500; text-align: center; z-index: 3; }


/* a link num */
.carPart01 .num_1{left:346px; top:58px;}
.carPart01 .num_2{left:250px; top:104px;}
.carPart01 .num_3{left:443px; top:104px;}
.carPart01 .num_4{left:344px; top:202px;}
.carPart01 .num_5{left:346px; top:307px;}
.carPart01 .num_6{left:344px; top:452px;}
.carPart01 .num_7{left:344px; top:634px;}
.carPart01 .num_8{left:250px; top:692px;}
.carPart01 .num_9{left:443px; top:692px;}
.carPart01 .num_10{left:346px; top:731px;}
.carPart01 .num_11{left:102px; top:163px;}
.carPart01 .num_12{left:831px; top:163px;}
.carPart01 .num_13{left:133px; top:310px;}
.carPart01 .num_14{left:800px; top:310px;}
.carPart01 .num_15{left:109px; top:351px;}
.carPart01 .num_16{left:824px; top:352px;}
.carPart01 .num_17{left:109px; top:463px;}
.carPart01 .num_18{left:828px; top:463px;}
.carPart01 .num_19{left:60px; top:464px;}
.carPart01 .num_20{left:874px; top:464px;}
.carPart01 .num_21{left:179px; top:368px;}
.carPart01 .num_22{left:752px; top:368px;}
.carPart01 .num_23{left:170px; top:424px;}
.carPart01 .num_24{left:763px; top:424px;}
.carPart01 .num_25{left:117px; top:618px;}
.carPart01 .num_26{left:816px; top:618px;}
.carPart01 .num_27{left:587px; top:172px;}
.carPart01 .num_28{left:509px; top:244px;}
.carPart01 .num_29{left:664px; top:244px;}
.carPart01 .num_30{left:555px; top:227px;}
.carPart01 .num_31{left:619px; top:227px;}
.carPart01 .num_32{left:587px; top:321px;}
.carPart01 .num_33{left:587px; top:405px;}
.carPart01 .num_34{left:587px; top:360px;}
.carPart01 .num_35{left:587px; top:450px;}
.carPart01 .num_36{left:587px; top:489px;}
.carPart01 .num_37{left:518px; top:564px;}
.carPart01 .num_38{left:654px; top:564px;}
.carPart01 .num_39{left:557px; top:544px;}
.carPart01 .num_40{left:613px; top:544px;}
.carPart01 .num_41{left:587px; top:600px;}
.carPart01 .num_42{left:587px; top:638px;}

.carPart01 .dft_4{left:344px; top:236px; display: none;}
.carPart01 .dft_6{left:344px; top:486px; display: none;}
.carPart01 .dft_7{left:344px; top:668px; display: none;}
.carPart01 .dft_11{left:102px; top:197px; display: none;}
.carPart01 .dft_12{left:831px; top:197px; display: none;}
.carPart01 .dft_15{left:109px; top:385px; display: none;}
.carPart01 .dft_16{left:824px; top:385px; display: none;}
.carPart01 .dft_17{left:109px; top:497px; display: none;}
.carPart01 .dft_18{left:828px; top:497px; display: none;}
.carPart01 .dft_21{left:179px; top:402px; display: none;}
.carPart01 .dft_22{left:752px; top:402px; display: none;}
.carPart01 .dft_23{left:170px; top:458px; display: none;}
.carPart01 .dft_24{left:763px; top:458px; display: none;}
.carPart01 .dft_25{left:117px; top:652px; display: none;}
.carPart01 .dft_26{left:816px; top:652px; display: none;}


.carPart02 .num_1{left:354px; top:53px;}
.carPart02 .num_2{left:267px; top:95px;}
.carPart02 .num_3{left:442px; top:95px;}
.carPart02 .num_4{left:354px; top:127px;}
.carPart02 .num_5{left:354px; top:185px;}
.carPart02 .num_6{left:354px; top:382px;}
.carPart02 .num_7{left:354px; top:661px;}
.carPart02 .num_8{left:266px; top:699px;}
.carPart02 .num_9{left:439px; top:699px;}
.carPart02 .num_10{left:354px; top:733px;}
.carPart02 .num_11{left:112px; top:159px;}
.carPart02 .num_12{left:825px; top:159px;}
.carPart02 .num_13{left:146px; top:215px;}
.carPart02 .num_14{left:793px; top:215px;}
.carPart02 .num_15{left:119px; top:262px;}
.carPart02 .num_16{left:817px; top:262px;}
.carPart02 .num_17{left:121px; top:379px;}
.carPart02 .num_18{left:816px; top:380px;}
.carPart02 .num_19{left:72px; top:328px;}
.carPart02 .num_20{left:865px; top:328px;}
.carPart02 .num_21{left:195px; top:264px;}
.carPart02 .num_22{left:741px; top:264px;}
.carPart02 .num_23{left:187px; top:322px;}
.carPart02 .num_24{left:750px; top:322px;}
.carPart02 .num_25{left:128px; top:496px;}
.carPart02 .num_26{left:807px; top:496px;}
.carPart02 .num_27{left:584px; top:135px;}
.carPart02 .num_28{left:522px; top:217px;}
.carPart02 .num_29{left:646px; top:217px;}
.carPart02 .num_30{left:555px; top:183px;}
.carPart02 .num_31{left:612px; top:183px;}
.carPart02 .num_32{left:584px; top:270px;}
.carPart02 .num_33{left:584px; top:365px;}
.carPart02 .num_34{left:585px; top:310px;}
.carPart02 .num_35{left:585px; top:418px;}
.carPart02 .num_36{left:520px; top:476px;}
.carPart02 .num_37{left:645px; top:476px;}
.carPart02 .num_38{left:584px; top:476px;}
.carPart02 .num_39{left:584px; top:535px;}

.carPart02 .dft_4{left:354px; top:161px; display: none;}
.carPart02 .dft_6{left:354px; top:416px; display: none;}
.carPart02 .dft_7{left:354px; top:695px; display: none;}
.carPart02 .dft_11{left:112px; top:193px; display: none;}
.carPart02 .dft_12{left:825px; top:193px; display: none;}
.carPart02 .dft_15{left:119px; top:296px; display: none;}
.carPart02 .dft_16{left:817px; top:296px; display: none;}
.carPart02 .dft_17{left:121px; top:413px; display: none;}
.carPart02 .dft_18{left:816px; top:414px; display: none;}
.carPart02 .dft_21{left:195px; top:298px; display: none;}
.carPart02 .dft_22{left:741px; top:298px; display: none;}
.carPart02 .dft_23{left:187px; top:356px; display: none;}
.carPart02 .dft_24{left:750px; top:356px; display: none;}
.carPart02 .dft_25{left:128px; top:530px; display: none;}
.carPart02 .dft_26{left:807px; top:530px; display: none;}


.carPart03 .num_1{left:356px; top:55px;}
.carPart03 .num_2{left:264px; top:99px;}
.carPart03 .num_3{left:443px; top:99px;}
.carPart03 .num_4{left:358px; top:179px;}
.carPart03 .num_5{left:358px; top:292px;}
.carPart03 .num_6{left:357px; top:396px;}
.carPart03 .num_7{left:357px; top:652px;}
.carPart03 .num_8{left:266px; top:697px;}
.carPart03 .num_9{left:443px; top:696px;}
.carPart03 .num_10{left:358px; top:731px;}
.carPart03 .num_11{left:118px; top:151px;}
.carPart03 .num_12{left:828px; top:152px;}
.carPart03 .num_13{left:139px; top:270px;}
.carPart03 .num_14{left:810px; top:270px;}
.carPart03 .num_15{left:110px; top:318px;}
.carPart03 .num_16{left:842px; top:319px;}
.carPart03 .num_17{left:110px; top:418px;}
.carPart03 .num_18{left:843px; top:418px;}
.carPart03 .num_19{left:65px; top:349px;}
.carPart03 .num_20{left:884px; top:350px;}
.carPart03 .num_21{left:185px; top:322px;}
.carPart03 .num_22{left:764px; top:322px;}
.carPart03 .num_23{left:181px; top:380px;}
.carPart03 .num_24{left:768px; top:382px;}
.carPart03 .num_25{left:138px; top:489px;}
.carPart03 .num_26{left:816px; top:489px;}
.carPart03 .num_27{left:127px; top:561px;}
.carPart03 .num_28{left:822px; top:562px;}
.carPart03 .num_29{left:598px; top:152px;}
.carPart03 .num_30{left:535px; top:241px;}
.carPart03 .num_31{left:657px; top:241px;}
.carPart03 .num_32{left:569px; top:205px;}
.carPart03 .num_33{left:624px; top:204px;}
.carPart03 .num_34{left:596px; top:285px;}
.carPart03 .num_35{left:596px; top:367px;}
.carPart03 .num_36{left:597px; top:323px;}
.carPart03 .num_37{left:596px; top:413px;}
.carPart03 .num_38{left:597px; top:448px;}
.carPart03 .num_39{left:534px; top:510px;}
.carPart03 .num_40{left:658px; top:510px;}
.carPart03 .num_41{left:571px; top:495px;}
.carPart03 .num_42{left:622px; top:495px;}
.carPart03 .num_43{left:597px; top:545px;}
.carPart03 .num_44{left:597px; top:581px;}
.carPart03 .num_45{left:357px; top:541px;}

.carPart03 .dft_4{left:358px; top:213px; display: none;}
.carPart03 .dft_6{left:357px; top:430px; display: none;}
.carPart03 .dft_11{left:118px; top:185px; display: none;}
.carPart03 .dft_12{left:828px; top:186px; display: none;}
.carPart03 .dft_15{left:110px; top:352px; display: none;}
.carPart03 .dft_16{left:842px; top:353px; display: none;}
.carPart03 .dft_17{left:110px; top:452px; display: none;}
.carPart03 .dft_18{left:843px; top:452px; display: none;}
.carPart03 .dft_21{left:185px; top:356px; display: none;}
.carPart03 .dft_22{left:764px; top:356px; display: none;}
.carPart03 .dft_23{left:181px; top:414px; display: none;}
.carPart03 .dft_24{left:768px; top:416px; display: none;}
.carPart03 .dft_25{left:138px; top:523px; display: none;}
.carPart03 .dft_26{left:816px; top:523px; display: none;}
.carPart03 .dft_27{left:127px; top:595px; display: none;}
.carPart03 .dft_28{left:822px; top:596px; display: none;}
.carPart03 .dft_45{left:816px; top:523px; display: none;}


.carPart04 .num_1{left:363px; top:52px;}
.carPart04 .num_2{left:282px; top:94px;}
.carPart04 .num_3{left:445px; top:94px;}
.carPart04 .num_4{left:363px; top:133px;}
.carPart04 .num_5{left:363px; top:183px;}
.carPart04 .num_6{left:363px; top:276px;}
.carPart04 .num_7{left:363px; top:494px;}
.carPart04 .num_8{left:288px; top:698px;}
.carPart04 .num_9{left:449px; top:698px;}
.carPart04 .num_10{left:363px; top:731px;}
.carPart04 .num_11{left:126px; top:145px;}
.carPart04 .num_12{left:814px; top:145px;}
.carPart04 .num_13{left:166px; top:169px;}
.carPart04 .num_14{left:767px; top:169px;}
.carPart04 .num_15{left:142px; top:208px;}
.carPart04 .num_16{left:798px; top:208px;}
.carPart04 .num_17{left:144px; top:276px;}
.carPart04 .num_18{left:791px; top:275px;}
.carPart04 .num_19{left:91px; top:198px;}
.carPart04 .num_20{left:843px; top:200px;}
.carPart04 .num_21{left:224px; top:196px;}
.carPart04 .num_22{left:708px; top:196px;}
.carPart04 .num_23{left:199px; top:247px;}
.carPart04 .num_24{left:735px; top:245px;}
.carPart04 .num_25{left:133px; top:318px;}
.carPart04 .num_26{left:797px; top:318px;}
.carPart04 .num_27{left:196px; top:482px;}
.carPart04 .num_28{left:739px; top:483px;}
.carPart04 .num_29{left:130px; top:481px;}
.carPart04 .num_30{left:805px; top:483px;}
.carPart04 .num_31{left:363px; top:661px;}
.carPart04 .num_32{left:573px; top:148px;}
.carPart04 .num_33{left:573px; top:238px;}
.carPart04 .num_34{left:573px; top:187px;}
.carPart04 .num_35{left:573px; top:283px;}
.carPart04 .num_36{left:573px; top:322px;}

.carPart04 .dft_4{left:363px; top:167px; display: none;}
.carPart04 .dft_6{left:363px; top:310px; display: none;}
.carPart04 .dft_11{left:126px; top:179px; display: none;}
.carPart04 .dft_12{left:814px; top:179px; display: none;}
.carPart04 .dft_15{left:142px; top:242px; display: none;}
.carPart04 .dft_16{left:798px; top:242px; display: none;}
.carPart04 .dft_17{left:144px; top:310px; display: none;}
.carPart04 .dft_18{left:791px; top:309px; display: none;}
.carPart04 .dft_21{left:224px; top:230px; display: none;}
.carPart04 .dft_22{left:708px; top:230px; display: none;}
.carPart04 .dft_23{left:199px; top:281px; display: none;}
.carPart04 .dft_24{left:735px; top:279px; display: none;}
.carPart04 .dft_25{left:133px; top:352px; display: none;}
.carPart04 .dft_26{left:797px; top:352px; display: none;}




/* 차량 부위별 img 좌표 */
.carPart01 .a1{left:256px; top:31px; }
.carPart01 .a2{left:256px; top:77px; }
.carPart01 .a3{left:409px; top:77px; }
.carPart01 .a4{left:257px; top:108px; }
.carPart01 .a5{left:274px; top:243px; }
.carPart01 .a6{left:283px; top:343px; }
.carPart01 .a7{left:260px; top:581px; }
.carPart01 .a8{left:256px; top:665px; }
.carPart01 .a9{left:409px; top:664px; }
.carPart01 .a10{left:258px; top:704px; }
.carPart01 .a11{left:60px; top:106px; }
.carPart01 .a12{left:788px; top:105px; }
.carPart01 .a13{left:153px; top:293px; }
.carPart01 .a14{left:780px; top:293px; }
.carPart01 .a15{left:78px; top:269px; }
.carPart01 .a16{left:792px; top:270px; }
.carPart01 .a17{left:80px; top:403px; }
.carPart01 .a18{left:780px; top:403px; }
.carPart01 .a19{left:62px; top:254px; }
.carPart01 .a20{left:864px; top:254px; }
.carPart01 .a21{left:156px; top:274px; }
.carPart01 .a22{left:744px; top:274px; }
.carPart01 .a23{left:161px; top:395px; }
.carPart01 .a24{left:746px; top:395px; }
.carPart01 .a25{left:71px; top:486px; }
.carPart01 .a26{left:771px; top:486px; }
.carPart01 .a27{left:518px; top:142px; }
.carPart01 .a28{left:514px; top:179px; }
.carPart01 .a29{left:653px; top:179px; }
.carPart01 .a30{left:552px; top:180px; }
.carPart01 .a31{left:616px; top:180px; }
.carPart01 .a32{left:516px; top:294px; }
.carPart01 .a33{left:539px; top:355px; }
.carPart01 .a34{left:515px; top:331px; }
.carPart01 .a35{left:515px; top:398px; }
.carPart01 .a36{left:515px; top:460px; }
.carPart01 .a37{left:515px; top:499px; }
.carPart01 .a38{left:651px; top:500px; }
.carPart01 .a39{left:553px; top:500px; }
.carPart01 .a40{left:610px; top:500px; }
.carPart01 .a41{left:554px; top:572px; }
.carPart01 .a42{left:518px; top:610px; }


.carPart02 .b1{left:276px; top:28px; }
.carPart02 .b2{left:273px; top:69px; }
.carPart02 .b3{left:410px; top:69px; }
.carPart02 .b4{left:277px; top:95px; }
.carPart02 .b5{left:287px; top:133px; }
.carPart02 .b6{left:289px; top:208px; }
.carPart02 .b7{left:277px; top:567px; }
.carPart02 .b8{left:273px; top:673px; }
.carPart02 .b9{left:407px; top:673px; }
.carPart02 .b10{left:277px; top:708px; }
.carPart02 .b11{left:68px; top:103px; }
.carPart02 .b12{left:782px; top:103px; }
.carPart02 .b13{left:165px; top:196px; }
.carPart02 .b14{left:772px; top:197px; }
.carPart02 .b15{left:97px; top:189px; }
.carPart02 .b16{left:796px; top:189px; }
.carPart02 .b17{left:96px; top:309px; }
.carPart02 .b18{left:793px; top:310px; }
.carPart02 .b19{left:61px; top:208px; }
.carPart02 .b20{left:864px; top:209px; }
.carPart02 .b21{left:164px; top:189px; }
.carPart02 .b22{left:731px; top:189px; }
.carPart02 .b23{left:165px; top:294px; }
.carPart02 .b24{left:728px; top:294px; }
.carPart02 .b25{left:96px; top:423px; }
.carPart02 .b26{left:793px; top:422px; }
.carPart02 .b27{left:522px; top:108px; }
.carPart02 .b28{left:520px; top:141px; }
.carPart02 .b29{left:645px; top:141px; }
.carPart02 .b30{left:554px; top:144px; }
.carPart02 .b31{left:611px; top:144px; }
.carPart02 .b32{left:520px; top:252px; }
.carPart02 .b33{left:542px; top:310px; }
.carPart02 .b34{left:520px; top:284px; }
.carPart02 .b35{left:520px; top:355px; }
.carPart02 .b36{left:519px; top:428px; }
.carPart02 .b37{left:643px; top:428px; }
.carPart02 .b38{left:554px; top:429px; }
.carPart02 .b39{left:522px; top:507px; }

.carPart03 .c1{left:276px; top:30px; }
.carPart03 .c2{left:271px; top:73px; }
.carPart03 .c3{left:410px; top:73px; }
.carPart03 .c4{left:275px; top:102px; }
.carPart03 .c5{left:292px; top:238px; }
.carPart03 .c6{left:311px; top:314px; }
.carPart03 .c7{left:278px; top:615px; }
.carPart03 .c8{left:274px; top:668px; }
.carPart03 .c9{left:410px; top:668px; }
.carPart03 .c10{left:276px; top:705px; }
.carPart03 .c11{left:69px; top:102px; }
.carPart03 .c12{left:809px; top:102px; }
.carPart03 .c13{left:158px; top:259px; }
.carPart03 .c14{left:791px; top:259px; }
.carPart03 .c15{left:85px; top:242px; }
.carPart03 .c16{left:816px; top:241px; }
.carPart03 .c17{left:84px; top:366px; }
.carPart03 .c18{left:815px; top:365px; }
.carPart03 .c19{left:67px; top:236px; }
.carPart03 .c20{left:888px; top:237px; }
.carPart03 .c21{left:153px; top:221px; }
.carPart03 .c22{left:750px; top:222px; }
.carPart03 .c23{left:162px; top:354px; }
.carPart03 .c24{left:750px; top:354px; }
.carPart03 .c25{left:109px; top:449px; }
.carPart03 .c26{left:748px; top:449px; }
.carPart03 .c27{left:106px; top:496px; }
.carPart03 .c28{left:803px; top:496px; }
.carPart03 .c29{left:534px; top:124px; }
.carPart03 .c30{left:534px; top:160px; }
.carPart03 .c31{left:655px; top:160px; }
.carPart03 .c32{left:570px; top:161px; }
.carPart03 .c33{left:624px; top:161px; }
.carPart03 .c34{left:534px; top:264px; }
.carPart03 .c35{left:555px; top:320px; }
.carPart03 .c36{left:536px; top:300px; }
.carPart03 .c37{left:536px; top:358px; }
.carPart03 .c38{left:536px; top:417px; }
.carPart03 .c39{left:534px; top:451px; }
.carPart03 .c40{left:655px; top:451px; }
.carPart03 .c41{left:569px; top:451px; }
.carPart03 .c42{left:623px; top:451px; }
.carPart03 .c43{left:570px; top:520px; }
.carPart03 .c44{left:536px; top:553px; }
.carPart03 .c45{left:294px; top:452px; }


.carPart04 .d1{left:289px; top:28px; }
.carPart04 .d2{left:292px; top:67px; }
.carPart04 .d3{left:414px; top:67px; }
.carPart04 .d4{left:292px; top:102px; }
.carPart04 .d5{left:301px; top:140px; }
.carPart04 .d6{left:316px; top:194px; }
.carPart04 .d7{left:301px; top:357px; }
.carPart04 .d8{left:296px; top:672px; }
.carPart04 .d9{left:417px; top:672px; }
.carPart04 .d10{left:297px; top:704px; }
.carPart04 .d11{left:89px; top:107px; }
.carPart04 .d12{left:772px; top:108px; }
.carPart04 .d13{left:176px; top:156px; }
.carPart04 .d14{left:753px; top:158px; }
.carPart04 .d15{left:116px; top:151px; }
.carPart04 .d16{left:768px; top:152px; }
.carPart04 .d17{left:120px; top:239px; }
.carPart04 .d18{left:768px; top:239px; }
.carPart04 .d19{left:88px; top:148px; }
.carPart04 .d20{left:841px; top:151px; }
.carPart04 .d21{left:177px; top:137px; }
.carPart04 .d22{left:716px; top:137px; }
.carPart04 .d23{left:188px; top:216px; }
.carPart04 .d24{left:726px; top:216px; }
.carPart04 .d25{left:94px; top:269px; }
.carPart04 .d26{left:766px; top:269px; }
.carPart04 .d27{left:166px; top:342px; }
.carPart04 .d28{left:711px; top:342px; }
.carPart04 .d29{left:126px; top:344px; }
.carPart04 .d30{left:802px; top:344px; }
.carPart04 .d31{left:296px; top:629px; }
.carPart04 .d32{left:515px; top:122px; }
.carPart04 .d33{left:528px; top:175px; }
.carPart04 .d34{left:513px; top:155px; }
.carPart04 .d35{left:513px; top:227px; }
.carPart04 .d36{left:514px; top:294px; }

#room_takepicture, #room_vehino, #room_image {
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#room_takepicture:active, #room_vehino:active, #room_image:active {
    box-shadow: 0 5px blue;
    transform: translateY(2px);
}

.btn_del {
    position: relative;
    top: -115px;
    right: -45px;
    font-size: 20px;
    color: #ff0000;
    background: #fff;
    border: 1px solid;
    cursor: pointer;
}