/************************* 로그인 ***************************/
.login_wrap {position:relative; width:1400px; margin:90px auto; overflow:hidden; background:#fff;}

.login_box {position:relative; display:block; width:350px; height:600px; padding:130px 100px 0 100px; float:left;}
.login_box #logo {position:absolute; display:block; top:55px; left:100px;}
.login_box .login_input {position:relative; width:350px; margin:50px 0;}
.login_box .login_input dt {display:block; color:#cb4432; font:700 16px 'NotoSans';}
.login_box .login_input dd {border-bottom:2px solid #dcdcdc; margin:5px 0;}
.login_box .login_input dd > input {display:block; border:none; color:#3c3c3c; font-size:20px; height:50px; line-height:50px; padding:0 15px; width:320px;}
.login_box .login_input dd .id_off {background:url(../img/id_off.png) left 15px center no-repeat;}
.login_box .login_input dd .id_on {background:none;}
.login_box .login_input dd .pw_off {background:url(../img/pw_off.png) left 15px center no-repeat;}
.login_box .login_input dd .pw_on {background:none;}

.login_box .btn_login {display:block; width:350px; height:70px; font:500 22px 'NotoSans'; color:#fff; border:none; background:url(../img/btn_bg.png) bottom right no-repeat #cb4432; cursor:pointer; -webkit-transition:.3s ease-in-out; transition:all 0.3s ease-in-out;}
.login_box .btn_login:hover {background:url(../img/btn_bg2.png) bottom right -50px no-repeat #3c3c3c;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.login_box p {color:#bfbfbf; font-size:20px; line-height:40px; margin-top:50px; position:relative;}
.login_box p .btn_join {display:inline-block; float:right; font-weight:700; color:#cb4432; padding-left:30px; background:url(../img/menu_mb01_on.png) left center no-repeat; position:absolute; right:0; vertical-align:5px;}

.login_img {position:relative; display:block; width:850px; height:730px; float:right; background:url(../img/login_img.jpg);}
.login_img .login_txt {position:absolute; top:150px; left:80px;}
.login_img .login_txt p {color:#dcdcdc; font-size:60px; padding:40px 0;}
.login_img .login_txt dd {color:#fff; font-size:20px; padding:50px 0;}
.login_img div.btn_find {position:absolute; bottom:130px; left:80px; padding:0 15px; height:56px; background:url(../img/login_line.gif) center no-repeat; border:2px solid #8e8b89;}
.login_img div.btn_find:hover {border:2px solid #fff;}
.login_img div.btn_info {position:absolute; bottom:0px; right:20px; padding:0 15px; height:56px; }
.login_img div.btn_info a{display:inline-block;margin:0 10px 0 10px;color:#ddd;}
.login_img div.btn_info a.private{display:inline-block;margin:0 10px 0 10px;color:#cccc00;font-weight:bold}
.login_img .btn_idpw {display:inline-block; line-height:54px; padding:0 45px; color:#fff; font-size:20px;}
.login_img .btn_idpw:hover {color:#da857d;}



/************************* 회원가입 폼 ***************************/
.join_box {position:relative; padding:30px 20px; display:block; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-bottom:1px solid #dcdcdc;}
.join_box > dl {display:block; clear:both; margin-bottom:10px; position:relative;}
.join_box > dl dt {display:inline-block; float:left; width:140px; font-size:16px; height:40px; line-height:40px;}
.join_box > dl dt img {padding:0 5px;}
.join_box > dl dd {position:relative; display:inline-block; width:470px; height:40px;}
.join_box > dl dd.w600 {width:600px !important;}
.join_box > dl dd > input {display:block; color:#3c3c3c; height:40px; line-height:40px; padding:0 15px;  border:1px solid #dcdcdc; width:438px;}
.join_box > dl dd > input[type=checkbox] {display:inline-block; width:15px;height:15px;}
.join_box > dl dd > a.policy_link{color:#0080ff} 
.join_box > dl dd > select {border:1px solid #dcdcdc; font-size:15px; border-radius:0; background:url('../img/select_bg.gif') right no-repeat #f0efed;-webkit-appearance:none;-moz-appearance:none;appearance: none;}
.join_box > dl dd > select::-ms-expand {display: none;}
.join_box > dl dd > select#birth_yy {width:190px; height:40px; line-height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding:0 55px;}
.join_box > dl dd > select#birth_mm, .join_box > dl dd > select#birth_dd {width:130px; height:40px; line-height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  margin-left:7px; padding:0 25px;}
.join_box > dl dd > #btn02_duplicate {position:absolute; right:0; top:0;}


/************************* 현재위치 ***************************/
.tab_list {position:absolute; overflow:hidden; width:150px; top:0; left:0;}
.tab_list li {position:relative; margin-top:-1px; width:150px; text-align:center; font-weight:700;}
.tab_list li:first-child {margin-top:0;}
.tab_list li a{display:block; border:1px solid #d2d2d2; color:#3c3c3c !important; height:40px; line-height:40px !important;}
.tab_list li a:hover, .tab_list li a.on {background:#fff; color:#cb4432 !important;}
.tab_list li.tab_tit {color:#fff; font-size:20px; height:90px; line-height:90px; background:url('../img/btn_bg2.png') bottom right no-repeat #464646;}
.tab_list li span.list_none{display:block; border:1px solid #d2d2d2; color:#3c3c3c !important; padding:10px 0px; line-height:24px !important; background:#fff; word-wrap:normal; word-break:keep-all;}


/* 지도 박스 */
#cont_map {position:relative; height:520px; width:auto; margin-left:170px; margin-right:50px; border:5px solid #fff;}
.cont_map_share{width:100% !important; margin:0 auto !important; min-height:520px; border:0 !important }
#cont_map div.loca_box {width:230px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cont_map div.loca_box img {display:inline-block; position:absolute; left:45%;}
#cont_map div.loca_box dl {text-align:center; background:#fff; font-size:14px; color:#959595; margin-bottom:5px; border:2px solid #3c3c3c; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important;}
#cont_map div.loca_box dt {font-size:15px; color:#3c3c3c; font-weight:700; padding-top:10px;}
#cont_map div.loca_box dd span {width:auto;}
#cont_map div.loca_box dd a.btn_share {width:100%; display:block; background:#3c3c3c; line-height:34px; height:34px; color:#fff !important; font-weight:700;}
span.loca_time {display:inline-block; background:url('../img/icon_time.png') left no-repeat; padding-left:25px; width:185px;}
span.loca_speed {display:inline-block; background:url('../img/icon_speed.png') left no-repeat; padding-left:25px; width:185px;}

.lc01 {position:absolute; top:50px; left:100px;}
.lc02 {position:absolute; top:200px; left:400px;}
.lc03 {position:absolute; top:300px; left:750px;}
.lc04 {position:absolute; top:125px; left:70px;}
.lc05 {position:absolute; top:125px; left:490px;}
.lc06 {position:absolute; top:240px; left:690px;}
.lc07 {position:absolute; top:90px; left:390px;}
.lc08 {position:absolute; top:200px; left:730px;}

/* 현재위치 리스트 내용 */
dl.list1 {position:relative; width:100%; padding:0 10px; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; font-size:16px;}
dl.list1 dt {position:relative; float:left; color:#3c3c3c; font-weight:700; background:url('../img/bul2.png') left no-repeat; padding-left:15px; width:165px; height:60px;}
dl.list1 dd {position:relative; float:left; color:#959595; height:60px; width:730px !important;}
dl.list1:last-child {border:none;}
dl.list1 .none_txt{color:#3c3c3c; font-weight:700; background:url('../img/bul.png') left no-repeat; padding-left:15px; width:17%; height:60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.none_info {color:#3c3c3c; font-weight:700; background:url('../img/bul.png') left no-repeat; padding-left:15px;  line-height:60px;height:60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

span.time {display:block; float:left; background:url('../img/icon_time.png') left no-repeat; padding-left:25px; width:150px;} /*span.time {display:inline-block; background:url('../img/icon_time.png') left no-repeat; padding-left:25px; width:185px;}*/
span.speed {display:block; float:left; background:url('../img/icon_speed.png') left no-repeat; padding-left:25px; width:200px;}
span.loca {display:block; float:left; background:url('../img/icon_loca.png') left no-repeat; padding-left:20px; width:500px;}
span.tit {display:inline-block; width:465px; height:30px; line-height:26px; margin:15px 0px;}



/************************* 현재위치 ***************************/
dl.list8 {position:relative; width:890px; padding:0 10px; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; font-size:16px; }
dl.list8 dt {position:relative; float:left; color:#3c3c3c; font-weight:700; background:url('../img/bul2.png') left no-repeat; padding-left:15px; width:165px; height:60px;}
dl.list8 dd {position:relative; float:left; color:#959595; height:60px; width:710px !important;}
dl.list8 dd span.time {display:block; float:left; background:url('../img/icon_time.png') left no-repeat; padding-left:25px; width:200px; height:60px;}
dl.list8 dd span.loca {display:block; float:left; background:url('../img/icon_loca.png') left no-repeat; padding-left:20px; width:465px; height:60px;}
dl.list8:last-child {border:none;}




/************************* 위치공유팝업 ***************************/
.popupA { width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99999;}

.popup_box > h3 {width:100%; height:60px; line-height:60px !important; text-align:center; font-size:22px; color:#fff; background:#3c3c3c;}
.popup_box > div {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding:30px; background:#fff;}

.popup_box dl {display:block; clear:both; margin-bottom:10px; overflow:hidden;}
.popup_box dl dt {display:inline-block; float:left; width:150px; font-size:16px;  color:#3c3c3c;}
.popup_box dl dt img {padding:0 5px;}
.popup_box dl dd {position:relative; display:inline-block; width:430px; margin-left:4px;font-size:16px; }
.popup_box dl dd > input {display:block; color:#3c3c3c; height:40px;  padding:0 15px; width:397px; border:1px solid #dcdcdc;}
.popup_box dl dd > input.input_inline_6 {width:106px !important}
.popup_box dl dd > input.input_inline_4 {width:80px !important}
.popup_box dl dd > select {border:1px solid #dcdcdc; width:190px; height:40px; line-height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding:0 55px; border-radius:0; background:url('../img/select_bg.gif') right no-repeat #fff;-webkit-appearance:none;-moz-appearance:none;appearance: none;}
.popup_box dl dd > select.payment{padding:0 10px;width:100% !important}
.popup_box dl dd > select::-ms-expand {display: none;}
.popup_box textarea {display:block; margin:30px 0; color:#a0a0a0; border:1px solid #dcdcdc; padding:15px; width:408px; height:90px; resize:none;}

button#popup_close {position:absolute; top:10px;right:10px;padding:0; height:40px; width:40px; display:block;font-size:0px; border:none !important; background:url('../img/btn_close.png') center no-repeat; overflow:hidden;}


 
/************************* 검색 ***************************/
.searchA {position:relative; width:100%;  padding:10px 0 0 40px; background: url('../img/icon_search.png') 0px 17px no-repeat;}
.searchA form {height:40px; line-height:40px;}
.searchA .keyword {border:0; height:40px; width:880px; line-height:40px;}
.searchA #btn02 {position:absolute; top:10px; margin-left:10px;}

.searchA h3 {display:inline-block; font-size:20px; height:40px; line-height:40px; margin-right:15px; float:left;}
.searchA select {border:1px solid #dcdcdc; width:200px; height:40px; float:left; margin-right:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding:0 15px; border-radius:0; background:url('../img/select_bg.gif') right no-repeat #fff;-webkit-appearance:none;-moz-appearance:none;appearance: none;}
.searchA select::-ms-expand {display: none;}
.searchA .keyword2 {border:1px solid #dcdcdc; padding:0 15px; width:120px; height:38px;}


/************************* 이벤트목록 ***************************/
/*
이벤트코드	내용	설명
1	사고이벤트	대형사고인 경우만 전송함(사용자 정의 사고는 전송하지 않음)
2	주차중 충격	-.모션감지시는 메시지 보내지 않음
-.블랙박스에서 시동이 꺼진 상태에서는 전송하지 않음
3	고온차단알림	
4	저전압알림	
5	자가진단-SD메모리 불량	
6	자가진단-카메라 렌즈불량	
21	시동On	시동이 걸리는 시점
22	시동 Off	시동이 꺼지는 시점
23~100	예약	로드피아 예비용 표준코드임
*/
span.events {border:2px solid #ea8c27; color:#ea8c27; display:inline-block; float:left; width:200px; height:auto; line-height:20px; margin:8px 30px 15px 10px; font-weight:700; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important;}
span.events.e1 {border:2px solid #c62b27; color:#c62b27;}
span.events.e2 {border:2px solid #c83027; color:#c83027;}
span.events.e3 {border:2px solid #b43a6b; color:#c83027;}
span.events.e4 {border:2px solid #b43a6b; color:#c83027;}
span.events.e5 {border:2px solid #c83027; color:#c83027;}
span.events.e6 {border:2px solid #c83027; color:#c83027;}
span.events.e21 {border:2px solid #c83027; color:#c83027;}
span.events.e22 {border:2px solid #c83027; color:#c83027;}
span.events.e23 {border:2px solid #c83027; color:#c83027;}


/* 현재위치 리스트 내용 */

dl.list_event {position:relative; width:auto; padding:0; /* height:60px;*/ line-height:40px; border-bottom:1px solid #e5e5e5; font-size:16px; }
dl.list_event dt {position:relative; float:left; color:#3c3c3c; font-weight:700; background:url('../img/bul2.png') left no-repeat; padding-left:15px; width:200px; }
dl.list_event dd {position:relative; float:left; color:#959595;  width:auto !important;}
dl.list_event:last-child {border:none;}
dl.list_event .none_txt{color:#3c3c3c; font-weight:700; background:url('../img/bul.png') left no-repeat; padding-left:15px; width:17%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

dl.list_event span.time {display:inline-block; float:left; background:url('../img/icon_time.png') left no-repeat; padding-left:25px; width:230px;}
dl.list_event span.loca {display:inline-block; float:left; background:url('../img/icon_loca.png') left no-repeat; padding-left:20px; width:800px;}
dl.list_event span.loca_dummy {display:block; float:left; padding-left:20px; width:180px;}
dl.list_event span.loca_sub {display:block; float:left; background:url('../img/icon_loca.png') left no-repeat; padding-left:20px; width:140px;}

/*dl.list_event dd.event_additinal{padding-left:175px;line-height:0px !important;padding-bottom:20px}*/

dl.list_event .btnA { display:inline-block; position:absolute; z-index:2; top:2px; margin-left:auto; width:30%; background-color:yellow; }
dl.list_event .btnA a { right:0px; position:absolute; display:inline-block; width:130px; height:65px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:64px; font-size:14px; font-weight:700; text-align:center;}
dl.list_event .btnA a.btn_map { opacity:0.55; background:url('../img/btn_map.png') 15px center no-repeat;}
dl.list_event .btnA a.btn_loc { opacity:0.55; background:url('../img/btn_loc.png') 18px center no-repeat;}
dl.list_event .btnA a:hover { border:1px solid #f2f2f2 !important; background-color:#f2f2f2 !important; opacity:1 !important;}



/************************* 지도이동 팝업 ***************************/
/* 이벤트목록 */

button#popup_close2 {position:absolute; top:20px;right:10px;padding:0; height:40px; width:40px; display:block;font-size:0px; border:none !important; background:url('../img/btn_close2.png') center no-repeat; overflow:hidden; z-index:999;}
.popup_map {position:relative; display:block; width:980px; height:440px;margin:10px 0 0 20px; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important;}

.cont_map_share{width:100% !important; margin:0 auto !important;   }
#popup_map div.loca_box {width:230px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#popup_map div.loca_box img {display:inline-block; position:absolute; left:45%;}
#popup_map div.loca_box dl {text-align:center; background:#fff; font-size:14px; color:#959595; margin-bottom:5px; border:2px solid #3c3c3c; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important;}
#popup_map div.loca_box dt {font-size:15px; color:#3c3c3c; font-weight:700; padding-top:10px;}
#popup_map div.loca_box dd span {width:auto;}
#popup_map div.loca_box dd a.btn_share {width:100%; display:block; background:#3c3c3c; line-height:34px; height:34px; color:#fff !important; font-weight:700;}
span.loca_time {display:inline-block; background:url('../img/icon_time.png') left no-repeat; padding-left:25px; width:185px;}



img.icon_event {display:block; width:56px; height:68px; position:absolute; top:40%; left:50%; margin-left:-28px;}



/* 차량운행일지 */
dl.list4 {position:relative; width:960px; padding:0 10px; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; font-size:16px;}
dl.list4 dt {position:relative; float:left; color:#3c3c3c; font-weight:700; background:url('../img/bul2.png') left no-repeat; padding-left:15px; width:115px; height:60px;}
dl.list4 dd {position:relative; float:left; color:#959595; height:60px; width:830px; background:url('../img/bul3.png') 48% center no-repeat; letter-spacing:-1px;}
dl.list4:last-child {border:none;}
dl.list4 dd span.time {width:125px;} 
dl.list4 dd span.loca {width:222px; margin-right:20px;}

.popup_map div.loca_box {width:170px; height:85px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.popup_map div.loca_box img {display:inline-block; position:absolute; left:45%; bottom:0;}
.popup_map div.loca_box p {display:none; text-align:center; background:#fff; font-size:14px; color:#959595; margin-bottom:5px; border:2px solid #3c3c3c; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important;}
.popup_map div.loca_box img:hover ~ p, div.loca_box p.on{display:block;}
.popup_map div.loca_box p span {width:auto; margin:10px 0;}



/************************* 이동경로 ***************************/
ul.list2 li{position:relative; width:auto; padding:0 10px; height:60px; line-height:60px; color:#959595; border-bottom:1px solid #e5e5e5; font-size:16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul.list2 li:last-child {border:none;}
ul.list2 li > .btnA {position:fixed; z-index:2; width:10%; right:20px;}
ul.list2 li > span.time {width:150px;}

ul.list2 li > .infoA {display:inline-block; font-size:16px; width:130px; letter-spacing:-1px;}
ul.list2 li > .infoA.infoSp {width:115px;}
ul.list2 li > .infoA .pott1 {color:#d37168; padding-right:10px;}
ul.list2 li > .infoA.infoBtn{margin-top:13px}

ul.list2 li div.btnA { display:inline-block; position:absolute; z-index:2; top:-4px; margin-left:auto; width:30%; background-color:yellow; }
ul.list2 li div.btnA a { right:0px; position:absolute; display:inline-block; width:130px; height:45px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:46px; font-size:14px; font-weight:700; text-align:center;}
ul.list2 li div.btnA a.btn_map { opacity:0.55; background:url('../img/btn_map.png') 15px center no-repeat;}
ul.list2 li div.btnA a.btn_loc { opacity:0.55; background:url('../img/btn_loc.png') 18px center no-repeat;}
ul.list2 li div.btnA a:hover { border:1px solid #f2f2f2 !important; background-color:#f2f2f2 !important; opacity:1 !important;}


/************************* 차량운행일지 ***************************/
dl.list3 {position:relative; width:890px; padding:20px 10px; height:64px; border-bottom:1px solid #e5e5e5; font-size:16px;}
dl.list3 dt {position:relative; float:left; width:70px; height:30px; line-height:30px; font-weight:700; text-align:center; margin-right:40px; background:#f0efed;border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important;}
dl.list3 dd {position:relative; float:left; color:#959595; height:30px; line-height:30px; width:780px;margin-bottom:5px;}
dl.list3:last-child {border:none;}
dl.list3 dd span.time {width:150px;}
dl.list3 .infoA {width:150px;}
dl.list3 .infoA span {display:inline-block; width:80px;}
dl.list3 span.time {display:block; float:left; background:url('../img/icon_time.png') left no-repeat; padding-left:25px; width:150px; min-height:30px;} /*span.time {display:inline-block; background:url('../img/icon_time.png') left no-repeat; padding-left:25px; width:185px;}*/
dl.list3 span.loca {display:block; float:left; background:url('../img/icon_loca.png') left no-repeat; padding-left:20px; width:330px;min-height:30px;height:30px;overflow:hidden;}
dl.list3 dd div.btnA { display:inline-block; position:relative; z-index:1; top:-4px; margin-left:690px; width:115px; background-color:yellow; }
dl.list3 dd div.btnA a { right:0px; position:absolute; display:inline-block; width:115px; height:65px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:65px; font-size:14px; font-weight:700; text-align:center;}
dl.list3 dd div.btnA a.btn_map { opacity:0.55; background:url('../img/btn_map.png') 10px center no-repeat;}
dl.list3 dd div.btnA a:hover { border:1px solid #f2f2f2 !important; background-color:#ff8040!important; opacity:1 !important;}


/************************* 주행거리설정***************************/
dl.list7 {position:relative; width:890px; padding:0 10px; height:60px; line-height:60px; border-bottom:1px solid #e5e5e5; font-size:16px; }
dl.list7 dt {position:relative; float:left; color:#3c3c3c; font-weight:600; background:url('../img/bul2.png') left no-repeat; padding-left:15px; width:135px; height:60px;}
dl.list7 dd {position:relative; float:left; color:#959595; height:60px; width:740px !important;}
dl.list7 dd .infoA2 {display:inline-block; width:320px !important; float:left;}
dl.list7 dd .infoA6 {display:inline-block; width:250px !important; float:left;}
dl.list7 dd .infoA6 span.pott1 {margin-right:10px;}
dl.list7:last-child {border:none;}


.list1.pd10 {height:80px !important; padding:10px !important;}
.list7.pd10 {height:60px !important; padding:10px !important;}

.infoA2 {display:inline-block; width:330px;}
.infoA2 input {width:120px; border:1px solid #dcdcdc; height:38px; line-height:38px; padding:0 15px;} 
.infoA2 .pott1 {font-size:16px; color:#d37168; padding-right:15px;}

.btn_file {display:block; position:relative; float:right; margin:20px 50px;text-align:center; width:200px; height:38px; line-height:38px; padding-left:20px; color:#a0a0a0 !important; font-size:15px; font-weight:700; background:url('../img/btn_file.png') 25px center no-repeat #fff; border:2px solid #6fb7ff; cursor:pointer;}
.btn_file:hover {border:2px solid #cb4432; color:#cb4432 !important; background:url('../img/btn_file_on.png') 25px center no-repeat #fff;}
dl.list7 dd div.btnA { display:inline-block; position:absolute; z-index:2; top:5px; margin-left:auto; width:90px; }
dl.list7 dd div.btnA a { right:0px;position:absolute; display:inline-block; width:90px; height:55px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:55px; font-size:14px; font-weight:700; text-align:center;}
dl.list7 dd div.btnA a.btn_save { opacity:0.55; background:url('../img/btn_map.png') 3px center no-repeat;}
dl.list7 dd div.btnA a:hover { border:1px solid #dfdfdf!important; background-color:#f2f2f2 !important; opacity:1 !important;}
dl.list7 dd div.btnB{ display:inline-block; position:absolute; z-index:2; left:670px;top:5px; margin-left:auto; width:90px; }
dl.list7 dd div.btnB a { right:0px;position:absolute; display:inline-block; width:90px; height:55px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:55px; font-size:14px; font-weight:700; text-align:center;}
dl.list7 dd div.btnB a.btn_save { opacity:0.55; background:url('../img/btn_map.png') 3px center no-repeat;}
dl.list7 dd div.btnB a:hover { border:1px solid #dfdfdf!important; background-color:#f2f2f2 !important; opacity:1 !important;}
/************************* 알림목록 ***************************/
dl.list5 dt {padding-left:0; width:175px; height:60px; background:none;}
dl.list5 dt span {background:url('../img/icon_notice.png') center no-repeat; display:block; float:left; margin:15px 15px 15px 0; width:30px; height:30px; border-radius:15px !important; -webkit-border-radius:15px !important; -moz-border-radius:15px !important;}
dl.list5 dd {width:850px !important;}
dl.list5 dd span.notice {display:inline-block; width:80px; height:30px; line-height:26px; margin:15px 50px; font-weight:700; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important;}

dl.noti1 dt span {background-color:#ff3c3c;}
dl.noti1 dd span.notice {border:2px solid #ff3c3c; color:#ff3c3c;}
dl.noti2 dt span {background-color:#ea7a27;}
dl.noti2 dd span.notice {border:2px solid #ea7a27; color:#ea7a27;}
dl.noti3 dt span {background-color:#ea7a27;}
dl.noti3 dd span.notice {border:2px solid #ea7a27; color:#ea7a27;}
dl.noti4 dt span {background-color:#ea7a27;}
dl.noti4 dd span.notice {border:2px solid #ea7a27; color:#ea7a27;}
dl.noti5 dt span {background-color:#ea7a27;}
dl.noti5 dd span.notice {border:2px solid #ea7a27; color:#ea7a27;}
dl.noti6 dt span {background-color:#888888;}
dl.noti6 dd span.notice {border:2px solid #888888; color:#888888;}
dl.noti21 dt span {background-color:#888888;}
dl.noti21 dd span.notice {border:2px solid #888888; color:#888888;}
dl.noti22 dt span {background-color:#888888;}
dl.noti22 dd span.notice {border:2px solid #888888; color:#888888;}

dl.noti2000 dt span {background-color:#00ff40;}
dl.noti2000 dd span.notice {border:2px solid #888888; color:#888888;}
dl.noti3000 dt span {background-color:#888888;}
dl.noti3000 dd span.notice {border:2px solid #888888; color:#888888;}


/************************* 환경설정 ***************************/
dl.list6 {position:relative; width:80%; height:98px; margin-bottom:10px;}
dl.list6 dt {position:relative; display:block; float:left; width:20%; height:60px; padding:20px; font-size:16px; font-weight:700;}
dl.list6 dt span {position:absolute; display:block; width:80%; height:26px; line-height:26px; bottom:20px; left:20px; text-align:center;}
dl.list6 dd {position:relative; display:block; float:right; width:70%; height:60px; padding:20px; color:#959595; }
dl.list6 dd div.btnA {position:absolute; width:100px; height:88px; top:5px; right:5px;}
dl.list6 dd div.btnA a {display:inline-block; width:98px; line-height:85px; padding:0; text-align:center; }

dl.list6_my {position:relative; width:1058px; height:98px; margin-bottom:10px;}
dl.list6_my dt {position:relative; display:block; float:left; width:200px; height:60px;padding:20px; font-size:16px; font-weight:700;}
dl.list6_my dt span {display:inline-block; width:80px; height:26px; line-height:26px;  text-align:center; margin-top:10px;}
dl.list6_my dd {position:relative; display:block; float:right; width:777px; height:60px; padding:20px; color:#959595; }
dl.list6_my dd p.infoA3 {width:300px;}
dl.list6_my dd p.infoA3 span.pott1 {color:#d37168; padding-right:10px;}}


dl.pay1 {border:1px solid #e5e5e5;}
dl.pay1 dt {border-right:1px solid #e5e5e5;}
dl.pay1 dt span {color:#cb4432; background:#f0efed;}

dl.pay2 {border:1px solid #f2ac29;}
dl.pay2 dt {border-right:1px solid #f2ac29;}
dl.pay2 dt span {color:#fff; background:#f2ac29;}

dl.pay3 {border:1px solid #cb4432;}
dl.pay3 dt {border-right:1px solid #cb4432;}
dl.pay3 dt span {color:#fff; background:#cb4432;}

dl.pay4 {border:1px solid #cb4432;}
dl.pay4 dt {border-right:1px solid #cb4432;}
dl.pay4 dt span {color:#fff; background:#cb4432;}

dl.list6 .btnA {position:absolute; width:80px; top:15px; right:5px;}
dl.list6_my .btnA {position:absolute; width:80px; top:15px; right:5px;}
a.btn_pay {background:url('../img/btn_pay.png') center 15px no-repeat #cb4432; border:1px solid #cb4432; color:#fff; width:100px; padding:10px 1px 55px 1px;}
a.btn_pay:hover {background:url('../img/btn_pay_on.png') center 15px no-repeat; color:#cb4432;}


p.infoA3 {display:inline-block; float:left; width:200px; line-height:30px; font-size:16px;}
p.infoA3 span {font-weight:700; color:#3c3c3c; padding-right:5px;}
p.infoA4 {display:inline-block; float:left; margin-right:2%; line-height:35px; letter-spacing:-1px; width:20%;}
p.infoA5 {display:inline-block; float:left; margin-right:10px; line-height:35px; letter-spacing:-1px; width:25%;}
p.infoA4 span , p.infoA5 span {margin-right:10px; font-size:15px;}

span.black_tit {font-weight:700; color:#3c3c3c; padding-right:5px;}




/************************* 내정보 **************************
dl.list6 {position:relative; width:1060px; height:85px; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
dl.list6 dt {position:relative; display:block; float:left; width:117px; height:55px; padding:15px 20px; font-size:16px; font-weight:700;}
dl.list6 dt span {position:absolute; display:block; width:80px; height:26px; line-height:26px; bottom:15px; left:20px; text-align:center;}
dl.list6 dd {position:relative; display:block; float:right; width:820px; height:55px; padding:15px 40px; color:#959595;}
*/

.tit02 span {position:absolute; right:0; top:15px; display:inline-block; float:right; font-size:14px; margin-left:20px;}

.myinfo {position:relative; width:100%; overflow:hidden; height:40px; padding:10px 0; font-size:17px;}
.myinfo dt {background:url('../img/icon_my.png') left no-repeat; font-weight:700; float:left; width:140px; padding-left:50px; height:40px; line-height:40px;}
.myinfo dd {display:block; float:left; height:40px; width:840px;}

p.bul {background:url('../img/bul2.png') left no-repeat; display:block; float:left; line-height:40px; color:#a0a0a0; padding-left:15px; margin-right:80px;}
p.bul strong {font-size:16px; color:#3c3c3c; margin-right:10px;}
.myinfo #btn02 {position:absolute; right:0;}

/************************* 페이지 **************************/
.cont_txt {line-height:180%; padding:20px 0px; text-align:justify;}

ul.bul {font-size:16.5px; margin-top:10px; }
ul.bul li{background:url(../img/bul.png) 3px 20px no-repeat; padding:10px 0px 4px 17px;}


.tbl01 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;text-align:center; margin-top:10px;}
.tbl01 th{padding:8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; font-weight:700; background:#f5f5f5}
.tbl01 td{padding:10px 8px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}







/*--------------------------------------------------------------*/
/* 차계부 : 메인화면 */
/*--------------------------------------------------------------*/

/* 타이틀 표시 행이 따로 구성되어 있는경우. 검색조건은 아래 행으로 표시 */
.searchA_easy {position:relative; width:500px; float:left; padding:10px 0 0 30px; background-color:#fff; /*background: url('../img/icon_search.png') 0px 17px no-repeat;*/}
.searchA_easy form {height:40px; line-height:40px; padding:0;}
/*.searchA_easy .keyword {border:0; height:40px; width:880px; line-height:40px;}*/
.searchA_easy #btn02 {position:absolute; top:10px; margin-left:10px;}

.searchA_easy h3 {display:inline-block; font-size:20px; width:135px; height:40px; line-height:40px; margin-right:25px; float:left;}
.searchA_easy select {border:1px solid #dcdcdc; width:200px; height:40px; float:left; margin-right:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding:0 15px; border-radius:0; background:url('../img/select_bg.gif') right no-repeat #fff;-webkit-appearance:none;-moz-appearance:none;appearance: none;}
.searchA_easy select::-ms-expand {display: none;}
.searchA_easy .keyword2 {border:1px solid #dcdcdc; padding:0 15px; width:120px; height:38px;}

.main_chart { display:block; position:relative; width:700px; float:left; height:400px; padding-bottom:120px; }
.main_donut { display:inline-block; position:relative; width:550px; float:left; height:400px; padding-bottom:120px; }
.button_area { display:inline-block; position:relative; width:150px; float:left; height:400px; }
.button_area ul li { width:143px; height:128px; border:1px solid #b5b5b5; margin-left:5px; margin-bottom:5px; }
.button_area ul li .btn_a a { margin:2px; padding-top:5px; position:relatvie; display:inline-block; width:137px; height:116px; border:0px solid #b5b5b5; color:#3c3c3c; line-height:36px; font-size:16px; font-weight:700; text-align:center;}
.button_area ul li .btn_a a p.btn_text { color:#3c3c3c; font-size:14px; font-weight:700; text-align:center;}
.button_area ul li .btn_a a.btn_repair { opacity:0.55; background:url('../img/menu07_on.png') 15px 11px no-repeat;}
.button_area ul li .btn_a a:hover { border:1px solid #c0c0c0!important; background-color:#f2f2f2 !important; opacity:1 !important;}

.button_area ul li .btn_b a { margin:2px; padding-top:5px; position:relatvie; display:inline-block; width:137px; height:116px; border:0px solid #b5b5b5; color:#3c3c3c; line-height:36px; font-size:16px; font-weight:700; text-align:center;}
.button_area ul li .btn_b a p.btn_text { color:#3c3c3c; font-size:14px; font-weight:700; text-align:center;}
.button_area ul li .btn_b a.btn_fuel { opacity:0.55; background:url('../img/menu07_on.png') 15px 11px no-repeat;}
.button_area ul li .btn_b a:hover { border:1px solid #c0c0c0!important; background-color:#f2f2f2 !important; opacity:1 !important;}

.button_area ul li .btn_c a { margin:2px; padding-top:5px; position:relatvie; display:inline-block; width:137px; height:116px; border:0px solid #b5b5b5; color:#3c3c3c; line-height:36px; font-size:16px; font-weight:700; text-align:center;}
.button_area ul li .btn_c a p.btn_text { color:#3c3c3c; font-size:14px; font-weight:700; text-align:center;}
.button_area ul li .btn_c a.btn_etc { opacity:0.55; background:url('../img/menu07_on.png') 15px 11px no-repeat;}
.button_area ul li .btn_c a:hover { border:1px solid #c0c0c0!important; background-color:#f2f2f2 !important; opacity:1 !important;}

/*--------------------------------------------------------------*/
/* 차계부 : 주유관리 */
/*--------------------------------------------------------------*/
.easy_div_left { display:block; position:relative; width:500px; float:left; height:260px; }
.easy_div_right { display:inline-block; position:relative; width:525px; float:left; height:500px;  overflow-y:auto;}

.easy_div_left ul { height:50px; width:500px; margin-left:50px; margin:0; padding:0;}
.easy_div_left ul li { display:block; float:left; height:46px; text-align:center; font-size:16px; line-height:40px; }
.easy_div_left ul li.title { display:block; float:left; width:200px; }
.easy_div_left ul li.input { position:relative; display:block; float:left; height:46px; width:200px; background-color:white; }
.easy_div_left ul li.input span.read { position:relative; display:block; float:left; height:44px; width:200px; background-color:#f4f4f4; text-align:left; padding-left:15px; }
.easy_div_left ul li.unit { position:relative; display:block; float:left; height:46px; width:80px; background-color:white; text-align:left; padding-left:5px;  }
.easy_div_left ul li input {width:168px; border:1px solid #dcdcdc; height:38px; line-height:38px; padding:0 15px;}
.easy_div_left ul li select {border:1px solid #dcdcdc; width:200px; height:40px; float:left; margin-right:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding:0 15px; border-radius:0; background:url('../img/select_bg.gif') right no-repeat #fff;-webkit-appearance:none;-moz-appearance:none;appearance: none;}
.easy_div_left ul li select::-ms-expand {display: none;}
.easy_div_left ul li .keyword2 {border:1px solid #dcdcdc; padding:0 15px; width:120px; height:38px;}

.easy_div_left ul li.unit div.btnA { background-color:#f2f2f2; float:left; display:inline-block; position:relative; z-index:2; top:0px; width:56px; padding:0 0 0 2px; }
.easy_div_left ul li.unit div.btnA a { right:0px; position:realtive; display:inline-block; width:52px; height:33px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:35px; font-size:16px; font-weight:700; text-align:center; padding:2px; }
.easy_div_left ul li.unit div.btnA a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }

.easy_div_right ul { height:50px; width:500px; margin-left:50px; margin:0; padding:0; }
.easy_div_right ul li { display:block; float:left; height:46px; text-align:center; font-size:16px; line-height:40px; }
.easy_div_right ul li.title { display:block; float:left; width:200px; }
.easy_div_right ul li.input { position:relative; display:block; float:left; height:46px; width:200px; background-color:white; }
.easy_div_right ul li.unit { position:relative; display:block; float:left; height:46px; width:80px; background-color:white; text-align:left; padding-left:5px;  }
.easy_div_right ul li input {width:168px; border:1px solid #dcdcdc; height:38px; line-height:38px; padding:0 15px;}
.easy_div_right ul li select {border:1px solid #dcdcdc; width:200px; height:40px; float:left; margin-right:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding:0 15px; border-radius:0; background:url('../img/select_bg.gif') right no-repeat #fff;-webkit-appearance:none;-moz-appearance:none;appearance: none;}
.easy_div_right ul li select::-ms-expand {display: none;}
.easy_div_right ul li .keyword2 {border:1px solid #dcdcdc; padding:0 15px; width:120px; height:38px;}

.easy_div_right ul li div.btn {display:block; float:left; width:400px; }
.easy_div_right ul li div .btnA { background-color:#f2f2f2; float:right; display:inline-block; position:relative; z-index:2; top:2px; width:98px; padding:0 0 0 2px; }
.easy_div_right ul li div .btnA a { right:0px; position:realtive; display:inline-block; width:92px; height:45px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:44px; font-size:16px; font-weight:700; text-align:center; padding:2px; }
.easy_div_right ul li div .btnA a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }

.easy_div_right ul li div.text {display:block; float:left; width:455px; color:#a2d2fb; margin-left:25px;  }

.easy_div_right ul li div.btn_esaysave { background-color:#f2f2f2; display:inline-block; position:relative; z-index:1; margin-top:20px; width:300px; }
.easy_div_right ul li div.btn_esaysave a { right:0px; position:realtive; display:inline-block; width:298px; height:35px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:34px; font-size:16px; font-weight:700; text-align:center; }
.easy_div_right ul li div.btn_esaysave a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }


/*--------------------------------------------------------------*/
/* 차계부 : 정비관리 */
/*--------------------------------------------------------------*/

.easy_div_right ul.sub_items { height:40px; width:500px; background-color:#dcdcdc;}
.easy_div_right ul.sub_items h3 { text-align:left; width:370px; padding-left:30px; }
.easy_div_right ul#row_data { height:auto;}

.easy_div_right ul li div.btn_esayadd { float:right; right:5px; background-color:#f2f2f2; display:inline-block; position:relative; z-index:1; margin-top:2px; width:100px; }
.easy_div_right ul li div.btn_esayadd a { right:0px; position:realtive; display:inline-block; width:98px; height:35px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:34px; font-size:16px; font-weight:700; text-align:center; }
.easy_div_right ul li div.btn_esayadd a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }

.easy_add_row { display:inline-block; float:left; width:500px; padding:0; margin:0;}
.easy_add_row ul.easy_row { left:0px; display:block; position:relative; float:left; width:500px; height:100px; }
.easy_add_row ul.easy_row li div.input_row { left:0px; display:block; position:relative; float:left; width:500px; height:100px; }

.easy_add_row ul.easy_row li div.input_row ul li.title_a { display:block; position:relative; float:left; width:200px; height:50px;  }
.easy_add_row ul.easy_row li div.input_row ul li.title_a div { background-color:#f2f2f2; float:left; display:inline-block; position:relative; z-index:0; top:2px; width:198px; padding:0 0 0 2px; }
.easy_add_row ul.easy_row li div.input_row ul li.title_b { display:inline-block; position:relative; float:left; width:298px; height:50px; padding-left:1px; }
.easy_add_row ul.easy_row li div.input_row ul li.title_b div { background-color:#f2f2f2; float:left; display:inline-block; position:relative; z-index:0; top:2px; width:298px; padding:0 0 0 2px; }

.easy_add_row ul.easy_row li div.input_row ul li.title { display:block; float:left; width:200px; }
.easy_add_row ul.easy_row li div.input_row ul li.input { position:relative; display:block; float:left; height:46px; width:200px; background-color:white; }
.easy_add_row ul.easy_row li div.input_row ul li.unit { position:relative; display:block; float:left; height:46px; width:97px; background-color:white; text-align:left; padding-left:3px;  }
.easy_add_row ul.easy_row li div.input_row ul li.unit div a { right:0px; position:realtive; display:inline-block; width:96px; height:38px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:34px; font-size:16px; font-weight:700; text-align:center; }
.easy_add_row ul.easy_row li div.input_row ul li.unit div a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }
.easy_add_row ul.easy_row li div.input_row ul li input {width:168px; border:1px solid #dcdcdc; height:38px; line-height:38px; padding:0 15px;}
.easy_add_row ul.easy_row li div.input_row ul li select {border:1px solid #dcdcdc; width:200px; height:40px; float:left; margin-right:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding:0 15px; border-radius:0; background:url('../img/select_bg.gif') right no-repeat #fff;-webkit-appearance:none;-moz-appearance:none;appearance: none;}
.easy_add_row ul.easy_row li div.input_row ul li select::-ms-expand {display: none;}
.easy_add_row ul.easy_row li div.input_row ul li .keyword2 {border:1px solid #dcdcdc; padding:0 15px; width:120px; height:38px;}


/*--------------------------------------------------------------*/
/* 차계부 : 차량지출내역 */
/*--------------------------------------------------------------*/

.amount {padding:0; margin:0;height:430px; overflow-y:auto;}
.amount dl.title_number { margin-bottom: 1px; position:relative; width:auto; padding:0; height:40px; line-height:40px; border-bottom:0px solid #e5e5e5; font-size:16px;}
.amount dl.title_number dd {position:relative; float:left; color:#959595; height:40px; width:auto; background:url('../img/bul3.png') 18% center no-repeat; }
.amount dl.title_number dd span.cell {display:inline-block; height:40px; width:152px;  color:#3c3c3c; text-align:center; background-color:#f2f2f2; }
.amount dl.title_number dd div.div_reg {top:-2px; background-color:#ff5840; display:inline-block; position:relative; z-index:1; height:39px; width:100px; }
.amount dl.title_number dd div.div_reg a { top:-2px; padding:0; margin:0; position:realtive; display:inline-block; width:98px; height:38px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:34px; font-size:16px; font-weight:700; text-align:center; }
.amount dl.title_number dd div.div_reg a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }


.amount dl.list_number { position:relative; width:1190px; padding:0; height:45px; line-height:40px; border-bottom:1px solid #e5e5e5; font-size:16px;}
.amount dl.list_number dd {position:relative; float:left; color:#959595; height:24px; width:auto;  }
.amount dl.list_number dd span.cell {margin-top:5px; display:inline-block; height:40px; width:152px;  color:#959595; text-align:center; background-color:#fff; }
.amount dl.list_number dd div.div_edit {top:-2px; background-color:#f2f2f2; display:inline-block; position:relative; z-index:1; height:33px; width:100px; }
.amount dl.list_number dd div.div_edit a { top:-2px; padding:0; margin:0; position:realtive; display:inline-block; width:98px; height:33px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:34px; font-size:16px; font-weight:700; text-align:center; }
.amount dl.list_number dd div.div_edit a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }


div.btn_easysave input[type=submit] {float:right; top:-2px; left:40px; background-color:#f2f2f2; display:inline-block; position:relative; z-index:1; height:39px; width:340px; }
div.btn_easysave input[type=submit]:hover { border:1px solid #c0c0c0!important; background-color:#ffffa4 !important; opacity:1 !important;}


div.btn_easyedit input[type=button] {top:-2px; background-color:#9fd8f9; display:inline-block; position:relative; z-index:1; height:34px; width:155px; }
div.btn_easyedit input[type=button]:hover { border:1px solid #c0c0c0!important; background-color:#ffffa4 !important; opacity:1 !important;}

div.btn_easydel input[type=button] {top:-2px; background-color:#f7b9b0; display:inline-block; position:relative; z-index:1; height:39px; width:165px; }
div.btn_easydel input[type=button]:hover { border:1px solid #c0c0c0!important; background-color:#ffffa4 !important; opacity:1 !important;}



/*--------------------------------------------------------------*/
/* 차계부 : 차량번호관리 */
/*--------------------------------------------------------------*/

dl.title_number { margin-bottom: 10px; position:relative; width:1050px; padding:0; height:40px; line-height:40px; border-bottom:0px solid #e5e5e5; font-size:16px;}
dl.title_number dd {position:relative; float:left; color:#959595; height:40px; width:auto; background:url('../img/bul3.png') 18% center no-repeat; }
dl.title_number dd span.cell {display:inline-block; height:40px; width:150px;  color:#3c3c3c; text-align:center; background-color:#f2f2f2; }
dl.title_number dd div.div_reg {top:-2px; background-color:#ff5840; display:inline-block; position:relative; z-index:1; height:39px; width:100px; }
dl.title_number dd div.div_reg a { top:-2px; padding:0; margin:0; position:realtive; display:inline-block; width:98px; height:38px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:34px; font-size:16px; font-weight:700; text-align:center; }
dl.title_number dd div.div_reg a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }

dl.list_number { position:relative; width:1050px; padding:0; height:45px; line-height:40px; border-bottom:0px solid #e5e5e5; font-size:16px;}
dl.list_number dd {position:relative; float:left; color:#959595; height:40px; width:auto; background:url('../img/bul3.png') 18% center no-repeat; }
dl.list_number dd span.cell {display:inline-block; height:40px; width:150px;  color:#959595; text-align:center; background-color:#fff; }
dl.list_number dd div.div_edit {top:-2px; background-color:#f2f2f2; display:inline-block; position:relative; z-index:1; height:38px; width:100px; }
dl.list_number dd div.div_edit a { top:-2px; padding:0; margin:0; position:realtive; display:inline-block; width:98px; height:38px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:34px; font-size:16px; font-weight:700; text-align:center; }
dl.list_number dd div.div_edit a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }


div.btn_easysave input[type=submit] {float:right; top:-2px; left:40px; background-color:#f2f2f2; display:inline-block; position:relative; z-index:1; height:39px; width:340px; }
div.btn_easysave input[type=submit]:hover { border:1px solid #c0c0c0!important; background-color:#ffffa4 !important; opacity:1 !important;}


div.btn_easyedit input[type=button] {top:-2px; background-color:#9fd8f9; display:inline-block; position:relative; z-index:1; height:39px; width:165px; }
div.btn_easyedit input[type=button]:hover { border:1px solid #c0c0c0!important; background-color:#ffffa4 !important; opacity:1 !important;}

div.btn_easydel input[type=button] {top:-2px; background-color:#f7b9b0; display:inline-block; position:relative; z-index:1; height:39px; width:165px; }
div.btn_easydel input[type=button]:hover { border:1px solid #c0c0c0!important; background-color:#ffffa4 !important; opacity:1 !important;}

/*--------------------------------------------------------------*/
/* 렌트카 : 시동차단 */
/*--------------------------------------------------------------*/
.rent_div_left { display:inline-block; position:relative; width:730px; float:left; height:540px; font-size:16px; overflow-x:hidden; }
.rent_div_left dl.title_number { margin-bottom: 1px; position:relative; width:auto; padding:0; height:40px; line-height:40px; border-bottom:0px solid #e5e5e5; font-size:16px;}
.rent_div_left dl.title_number dd {position:relative; float:left; color:#959595; height:40px; width:auto; background:url('../img/bul3.png') 18% center no-repeat; }
.rent_div_left dl.title_number dd span.cell {display:inline-block; height:40px; width:250px;  color:#3c3c3c; text-align:center; background-color:#f2f2f2; }
.rent_div_left dl.title_number dd div.div_reg {top:-2px; background-color:#ff5840; display:inline-block; position:relative; z-index:1; height:39px; width:100px; }
.rent_div_left dl.title_number dd div.div_reg a { top:-2px; padding:0; margin:0; position:realtive; display:inline-block; width:98px; height:38px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:34px; font-size:16px; font-weight:700; text-align:center; }
.rent_div_left dl.title_number dd div.div_reg a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }

.rent_div_left dl.list_number { position:relative; width:612px; padding:0; height:45px; line-height:40px; border-bottom:1px solid #e5e5e5; font-size:16px;}
.rent_div_left dl.list_number dd {position:relative; float:left; color:#959595; height:24px; width:auto;  }
.rent_div_left dl.list_number dd span.cell {margin-top:5px; display:inline-block; height:40px; width:250px;  color:#959595; text-align:center; background-color:#fff; }
.rent_div_left dl.list_number dd div.div_edit {top:-2px; background-color:#f2f2f2; display:inline-block; position:relative; z-index:1; height:33px; width:100px; }
.rent_div_left dl.list_number dd div.div_edit a { top:-2px; padding:0; margin:0; position:realtive; display:inline-block; width:98px; height:33px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:34px; font-size:16px; font-weight:700; text-align:center; }
.rent_div_left dl.list_number dd div.div_edit a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }



.rent_div_right { display:inline-block; position:relative; width:730px; float:left; height:580px; overflow-y:hidden; overflow-x:hidden; margin-left:30px; }
.rent_div_right .popup_map {position:relative; display:block; width:100%; height:640px; margin:0px; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; }

.rent_div_right .rent_div_header { display:block; position:relative; width:700px; float:left; height:45px; background-color:#c0c0c0;}
.rent_div_right .rent_div_header ul {display:block; position:relative; font-size:16px; height:43px; width:700px; color:#959595; background-color:#fff; }
.rent_div_right .rent_div_header ul li {display:inline-block; position:relative; font-size:16px; height:40px; width:180px; color:#959595; text-align:left; line-height:40px; background-color:#fff;}

.rent_div_right_top { display:inline-block; position:relative; width:700px; float:left; height:190px; }
.rent_div_right_top .button_area { height:100px; width:700px; margin:0; padding:0; margin-top:10px; }
.rent_div_right_top .button_area ul { height:100px; width:700px; margin-left:50px; margin:0; padding:0; }
.rent_div_right_top .button_area ul li { display:block; float:left; height:90px; text-align:center; line-height:45px;  border:0px solid #dcdcdc;}
.rent_div_right_top .button_area ul li.cmd { display:block; float:left; width:150px; line-height:90px; }
.rent_div_right_top .button_area ul li.cmd div { display:block; float:left; width:150px; line-height:90px; border:0px solid #dcdcdc; }
.rent_div_right_top .button_area ul li.cmd div a { right:0px; position:realtive; display:inline-block; width:150px; height:90px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:90px; font-size:16px; font-weight:700; text-align:center; }
.rent_div_right_top .button_area ul li.cmd div a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }
.rent_div_right_top .button_area ul li.text { position:relative; display:block; float:left; width:350px; text-align:left; border:0px solid #dcdcdc; padding-left:5px; }
.rent_div_right_top .button_area ul li.text ul {  height:50px; width:350px; margin:0; padding:0; }
.rent_div_right_top .button_area ul li.text ul li { display:block; float:left; height:45px; text-align:center; line-height:45px;  border:0px solid #dcdcdc;}
.rent_div_right_top .button_area ul li.map { position:relative; display:block; float:left; width:100px; background-color:white; text-align:center; line-height:90px; border:0px solid #dcdcdc;}
.rent_div_right_top .button_area ul li.map div a { right:0px; position:realtive; display:inline-block; width:100px; height:90px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:90px; font-size:16px; font-weight:700; text-align:center; }
.rent_div_right_top .button_area ul li.map div a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }

.rent_div_right_top .top_address { display:inline-block; height:30px; width:500px; margin:8px 0 0 10px; padding:0; }

.rent_line { display:block; position:relative; width:700px; float:left; height:2px; background-color:#c0c0c0;}

.rent_div_right_bottom { display:inline-block; position:relative; width:700px; float:left; height:100%; margin-top:10px; }
.rent_div_right_bottom .top_remark { display:inline-block; height:70px; width:500px; margin:8px 0 0 10px; padding:0 0 0 0; }
.rent_div_right_bottom .button_area { height:200px; width:700px; margin:0; padding:0; margin-top:10px; }
.rent_div_right_bottom .button_area ul { height:100px; width:700px; margin-left:50px; margin:0; padding:0; }
.rent_div_right_bottom .button_area ul li { display:block; float:left; height:90px; text-align:center; line-height:90px; border:0px solid #dcdcdc;}
.rent_div_right_bottom .button_area ul li.cmd { display:block; float:left; width:150px; line-height:90px; }
.rent_div_right_bottom .button_area ul li.cmd div { display:inline-block; float:left; width:150px; height:90px; border:0px solid #dcdcdc; margin-bottom:10px; }
.rent_div_right_bottom .button_area ul li.cmd div a { right:0px; position:realtive; display:inline-block; width:150px; height:90px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:90px; font-size:16px; font-weight:700; text-align:center; }
.rent_div_right_bottom .button_area ul li.cmd div a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }
.rent_div_right_bottom .button_area ul li.text { position:relative; display:block; float:left; width:350px; text-align:left; line-height:45px; border:0px solid #dcdcdc; padding-left:5px; }
.rent_div_right_bottom .button_area ul li.text ul {  height:50px; width:350px; margin:0; padding:0; }
.rent_div_right_bottom .button_area ul li.text ul li { display:block; float:left; height:45px; text-align:center; line-height:45px;  border:0px solid #dcdcdc;}
.rent_div_right_bottom .button_area ul li.map { position:relative; display:block; float:left; width:100px; background-color:white; text-align:center; line-height:90px; border:0px solid #dcdcdc;}
.rent_div_right_bottom .button_area ul li.map div a { right:0px; position:realtive; display:inline-block; width:100px; height:90px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:90px; font-size:16px; font-weight:700; text-align:center; }
.rent_div_right_bottom .button_area ul li.map div a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }


.rent_div_right_bottom .bottom_address { display:inline-block; height:30px; width:500px; margin:8px 0 0 10px; padding:0 0 0 0; }


/* 2020년 온도알리미 Templete */
.ondo_top {width:720px; height:300px; background:url(' ../img/join_topBg_ondo.png') top center no-repeat; background-size:cover;}
.ondo_top .ondo_top_menu {position:relative; width:100%; height:25px; padding:10px 0 0 0;}

.ondo_top .ondo_top_menu div.logo img {position:absolute; height:65px; width:75px; float:left; display:inline-block; padding:0 10px 0 10px; margin:15px 0 0 30px; opacity:2.0;}

.ondo_top .ondo_top_menu .top_menu_btn {position:absolute; left:42px; top:120px; width:40px; height:32px; display:inline-block; float:left; }
.ondo_top .ondo_top_menu .top_menu_btn p {vertical-align:top; width:65px; height:35px; color:#f0efed; text-align:center; opacity:0.8;}
.ondo_top .ondo_top_menu .top_menu_btn img {vertical-align:top; width:65px; height:20px; opacity:0.8;}

.ondo_top div.logo_ondo {position:relative; width:100%; text-align:center; padding-top:0px;}
.ondo_top div.logo_ondo img {position:relative; height:auto; width:40%; float:left; display:inline-block; padding:0 0 30px 150px; margin:0;}

.ondo_header { padding-left:30px; font-size:30px; color:#ffffff; font-weight:600; }
.ondo_header .ondo_btn {display:inline-block; position:relative; width:95%; height:45px; background:#757575; padding-top:15px; border:1px solid #db0000; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}
.ondo_header .ondo_btn.on {display:inline-block; position:relative; width:95%; height:45px; color:#ffff00; background:#757575; padding-top:15px; border:1px solid #db0000; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}

.ondo_status .status_mark {display:inline-block; position:relative; width:95%; height:35px; font-size:24px; padding-top:3px; border:1px solid #ffffff; border-radius:20px !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important;}
.ondo_status .status_btn {display:inline-block; position:relative; width:95%; height:30px; font-size:24px; background:#eeeeee; padding-top:15px; border:1px solid #ffffff; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}
.ondo_status .status_text {display:inline-block; position:relative; width:95%; height:30px; background:#ffffff; padding-top:15px; border:1px solid #ffffff; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}

.ondo_status .sensor_btn {display:inline-block; position:relative; width:95%; height:40px; background:#bdbdbd; padding-top:15px; border:1px solid #ffffff; border-radius:15px !important; -webkit-border-radius:15px !important; -moz-border-radius:15px !important;}

.ondo_status .config_btn {display:inline-block; position:relative; width:95%; hheight:25px; color:#757575; font-size:20px; font-weight:400; margin:4px 0; padding:3px 0 8px 0; background:#eeeeee; border:1px solid #ffffff; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}