/*intro*/
.mwrap {position:relative; width:100%; min-width:720px; max-width:720px; margin:0 auto; padding:0px; background:url(' ../img/intro/intro_Bg.jpg') top center no-repeat; background-size: 720px 100%;}
.mwrap .mlogo {padding:375px 0 400px 0; width:720px; height:435px; overflow:hidden; text-align:center;}
.mwrap .footer{padding-bottom:70px; color:#707070; font-size:26px; font-family:'NotoSans'; font-weight:300; text-align:center; width:720px; text-shadow: 0px 0px 5px #ffffff;}

/*login-로그인*/
.login_top {width:720px; height:440px; background:url(' ../img/login_topBg.gif') top center no-repeat;}
.login_top .login_logo {text-align:center; padding-top:105px;}
.login_wrap {padding:80px 75px; background:#fff;}
.login_wrap .login_input_box {width:570px; height:110px; border-bottom:2px solid #f0efed; line-height:110px;}
.login_wrap .login_input_box dt {width:190px; float:left; display:inline-block; font-size:32px; color:#cb4432; font-weight:700;}
.login_wrap .login_input_box dd {width:370px; height:108px; float:left; display:inline-block;}
.login_wrap .login_input_box dd input {width:370px; height:50px; line-height:50px; margin:29px 0; color:#aaaaaa; font-size:32px; border:0px;}
.login_chk {margin:45px 0 50px 0; height:40px;}
.login_chk .login_chk_txt {color:#aaaaaa; font-size:32px; font-weight:500; height:40px; line-height:40px; float:left; font-weight:700;}
.login_chk .wrap_check {position:relative; float:right; cursor:pointer; overflow:hidden;}
.login_chk .wrap_check input.checkbox {position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:5; width:65px;height:38px}
.login_chk .wrap_check i {float:left;display:block;width:65px;height:38px;background:url(' ../img/btn_checkbox.gif')no-repeat left bottom;z-index:3;}
.login_chk .wrap_check label {float:left; margin-left:10px; cursor:pointer; font-size:12px;}
.login_chk .wrap_check input.checkbox:checked+i {background-position:left top;}
.login_chk .wrap_check input.checkbox:checked+i+label {color:#f56592;}
.member_wrap {margin:45px 0 10px 0; height:35px;}
.member_wrap .member_info {font-size:30px; height:35px; line-height:35px; float:left; font-weight:500;}
.member_wrap .member_info a {color:#aaaaaa;}
.member_wrap .member_join {color:#cb4432; font-size:32px; height:35px; line-height:35px; float:right; padding-left:38px; font-weight:700; background:url(' ../img/member_join_icon.png') no-repeat left center;}
.member_wrap .member_join a {color:#cb4432;}

.login_bottom { height:110px; line-height:110px; background:#f5f5f5; text-align:center;}
.login_bottom a {color:#a0a0a0; font-size:30px;}
.login_bottom .bar {display:inline-block; overflow:hidden; width:2px; height:40px; vertical-align: middle; margin:0 90px; background:url(' ../img/join_bottom_bar.gif') no-repeat;}

.login_desc {height:110px; line-height:110px; margin-bottom:25px; background:#404040; text-align:center;}
.login_desc a {color:#a0a0a0; font-size:30px;}
.login_desc .bar {display:inline-block; overflow:hidden; width:2px; height:40px; vertical-align: middle; margin:0 90px; background:url(' ../img/join_bottom_bar.gif') no-repeat;}



/*join-회원가입*/
.join_top {width:720px; height:330px;}
.join_top .join_top_menu {position:relative; width:660px; height:70px; line-height:110px; padding:40px 30px 0px 30px;}
.join_top .join_top_menu h3 {font-size:35px; color:#fff; font-weight:700; text-align:center; height:40px; line-height:40px;}
.join_top .join_top_menu .top_menu_btn {position:absolute; left:30px; top:40px; width:40px; height:32px; display:inline-block; float:left; }
.join_top .join_top_menu .top_menu_btn img {vertical-align:top;}
.join_top .join_top_menu .top_home_btn {position:absolute; right:30px; top:40px; width:40px; height:32px; display:inline-block; float:right;}
.join_top .join_top_menu .top_home_btn img {vertical-align:top;}
.join_top .join_info {text-align:center; color:#f9d1cb; font-size:32px; line-height:138%; letter-spacing:-1px; margin-top:50px; font-weight:300;}
.box_line {border-top:2px solid #f0efed; border-bottom:2px solid #f0efed;}
.join_wrap {margin: 0px 30px;background:#fff;padding: 40px 0; width:660px;}
.join_wrap .join_tit {font-weight:700; color:#cb4432; font-size:32px; border-bottom:2px solid #f0efed; padding-bottom:30px; margin-bottom:40px; height:30px; line-height:30px;}
.join_wrap .join_input_box {width:660px; height:58px; line-height:54px; margin-bottom:10px; clear:both; }
.join_wrap .join_input_box_v2 {width:630px; height:65px; line-height:66px; margin-bottom:35px; clear:both; background-color: #f3f3f3; border-radius : 1000px; }
.join_wrap .join_input_box dt {width:220px; float:left; display:inline-block; font-size:30px; color:#3c3c3c; font-weight:500; height:54px; letter-spacing:-1.5px;}
.join_wrap .join_input_box_v2 dt {width:130px; float:left; display:inline-block; font-size:23px; color:#3c3c3c; font-weight:600; height:54px; letter-spacing:-1.5px; padding-left: 5%;}
.join_wrap .join_input_box dt .join_point {height:16px; width:10px; display: inline-block; background:url(' ../img/point_icon.png') top center no-repeat; margin-left:2px;}
.join_wrap .join_input_box dd {width:440px; float:left; display:inline-block;}
.join_wrap .join_input_box_v2 dd {width:440px; float:left; display:inline-block; line-height: 58px;}
.join_wrap .join_input_box dd.join_id_dd {height:58px;}
.join_wrap .join_input_box dd input {width:398px; padding:0 20px; border:2px solid #dcdcdc; height:52px; border-radius:0; color:#3c3c3c; font-size:36px; -webkit-appearance: none;}
.join_wrap .join_input_box_v2 dd input[type=text] {width:398px; padding:0 20px; border:1px solid; height:52px; border-radius:0; color:#3c3c3c; font-size:23px; -webkit-appearance: none; background-color: #f3f3f3;}
.join_wrap .join_input_box_v2 dd textarea {width:398px; padding:0 20px; border:none; height:170px; border-radius:0; color:#3c3c3c; font-size:23px; -webkit-appearance: none; background-color: #f3f3f3;}
.join_wrap .join_input_box dd input[type=checkbox] {-webkit-appearance:checkbox;display:inline-block; width:20px;height:20px;padding:0px }
.join_wrap .join_input_box dd a.policy_link{color:#0080ff} 
.join_wrap .join_input_box dd input.join_id {width:190px; !important; float:left;}
.join_wrap .join_input_box dd select {height:52px; border:2px solid #dcdcdc; font-size:36px; color:#3c3c3c; border-radius:0; background: #fff ; 
/*background: #fff url(' ../img/join_sel.png') right no-repeat; -webkit-background-size: 50px 54px;*/}
.join_wrap .join_input_box dd select.birth_yy {width:156px; padding-left:5px; float:left;}
.join_wrap .join_input_box dd select.birth_mm {width:130px; margin:0 12px; padding-left:5px; float:left;}
.join_wrap .join_input_box dd select.birth_dd {width:130px; padding-left:5px; float:left;}
.join_wrap .join_input_box dd span {font-size:22px; color:#959595; font-weight:300; margin:5px 0 20px 0; display:block; letter-spacing: -1.3px; height:35px;}
.join_wrap .join_input_box dd .btn01_duplicate {font-family:'NotoSans'; font-weight:500 !important; float:right; display:block; width:440px !important; padding:0 !important; height:56px !important; font-size:42px !important; border:0 !important; text-align:center; color:#fff !important; background:#414242;}
.join_wrap .join_ex {font-size:22px; color:#959595; font-weight:300; display:inline-block; letter-spacing: -1.3px; line-height:40px; margin:0 0 15px 220px; width:442px;}
.join_btn_wrap {width:660px;}

/* 메뉴얼 링크 페이지 */
.manual_top {width:720px; height:120px; background:url(' ../img/join_topBg.gif') top center no-repeat;}
.manual_top .manual_top_menu {position:relative; width:660px; height:70px; line-height:110px; padding:40px 30px 0px 30px;}
.manual_top .manual_top_menu h3 {font-size:35px; color:#fff; font-weight:700; text-align:center; height:40px; line-height:40px;}
.manual_top .manual_top_menu .top_menu_btn {position:absolute; left:30px; top:40px; width:40px; height:32px; display:inline-block; float:left; }
.manual_top .manual_top_menu .top_menu_btn img {vertical-align:top;}
.manual_top .manual_top_menu .top_home_btn {position:absolute; right:30px; top:40px; width:40px; height:32px; display:inline-block; float:right;}
.manual_top .manual_top_menu .top_home_btn img {vertical-align:top;}
.manual_top .manual_info {text-align:center; color:#f9d1cb; font-size:32px; line-height:138%; letter-spacing:-1px; margin-top:50px; font-weight:300;}

.manual_img_box {width:720px; height:100%; min-height:800px; background-color:silver; solid #f0efed; border:0px solid #f0efed; }
.manual_img_box img {width:720px;}

/*position-현재위치*/
#cont_map div.loca_box {width:290px; -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:24px; 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:25px; 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;}

.popup_map div.loca_box {width:290px; -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:24px; 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:25px; color:#3c3c3c; font-weight:700; padding-top:10px;margin-bottom:0 !important;line-height:100% !important}
.popup_map div.loca_box dd{margin:0 !important;padding:0 !important;line-height:100% !important;font-size:24px !important}

.position {width:720px; position:relative;}
.other_posi {background:#fff; width:250px; padding-top:20px; border-radius:8px; border:2px solid #3c3c3c; text-align:center;}
.other_posi dt {color:#3c3c3c; font-size:28px; font-weight:700;}
.other_posi dd.data {color:#707070;font-size:22px;font-weight:300;padding: 15px 0 15px 0px;background: url(' ../img/page/posi_map_time.png') left 13px no-repeat;height:22px;margin-left: 25px;}
.other_posi dd.share {font-size:24px; font-weight:500; background-color:#3c3c3c; height:50px; line-height:50px;}
.other_posi dd.share a {display:block; color:#fff;}
.other_icon {width:250px; text-align:center; margin-top:10px;}
.posi_pop {position:absolute;left:50%; top:120px; margin-left: -250px;z-index:9999;width:500px;}
.posi_pop .pop_tit {position:relative; text-align:center;background-color:#3c3c3c;color:#fff;width:500px;}
.posi_pop .pop_tit h3 {font-size:32px; font-weight:500; height:80px; line-height:80px;}
.posi_pop .pop_tit .close {position:absolute; right:20px; top:26px; border:0; background-color:#3c3c3c;}
.posi_pop .pop_tit .close span {font-size:0; background:url(' ../img/page/pop_close.png') center no-repeat; width:30px; height:28px; display:inline-block;}
.posi_pop .pop_con {background:#fff; padding:40px 30px 30px 30px; width:440px;}
.posi_pop .pop_time {height:54px;}
.posi_pop .pop_time dt{width:200px; height:54px; line-height:54px; color:#3c3c3c; font-size:30px; font-weight:500; float:left; display:inline-block;}
.posi_pop .pop_time dd select {width:240px; height:54px; border:2px solid #dcdcdc; font-size:30px; color:#3c3c3c; border-radius:0; padding-left: 10px; background: #fff; /*background: #fff url(' ../img/join_sel.png') right no-repeat; 
-webkit-background-size: 50px 54px;*/ -webkit-appearance: none;}
.posi_pop .pop_info {font-size:26px; color:#959595; font-weight:300; letter-spacing:-1.5px; line-height:135%; margin-top:30px;}
.posi_pop .posi_link {width:440px; margin:35px 0 30px 0; }
.posi_pop .posi_url {width:100%; min-height:140px; line-height:180%; font-size:28px; color:#959595; border:2px solid #dcdcdc; overflow-x: hidden;}
.posi_pop .pop_btn {text-align:center;}
.posi_pop .pop_btn .copy_btn {width:440px; height:90px; line-height:90px; font-size:32px; font-weight:700; color:#fff; background:url(' ../img/btn_Bg.png') no-repeat right bottom #cb4432; display: block;}

/*event-이벤트*/
.event {width:660px; padding:30px; min-height:800px; background:#fff;}
.event dl {width:656px; border:2px solid #f0efed; margin-bottom:20px;}
.event dl dt{position:relative; color:#2b2b2b; font-size:32px; font-weight:700; height:80px; line-height:80px; padding-left:82px;}
.event_0 dt {background:url(' ../img/page/event_shock_tit.png') 32px #f0efed no-repeat;}
.event_1 dt {background:url(' ../img/page/event_accident_tit.png') 32px #f0efed no-repeat;}
.event dt span, .event_0 dt span{font-weight:700; font-size:30px; color:#ed7b00; float: right; padding-right:30px; position: absolute; top: 0px; right: 0;}
.event_1 dt span{font-weight:700; font-size:30px; color:#c62b27; float: right; padding-right:30px; position: absolute; top: 0px; right: 0;}
.event dd, .event_0 dd, .event .event_1 dd {position:relative; color:#707070; font-size:30px; font-weight:300; min-height:80px; padding:32px 30px; line-height:150%;}
.event .event_time, .event_0 .event_time {background:url(' ../img/page/event_time.png') left no-repeat; padding-left:38px; line-height:42px;}
.event  .event_add , .event_0 .event_add {background:url(' ../img/page/event_add.png') left no-repeat; padding-left:38px; line-height:42px;}
.event_1 .event_time {background:url(' ../img/page/event_time.png') left no-repeat; padding-left:38px; line-height:42px;}
.event_1 .event_speed {background:url(' ../img/icon_speed.png') left no-repeat; padding-left:38px; line-height:42px;}
.event_1 .event_add {background:url(' ../img/page/event_add.png') left no-repeat; padding-left:38px; line-height:42px;}
.event .event_view a {position:absolute; top:32px; right: 30px;width:65px; height:80px; background:url(' ../img/page/event_map_view.png') 15px 28px #f5932a no-repeat; display:block;color:#fff; font-weight:500; }
.event_addition{display:inline-block;width:280px;}

span.e1 {border:2px solid #c62b27; color:#c62b27;}
span.e2 {border:2px solid #c83027; color:#c83027;}
span.e3 {border:2px solid #b43a6b; color:#c83027;}
span.e4 {border:2px solid #b43a6b; color:#c83027;}
span.e5 {border:2px solid #c83027; color:#c83027;}
span.e6 {border:2px solid #c83027; color:#c83027;}
span.e21 {border:2px solid #c83027; color:#c83027;}
span.e22 {border:2px solid #c83027; color:#c83027;}
span.e23 {border:2px solid #c83027; color:#c83027;}

/*move-이동경로보기*/
.move {width:720px; background:#fff;}
.move_sch {margin:30px;}
.move_sch dt{width:600px; height:80px; line-height:80px; background:#cb4432; font-size:32px; color:#fff; font-weight:500; padding:0 30px;}
.move_sch dt .sch_icon {float:right; width:25px; height:80px;}
.move_sch .sch_name {border:2px solid #f0efed; border-bottom:none; width:656px; background: #fff;}
.move_sch .sch_name ul {padding:30px;}
.move_sch .sch_name .car_name {width:150px; display:inline; float:left; height:54px; line-height:54px; font-size:30px; color:#3c3c3c; margin-bottom:10px;}
.move_sch .sch_name .car_sel {width:446px; display:inline; float:left;}
.move_sch .sch_name .car_sel select {width:446px; height:54px; padding-left:10px; border:2px solid #dcdcdc; font-size:26px; color:#3c3c3c; border-radius:0; background: #fff; margin-bottom:10px; /*background: #fff url(' ../img/join_sel.png') right no-repeat; -webkit-background-size: 50px 54px; -webkit-appearance: none;*/}
.move_sch .sch_name .car_sel input {width:396px; height:54px; padding-left:10px; border:2px solid #dcdcdc; font-size:26px; color:#959595; border-radius:0; -webkit-appearance: none; margin-bottom:10px;}
.move_sch .sch_name .car_sel .car_sel_dash {width:25px; height:54px; margin-left:10px;}
.move_sch .sch_name .car_sel .car_sel_dash img {vertical-align:top;}
.move_sch .sch_name li {margin-bottom:2px;}
.move_sch .sch_name li:after {display:block; content:""; clear:both;}
.move_sch input.sch_submit {width:656px; height:90px; line-height:90px; color:#2b2b2b; font-weight:700; font-size:32px; background-color:#f0efed; border-radius:0; border:0; -webkit-appearance: none;}

.move_sch_onmap {margin:0px;width:450px}
.move_sch_onmap dt{height:80px; line-height:80px; background:#cb4432; font-size:32px; color:#fff; font-weight:500; padding:0 30px;}
.move_sch_onmap dt .sch_icon {float:right; width:25px; height:80px;}
.move_sch_onmap .sch_name {background: #fff;width:450px}
.move_sch_onmap .sch_name ul {padding:30px;}
.move_sch_onmap .sch_name .car_sel {width:100%; display:inline;}
.move_sch_onmap .sch_name .car_sel select {width:390px; height:54px; padding-left:10px; border:2px solid #dcdcdc; font-size:26px; color:#3c3c3c; border-radius:0; background: #fff; margin-bottom:10px; /*background: #fff url(' ../img/join_sel.png') right no-repeat; -webkit-background-size: 50px 54px; -webkit-appearance: none;*/}
.move_sch_onmap .sch_name .car_sel input {width:376px; height:54px; padding-left:10px; border:2px solid #dcdcdc; font-size:26px; color:#959595; border-radius:0; -webkit-appearance: none; margin-bottom:10px;}
.move_sch_onmap .sch_name li {margin-bottom:2px;}
.move_sch_onmap .sch_name li:after {display:block; content:""; clear:both;}
.move_sch_onmap input.sch_submit {width:100%; height:90px; line-height:90px; color:#2b2b2b; font-weight:700; font-size:32px; background-color:#f0efed; border-radius:0; border:0; -webkit-appearance: none;}

.move_list {padding:40px 0;border-bottom:2px solid #e5e5e5;margin: 30px 30px 0 30px; height:172px;}

.move_list dt{color:#3c3c3c; font-size:32px; font-weight:700; height:30px; line-height:30px; padding-bottom:30px;}
.move_list dd {position:relative; font-size:30px; font-weight:300; line-height:150%;}
.move_list .move_time {background:url(' ../img/page/event_time.png') left 9px no-repeat; padding:0 0 5px 38px; line-height:42px;}
.move_list .move_view a {position:absolute; top:0; right:0;width:80px; height:80px; background:url(' ../img/page/move_map_view.png') 25px 28px #fff no-repeat; border:2px solid #cb4432; display:block; text-align:center; color:#cb4432; font-weight:500; font-size:28px; line-height:80px;}


/*move-지도보기*/
.scontA2 {width:660px; margin:30px;}
.searchA  {width:659px; background:#fff;  border: 2px solid #f0efed;}
.searchA ul {padding:30px; height:190px;}
.searchA p.sch_name {width:150px; display:inline; float:left; height:54px; line-height:54px; font-size:30px; color:#3c3c3c; font-weight:300; margin-bottom:10px;}
.searchA select.name {width:446px; height:54px; padding-left:10px; border:2px solid #dcdcdc; font-size:26px; color:#3c3c3c; border-radius:0; background: #fff;  margin-bottom:10px;}
.searchA .sear_sel {width:446px; display:inline; float:left;}
.searchA input.keyword2 {width:390px; height:54px; padding-left:10px; border:2px solid #dcdcdc; font-size:26px; color:#959595; border-radius:0; -webkit-appearance: none; margin-bottom:10px;}
.scontA2 input.sch_submit {width:660px; height:90px; line-height:90px; color:#2b2b2b; font-weight:700; font-size:32px; background-color:#f0efed; border-radius:0; border:0; -webkit-appearance: none;}
.searchA .sear_sel_dash {width:25px; height:54px; margin-left:10px;}
.searchA .sear_sel_dash img {vertical-align:top;}


/*driving - 차량운행일지*/
.dri_list {border: 2px solid #f0efed;margin: 30px 30px 0 30px;}
.dri_list dt{position:relative;color:#3c3c3c;font-size:32px;font-weight:700;height: 80px;line-height: 80px;padding: 0 30px;background: #f0efed;}
.dri_list dt .time {font-weight:300; font-size:28px; color:#707070; float: right; position:absolute; right:30px; top:0;}
.dri_list dd {position:relative; font-size:30px;font-weight:300;line-height:150%;padding: 20px; background-color:#fff;}
.dri_list dd.sum{background: #f0efed;}
.dri_list .loca {line-height:42px; display:block;width:540px;}
.dri_list .infoA {line-height:42px;color:#cb4432;width:540px;height: 50px;}
.dri_list .infoA .pott1 {font-weight:700; padding-right:10px;}
.dri_list .btnA a {position:absolute; top:28px; right:20px;width:85px; height:80px; background:url(' ../img/page/event_map_view.png') 28px 28px #c62b27 no-repeat; display:block; text-align:center; color:#fff; font-weight:500;line-height:80px;}


.btn_file {display:block; position:relative; float:right; margin:0 30px 30px 0;text-align:center; width:138px; 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:1px solid #d2d2d2; cursor:pointer;}
.btn_file:hover {border:1px solid #cb4432; color:#cb4432 !important; background:url('../img/btn_file_on.png') 25px center no-repeat #fff;}


/*notice-알림목록*/
.notice {width:660px; padding:0 30px; background:#fff;}
.noti_list {padding:35px 0; border-bottom:2px solid #e5e5e5; }
.noti_list dl {height:40px;}
.noti_list dt {background:url(' ../img/page/noti_icon.png') left no-repeat;padding-left:50px;color:#3c3c3c;font-weight:700;font-size:32px;height:40px;line-height:40px;width: 325px;overflow: hidden;float: left; text-overflow: ellipsis; white-space: nowrap;}
.noti_list dd {font-size:30px; font-weight:300; color:#a0a0a0; float:right; height:40px;line-height:40px;}
.noti_list p {font-size:30px; font-weight:300; color:#707070; text-align:left; line-height:160%; margin-top:20px; width:660px; }


/*pay-결제하기*/
.pay {position:relative; width:720px; background:#fff; min-height:960px;}
.pay_wrap {padding:30px;}
.pay_box {width:656px; border:2px solid #f0efed; margin-bottom:20px;}
.pay_box dt {background:url(' ../img/page/pay_neme_icon.png') 32px #f0efed no-repeat; color:#2b2b2b; font-size:32px; font-weight:700; height:80px; line-height:80px; padding-left:82px;}
.pay_box dt span{font-weight:300; font-size:28px; color:#707070; float: right; padding-right:30px;}
.pay_box dd {color:#707070; font-size:30px; font-weight:300; line-height:150%;}
.pay_box .pay_num {padding:25px 30px 15px 30px;}
.pay_box .pay_num .num_tit {width:206px; display:inline; float:left; height:50px; line-height:50px; font-size:32px; color:#3c3c3c; font-weight:700;}
.pay_box .pay_num .num_txt {width:390px; display:inline; float:left; height:50px; line-height:50px; font-size:32px; color:#707070;}
.pay_box .pay_num {border-bottom:2px dashed #f0efed;}
.pay_box .pay_num li {margin-bottom:10px;}
.pay_box .pay_num li:after {display:block; content:""; clear:both;}
.pay_box .pay_time {padding:20px 30px;}
.pay_box .pay_time .time_tit {width:206px; display:inline; float:left; height:60px; line-height:60px; font-size:32px; color:#3c3c3c; font-weight:700;}
.pay_box .pay_time .time_txt {width:390px; display:inline; float:left; height:60px; line-height:60px; font-size:32px; color:#707070;}
.pay_box .pay_time {border-bottom:2px solid #f0efed;}
.pay_box .pay_time:after {display:block; content:""; clear:both;}
.pay_box .pay_money {padding:20px 30px;}
.pay_box .pay_money .money_tit {width:241px; display:inline; float:left; height:60px; line-height:60px; font-size:32px; color:#cb4432; font-weight:700; padding-left:55px; background:url(' ../img/page/cash_icon.png') left no-repeat;}
.pay_box .pay_money .money_txt {width:300px; display:inline; float:left; height:60px; line-height:60px; font-size:32px; color:#cb4432; text-align:right; font-weight:700;}
.pay_box .pay_money .money_txt span {width:40px; display:inline-block; font-size:28px; font-weight:300;}
.pay_box .pay_money:after {display:block; content:""; clear:both;}

/*terminal-결제하기*/
.termi {position:relative; width:720px; background:#fff; min-height:960px;}
.termi_wrap {padding:30px;}
.termi_box {width:656px; border:2px solid #f0efed; margin-bottom:20px;}
.termi_box dt {position:relative; background:url(' ../img/page/pay_neme_icon.png') 32px #f0efed no-repeat; color:#2b2b2b; font-size:32px; font-weight:700; height:80px; line-height:80px; padding-left:82px;}
.termi_box dt span{position:absolute; right:0; top:0;font-weight:300; font-size:28px; color:#707070; float: right; padding-right:30px;}
.termi_box dd {color:#707070; font-size:30px; font-weight:300;}
.termi_box .termi_num {position:relative; padding:32px 30px 0px 30px;}
.termi_box .termi_num .num_tit {width:110px; display:inline; float:left; height:30px; line-height:30px; font-size:30px; color:#3c3c3c; font-weight:700;}
.termi_box .termi_num .num_txt {width:486px; display:inline; float:left; height:30px; line-height:30px; font-size:30px; color:#707070;}
.termi_box .termi_num li {margin-bottom:20px;}
.termi_box .termi_num li:after {display:block; content:""; clear:both;}
.termi_box .termi_pay a {position:absolute; top:32px; right: 30px;width:150px; height:80px; background:url(' ../img/page/cash_icon.png') 10px 22px #cb4432 no-repeat; display:block; text-align:center; color:#fff; font-weight:500; padding-left:30px; line-height:80px;}
.termi_box .termi_num li.pay_info{border-top:1px solid #f0efed;padding-top:10px;}
.termi_box .termi_num li.pay_info .num_info{display:inline-block;width:48%;height:36px;}
.termi_box .termi_num li.pay_info .num_info em {font-style:normal !important; color:#cb4432;}


.popupA {z-index:9999;width:100%; height:100%;}
.popupA .popup_box {position:relative; text-align:center;color:#fff;overflow:hidden}
.popupA .popup_box h3 {background-color:#3c3c3c;font-size:35px; font-weight:700; height:100px; line-height:80px;padding-top:20px}

.popupA .popup_box .close {position:absolute; top:40px;right:20px;padding:0; height:40px; width:40px; display:block;font-size:0px; border:none !important; background:url('../img/page/pop_close.png') center no-repeat; overflow:hidden;}
.popupA .pop_con {background:#fff;padding:0;width:100%; min-height:750px;}
.popupA .pop_con dl {margin-bottom:20px;text-align:left;}
.popupA .pop_con dl:after {display:block; content:""; clear:both;}
.popupA .pop_con dt{width:100%; min-height:40px; line-height:40px; color:#3c3c3c; font-size:30px; font-weight:500; display:block; margin-bottom:10px;}
.popupA .pop_con dd{width:100%; min-height:40px; line-height:40px; color:#6c6c6c; font-size:28px; font-weight:500; display:block; }
.popupA .pop_con dd input {width:638px; border:2px solid #dcdcdc; height:56px; border-radius:0; color:#3c3c3c; font-size:26px; -webkit-appearance: none;}
.popupA .pop_con dd input.termi_name {color:#3c3c3c;}
.popupA .pop_con dd input.termi_id, .popupA .pop_con dd input.termi_num {color:#959595;}
.popupA .pop_con .input_inline_6 , .popupA .pop_con .input_inline_4 {padding:0 20.4px;}
.popupA .pop_con .input_inline_6 {width: 160px !important;}
.popupA .pop_con .input_inline_4 {width: 131px !important;}
.popupA .pop_con .input_inline_8 {width: 180px !important;}



.popup_bottom_btn {position:absolute; bottom:0px;text-align:center; width:720px;background:#fff}
.popup_bottom_btn .edit_btn {width:100%; height:110px; line-height:90px; font-size:32px; font-weight:700; color:#fff; background:url(' ../img/btn_Bg.png') no-repeat right bottom #cb4432; display: block; border:0;}


.popupA .pop_con  dl dd > input {display:block; color:#3c3c3c; height:60px;  padding:0 15px; width:95%; border:1px solid #dcdcdc;}
.popupA .pop_con  dl dd > input.input_inline_6 {width:106px !important}
.popupA .pop_con  dl dd > input.input_inline_8 {width:126px !important}
.popupA .pop_con  dl dd > input.input_inline_8 {width:166px !important}
.popupA .pop_con  dl dd > input.input_inline_4 {width:80px !important}
.popupA .pop_con  dl dd > select {border:1px solid #dcdcdc; width:190px; height:60px; 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;background-size:60px;-webkit-appearance:none;-moz-appearance:none;appearance: none;}
.popupA .pop_con  dl dd > select.payment{padding:0 10px;width:100% !important}
.popupA .pop_con  dl dd > select::-ms-expand {display: none;}
.popupA .pop_con  textarea {display:block; margin:5px 0; color:#a0a0a0; border:1px solid #dcdcdc; font-size:24px;padding:15px; width:90%; height:90px; resize:none;}

.popupA .pop_con .bd_top, .popupA .pop_con .pay_tt {margin-top:20px;border:2px solid #f0efed;}
.popupA .pop_con .bd_top dt,.popupA .pop_con .pay_tt dt{font-weight:700; width:92%;margin-bottom:15px;padding:10px 4% 15px 4%; background:#f0efed ;} 
.popupA .pop_con .bd_top dd,.popupA .pop_con .pay_tt dd {font-size:32px; padding:0px 4% 4%; color:#cb4432;}
.popupA .pop_con dl.bd_top dd > select.payment {font-size:28px;width:92% !important;}
/***********************************************************************************************/

.popupB {z-index:9999;width:100%; height:100%;}
.popupB .popup_box {position:relative; text-align:center;color:#fff;overflow:hidden}
.popupB .popup_box h3 {background-color:#3c3c3c;font-size:20px; font-weight:700; height:70px; line-height:70px;padding-top:0px;text-align:center}

.popupB .popup_box .close {position:absolute; top:40px;right:20px;padding:0; height:40px; width:40px; display:block;font-size:0px; border:none !important; background:url('../img/page/pop_close.png') center no-repeat; overflow:hidden;}
.popupB .pop_con {background:#fff;padding:0;width:100%; min-height:750px;}
.popupB .pop_con dl {margin-bottom:20px;text-align:left;}
.popupB .pop_con dl:after {display:block; content:""; clear:both;}
.popupB .pop_con dt{width:100%; min-height:40px; line-height:40px; color:#3c3c3c; font-size:30px; font-weight:500; display:block; margin-bottom:10px;}
.popupB .pop_con dd{width:100%; min-height:40px; line-height:40px; color:#6c6c6c; font-size:28px; font-weight:500; display:block; }
.popupB .pop_con dd input {width:638px; border:2px solid #dcdcdc; height:56px; border-radius:0; color:#3c3c3c; font-size:26px; -webkit-appearance: none;}
.popupB .pop_con dd input.termi_name {color:#3c3c3c;}
.popupB .pop_con dd input.termi_id, .popupB .pop_con dd input.termi_num {color:#959595;}
.popupB .pop_con .input_inline_6 , .popupB .pop_con .input_inline_4 {padding:0 20.4px;}
.popupB .pop_con .input_inline_6 {width: 160px !important;}
.popupB .pop_con .input_inline_4 {width: 131px !important;}
.popupB .pop_con .input_inline_8 {width: 180px !important;}



.popup_bottom_btn {position:absolute; bottom:0px;text-align:center; width:720px;background:#fff}
.popup_bottom_btn .edit_btn {width:100%; height:110px; line-height:90px; font-size:32px; font-weight:700; color:#fff; background:url(' ../img/btn_Bg.png') no-repeat right bottom #cb4432; display: block; border:0;}


.popupB .pop_con  dl dd > input {display:block; color:#3c3c3c; height:60px;  padding:0 15px; width:95%; border:1px solid #dcdcdc;}
.popupB .pop_con  dl dd > input.input_inline_6 {width:106px !important}
.popupB .pop_con  dl dd > input.input_inline_8 {width:126px !important}
.popupB .pop_con  dl dd > input.input_inline_8 {width:166px !important}
.popupB .pop_con  dl dd > input.input_inline_4 {width:80px !important}
.popupB .pop_con  dl dd > select {border:1px solid #dcdcdc; width:190px; height:60px; 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;background-size:60px;-webkit-appearance:none;-moz-appearance:none;appearance: none;}
.popupB .pop_con  dl dd > select.payment{padding:0 10px;width:100% !important}
.popupB .pop_con  dl dd > select::-ms-expand {display: none;}
.popupB .pop_con  textarea {display:block; margin:5px 0; color:#a0a0a0; border:1px solid #dcdcdc; font-size:24px;padding:15px; width:90%; height:90px; resize:none;}

.popupB .pop_con .bd_top, .popupB .pop_con .pay_tt {margin-top:20px;border:2px solid #f0efed;}
.popupB .pop_con .bd_top dt,.popupB .pop_con .pay_tt dt{font-weight:700; width:92%;margin-bottom:15px;padding:10px 4% 15px 4%; background:#f0efed ;} 
.popupB .pop_con .bd_top dd,.popupB .pop_con .pay_tt dd {font-size:32px; padding:0px 4% 4%; color:#cb4432;}
.popupB .pop_con dl.bd_top dd > select.payment {font-size:28px;width:92% !important;}

/*mypage - 마이페이지*/


.myinfo {position:relative;width:720px;overflow:hidden;padding:35px 0;background: url('../img/mypage_account.png') 30px 30px #2b2b2b no-repeat;height:98px; margin-bottom:20px;}
.myinfo dt {font-weight:700; font-size:30px; float:left;width:240px;padding-left:160px;height:40px;line-height:40px;color: #fff;}
.myinfo dd {display:block;float:left;height:40px;width:560px;padding-left:160px;margin-top:15px;}
p.bul {background:url('../img/bul2.png') left no-repeat;display:block;line-height:8px;color: #d2d2d2; margin-right:25px;font-size:24px;}
p.bul strong {color: #cecece; font-weight:500; margin-right:10px;}

.tit02 {position:relative; color:#333; display:block; width:660px; font-weight:700; font-size:30px; line-height:50px; border-bottom:1px solid #e5e5e5; padding:20px 0; margin-bottom:5px;}
.tit03 {position:relative; color:#333; display:block;  font-weight:700; font-size:40px; line-height:50px; border-bottom:2px solid #e0e0e0; padding:15px 0; margin-bottom:5px;}
.tit02 span {position:absolute; right:0; top:15px; display:inline-block; float:right; font-size:24px; margin-left:20px;}

.mypage {padding:0 30px; width:660px;}

.mypage_payment_box {width:656px; border:2px solid #f0efed; margin-bottom:20px;}
.mypage_payment_box dt {position:relative; background:url(' ../img/page/pay_neme_icon.png') 32px #f0efed no-repeat; color:#2b2b2b; font-size:32px; font-weight:700; height:80px; line-height:80px; padding-left:82px;}
.mypage_payment_box dt span{position:absolute; right:0; top:0;font-weight:300; font-size:28px; color:#707070; float: right; padding-right:30px;}
.mypage_payment_box dd {color:#707070; font-size:30px; font-weight:300;}
.mypage_payment_box .termi_num {position:relative; padding:32px 30px 0px 30px;}
.mypage_payment_box .termi_num .num_tit {width:200px; display:inline; float:left; height:30px; line-height:30px; font-size:30px; color:#3c3c3c; font-weight:700;}
.mypage_payment_box .termi_num .num_txt {width:396px; display:inline; float:left; height:30px; line-height:30px; font-size:30px; color:#707070;}
.mypage_payment_box .termi_num .jebo_tit {width:130px; display:inline; float:left; height:30px; line-height:30px; font-size:25px; color:#3c3c3c; font-weight:600;}
.mypage_payment_box .termi_num .jebo_txt {width:165px; display:inline; float:left; height:30px; line-height:30px; font-size:25px; color:#707070;}
.mypage_payment_box .termi_num li {margin-bottom:20px;}
.mypage_payment_box .termi_num li:after {display:block; content:""; clear:both;}
.mypage_payment_box .termi_pay a {position:absolute; top:32px; right: 30px;width:150px; height:80px; background:url(' ../img/page/cash_icon.png') 10px 22px #cb4432 no-repeat; display:block; text-align:center; color:#fff; font-weight:500; padding-left:30px; line-height:80px;}
.indexpop{display : none; position: absolute;	width: 84.5%;	left: 27%;	margin-left: -20%; /* half of width */	height: 500px;	top: 500px;	margin-top: -150px; /* half of height */	overflow: auto;	background-color: white;}

.my_list1 {padding:35px 0; border-bottom:2px solid #e5e5e5; }
.my_list1 dl.list1 {width:660px; height: 40px;}
.my_list1 dl.list1 dt {background:url(' ../img/page/noti_icon.png') left no-repeat;padding-left:50px;color:#3c3c3c;font-weight:700;font-size:32px;height:40px;line-height:40px;width: 325px;overflow: hidden;float: left; text-overflow: ellipsis; white-space: nowrap;}
.my_list1 dl.list1 dd {font-size:30px; font-weight:300; color:#a0a0a0; float:right; height:40px;line-height:40px;}
.my_list1 dl.list1:last-child {border:none;}
.my_list1 p.list1_txt {position:relative; font-size:30px; font-weight:300; color:#707070; text-align:left; line-height:160%; margin-top:25px; width:660px;}
.my_list1 p.list1_txt span.notice {display:inline-block;float:left;width:80px;padding:2px 30px !important;}
.my_list1 p.list1_txt span.tit {display:inline-block; width:500px;}
.my_list1 p.noti1 span.notice {border:2px solid #ea7a27; color:#ea7a27;}
.my_list1 p.noti2 span.notice {border:2px solid #c52b26; color:#c52b26;}




/*--------------------------------------------------------------*/
/* 차계부 : 메인화면 */
/*--------------------------------------------------------------*/

#easycar_return {float:left; left:540px; top:0px; background-color:#2b2b2b; display:block; position:absolute; z-index:1; height:110px; width:180px; }
#easycar_return a {left:0px; margin:0px; top:10px; padding:10px; padding-left:30px; position:relative; color:#fff; line-height:120px; font-size:20px; background-color:#2b2b2b; display:inline-block; z-index:1; height:90px; width:180px; border:0px solid #c0c0c0!important; opacity:0.9; background:url('../img/easycar_f.png') 105px 25px no-repeat; text-align:center; }
#easycar_return a:hover { color:#ea7a27; border:0px solid #c0c0c0!important; }


/* 타이틀 표시 행이 따로 구성되어 있는경우. 검색조건은 아래 행으로 표시 */
.searchA_easy {position:relative; width:630px; 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 #btn02 {position:absolute; top:10px; margin-left:10px;}

.searchA_easy h3 {display:inline-block; font-size:40px; width:135px; height:40px; line-height:40px; margin-right:25px; float:left;}
.searchA_easy select {font-size:40px; border:1px solid #dcdcdc; width:448px; height:45px; float:left; margin-right:10px; -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 .keyword {border:1px solid #dcdcdc; padding:0 15px; width:100px; height:45px; }
.searchA_easy .keyword2 {border:1px solid #dcdcdc; padding:0 15px; width:170px; height:45px; }

.main_chart { display:block; position:relative; width:662px; float:left; height:370px; padding-bottom:80px; }
.main_donut { display:inline-block; position:relative; width:460px; float:left; height:370px; padding-bottom:20px; }
.button_area { display:inline-block; position:relative; width:196px; float:left; height:420px; }
.button_area ul li { width:196px; height:120px; border:1px solid #b5b5b5; margin-left:5px; margin-bottom:2px; }

.button_area ul li .btn_a a { margin:2px; padding-top:5px; position:relatvie; display:inline-block; width:195px; height:105px; border:0px solid #b5b5b5; color:#3c3c3c; line-height:36px; font-size:30px; font-weight:700; text-align:center;}
.button_area ul li .btn_a a p.btn_text { color:#3c3c3c; font-size:30px; font-weight:700; text-align:center;}
.button_area ul li .btn_a a.btn_repair { opacity:0.55; background:url('../img/menu07_on.png') 10px 11px no-repeat;}
.button_area ul li .btn_a a:hover { width:195px; 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:195px; height:105px; border:0px solid #b5b5b5; color:#3c3c3c; line-height:36px; font-size:30px; font-weight:700; text-align:center;}
.button_area ul li .btn_b a p.btn_text { color:#3c3c3c; font-size:30px; font-weight:700; text-align:center;}
.button_area ul li .btn_b a.btn_fuel { opacity:0.55; background:url('../img/menu07_on.png') 10px 11px no-repeat;}
.button_area ul li .btn_b a:hover { width:195px; 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:195px; height:105px; border:0px solid #b5b5b5; color:#3c3c3c; line-height:36px; font-size:30px; font-weight:700; text-align:center;}
.button_area ul li .btn_c a p.btn_text { color:#3c3c3c; font-size:30px; font-weight:700; text-align:center;}
.button_area ul li .btn_c a.btn_etc { opacity:0.55; background:url('../img/menu07_on.png') 10px 11px no-repeat;}
.button_area ul li .btn_c a:hover { width:195px; border:1px solid #c0c0c0!important; background-color:#f2f2f2 !important; opacity:1 !important;}

#easycar_menu_b { display:block; position:absolute; width:100%; float:left; bottom:0;}
#easycar_menu_b ul { position:relative; width:680px; overflow:hidden; background:#2b2b2b; padding:20px 10px 20px 30px; }
#easycar_menu_b ul:after {clear:both; content:""; display:block; }
#easycar_menu_b ul li { display:inline-block; width:330px; height:70px; border:0px solid #b5b5b5; }
#easycar_menu_b ul li a { padding-top:15px; position:relatvie; display:block; width:100%; height:60px; border-bottom:5px solid #db0000; color:#ffffff; line-height:36px; font-size:40px; font-weight:700; text-align:center;}
#easycar_menu_b ul li a:hover { border:1px solid #c0c0c0!important; height:60px; background-color:#db0000!important; opacity:1 !important;}

#easycar_menu_reg { display:block; position:absolute; width:690px; height:100px; float:left; bottom:232px;}
#easycar_menu_reg ul { position:relative; width:689px; height:90px; overflow:hidden; background:#2b2b2b; padding:10px 10px 10px 30px; }
#easycar_menu_reg ul:after {clear:both; content:""; display:block; }
#easycar_menu_reg ul li { display:inline-block; width:220px; height:70px; border:0px solid #b5b5b5; }
#easycar_menu_reg ul li a { background-color:#db0000!important; position:relatvie; display:block; width:220px; height:70px; border:1px solid #2b2b2b; color:#ffffff; line-height:65px; font-size:40px; font-weight:700; text-align:center;}
#easycar_menu_reg ul li a:hover { width:220px; height:70px; border:1px solid #c0c0c0!important; background-color:#db0000!important; opacity:1 !important;}

/*--------------------------------------------------------------*/
/* 차계부 : 주유관리 */
/*--------------------------------------------------------------*/
.easy_div_left { display:block; position:relative; width:660px; float:left; height:360px; border:1px solid #dcdcdc; border-bottom:0px solid #dcdcdc; padding-top:20px; }
.easy_div_right { display:inline-block; position:relative; width:660px; float:left; height:350px; border:1px solid #dcdcdc; border-top:0px solid #dcdcdc; padding-top:20px;}

.easy_div_left ul { height:70px; width:680px; margin-left:50px; margin:0; padding:0;}
.easy_div_left ul li { display:block; float:left; height:56px; text-align:center; font-size:28px; line-height:40px; }
.easy_div_left ul li.title { display:block; float:left; width:320px; }
.easy_div_left ul li input {width:220px; border:1px solid #dcdcdc; height:48px; line-height:38px; padding:0 15px;}
.easy_div_left ul li.input span.read { position:relative; display:block; float:left; height:44px; width:235px; 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 select {border:1px solid #dcdcdc; width:285px; height:50px; float:left; margin-right:0px; -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:50px;}

.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:20px; 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:70px; width:680px; margin-left:50px; margin:0; padding:0; }
.easy_div_right ul li { display:block; float:left; height:56px; text-align:center; font-size:28px; line-height:40px; }
.easy_div_right ul li.title { display:block; float:left; width:320px; }
.easy_div_right ul li input {width:220px; border:1px solid #dcdcdc; height:48px; line-height:38px; padding:0 15px;}
.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 select {border:1px solid #dcdcdc; width:285px; height:50px; float:left; margin-right:0px; -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:50px;}

.easy_div_right ul li div.btn {display:block; float:left; width:570px; }
.easy_div_right ul li div .btnA { background-color:#f2f2f2; float:right; display:inline-block; position:relative; z-index:2; top:2px; width:166px; padding:0 0 0 2px; }
.easy_div_right ul li div .btnA a { right:0px; position:realtive; display:inline-block; width:162px; height:45px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:44px; font-size:28px; 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:555px; color:#a2d2fb; margin-left:50px; margin-top:5px; }

#btn_easy div.btn_easysave {float:left; left:0px; bottom:0px; background-color:#000000; display:block; position:absolute; z-index:1; height:110px; width:720px; }
#btn_easy div.btn_easysave input[type=submit] {left:0px; margin:0px; top:2px; padding:0; position:relative; color:#fff; font-size:50px; background-color:#db0000; display:inline-block; z-index:2; height:100px; width:720px; border:0px solid #c0c0c0!important; }
#btn_easy div.btn_easysave input[type=submit]:hover { border:0px solid #c0c0c0!important; background-color:#ff2f2f!important; opacity:1 !important;}


/*--------------------------------------------------------------*/
/* 차계부 : 정비관리 */
/*--------------------------------------------------------------*/

.easy_div_right ul.sub_items { height:65px; width:660px; background-color:#dcdcdc; padding:2px;}
.easy_div_right ul.sub_items h3 { text-align:left; width:420px; padding-left:30px; line-height:60px; }
.easy_div_right ul#row_data { height:auto;}

.easy_div_right ul li div.btn_esayadd { width:210px; height:65px; margin:0; padding:0; top:5px; float:right; display:inline-block; position:relative; z-index:1; }
.easy_div_right ul li div.btn_esayadd a {background-color:#f2f2f2;  right:0px; position:realtive; display:inline-block; width:208px; height:53px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:54px; font-size:30px; font-weight:700; text-align:center; }
.easy_div_right ul li div.btn_esayadd a:hover { width:208px; height:50px; border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }

.easy_add_row { display:inline-block; float:left; width:660px; height:80px; padding:0; margin:0;}
.easy_add_row ul.easy_row { left:0px; display:block; position:relative; float:left; width:660px; height:140px; }
.easy_add_row ul.easy_row li div.input_row { left:0px; display:block; position:relative; float:left; width:660px; height:140px; }

.easy_add_row ul.easy_row li div.input_row ul li.title_a { display:block; position:relative; float:left; width:275px; height:60px; font-size:35px;  }
.easy_add_row ul.easy_row li div.input_row ul li.title_a div { width:273px; height:55px; background-color:#f2f2f2; float:left; display:inline-block; position:relative; z-index:0; top:2px; line-height:55px; 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:379px; height:60px; padding-left:1px;  font-size:35px; }
.easy_add_row ul.easy_row li div.input_row ul li.title_b div { width:377px; height:55px; background-color:#f2f2f2; float:left; display:inline-block; position:relative; z-index:0; top:2px; line-height:55px; padding:0 0 0 2px; }

.easy_add_row ul.easy_row li div.input_row ul li.title { display:block; float:left; width:275px; }
.easy_add_row ul.easy_row li div.input_row ul li.input { position:relative; display:block; float:left; height:56px; width:258px; background-color:white; }
.easy_add_row ul.easy_row li div.input_row ul li.unit { position:relative; display:block; float:left; height:56px; width:116px; text-align:left; margin-left:2px; margin:0;  }
.easy_add_row ul.easy_row li div.input_row ul li.unit div a { top:-5px;  position:realtive; display:inline-block; width:116px; height:50px; border:1px solid #b5b5b5; color:#3c3c3c; font-size:24px; line-height:50px; font-weight:700; text-align:center; background-color:#f2f2f2; }
.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:240px; border:1px solid #dcdcdc; height:50px; 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:230px; overflow-y:auto; background-color:yellow;}
.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:30px;}
.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:45px; 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; }


.easy_div_right dl.list_number { position:relative; width:640px; padding:0; height:130px; line-height:40px; border-bottom:1px solid #e5e5e5; font-size:28px;}
.easy_div_right dl.list_number dd {position:relative; float:left; color:#959595; height:60px; width:auto;  }
.easy_div_right dl.list_number dd span.cell {margin-top:5px; display:inline-block; height:50px; width:152px;  color:#959595; text-align:center; background-color:#fff; }

.easy_div_right dl.list_number dd div.div_edit { background-color:transparent; display:inline-block; position:relative; z-index:1; height:40px; width:160px; text-align:center; }
.easy_div_right dl.list_number dd div.div_edit a { padding:0; margin:0; position:realtive; display:inline-block; width:110px; height:40px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:40px; font-size:30px; font-weight:700; text-align:center; }
.easy_div_right dl.list_number dd div.div_edit a:hover { border:1px solid #b5b5b5 !important; background-color:#ffffa4!important; opacity:1 !important; }



/* 차계부 : 차량지출내역 > 수정팝업 ------------------------ */
.easy_div_pay_pop { display:inline-block; position:relative; width:660px; float:left; height:650px; border:1px solid #dcdcdc; margin:30px;}

.easy_div_pay_pop ul { height:50px; width:660px; margin:20px; padding:0;}
.easy_div_pay_pop ul li { display:block; float:left; height:55px; text-align:center; font-size:30px; line-height:40px; color:#000; }
.easy_div_pay_pop ul li.title { font-size:35px; display:block; float:left; width:250px;  }
.easy_div_pay_pop ul li input {font-size:30px; width:275px; border:1px solid #dcdcdc; height:38px; line-height:38px; padding:0 15px;}

.easy_div_pay_pop ul li.input span.read { font-size:30px; position:relative; display:block; float:left; height:44px; width:295px; background-color:#f4f4f4; text-align:left; padding-left:15px; }
.easy_div_pay_pop ul li.unit { font-size:30px; position:relative; display:block; float:left; height:46px; width:80px; background-color:white; text-align:left; padding-left:5px;  }
.easy_div_pay_pop ul li h3 {display:inline-block; font-size:35px; width:135px; height:40px; line-height:40px; margin-right:25px; float:left;}
.easy_div_pay_pop ul li select {font-size:30px; border:1px solid #dcdcdc; width:310px; height:45px; float:left; margin-right:10px; -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_pay_pop ul li select::-ms-expand {display: none;}
.easy_div_pay_pop ul li .keyword2 {border:1px solid #dcdcdc; padding:0 15px; width:170px; height:45px; }


div.pop_btn_easyedit input[type=button] {float:left; left:0px; margin:0px; top:2px; padding:0; position:relative; color:#fff; font-size:40px; background-color:#db0000; display:inline-block; z-index:2; height:100px; width:355px; border:0px solid #c0c0c0!important; }
div.pop_btn_easyedit input[type=button]:hover { border:0px solid #c0c0c0!important; background-color:#ff2f2f!important; opacity:1 !important;}

div.pop_btn_easydel input[type=button] {float:right; right:0px; margin:0px; top:2px; padding:0; position:relative; color:#fff; font-size:40px; background-color:#919191; display:inline-block; z-index:2; height:100px; width:355px; border:0px solid #c0c0c0!important; }
div.pop_btn_easydel input[type=button]:hover { border:0px solid #c0c0c0!important; background-color:#ff2f2f!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:30px; 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; }

dl .searchA_easy input[type=text] {font-size:24px; width:300px; border:1px solid #dcdcdc; height:38px; line-height:38px; padding:0 15px;}
/*
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] { 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;}

.easy_div_left div.div_reg_add {float:left; left:0px; bottom:0px; background-color:#000000; display:block; position:absolute; z-index:1; height:80px; width:660px; }
.easy_div_left div.div_reg_add a {text-align:center; margin:0px; padding:0px; position:relative; color:#fff; font-size:26px; background-color:#400000; display:inline-block; z-index:2; height:75px; width:660px; border:0px solid #c0c0c0!important; line-height:80px; }
.easy_div_left div.div_reg_add a:hover { border:0px solid #c0c0c0!important; background-color:#ff2f2f!important; opacity:1 !important;}


/*--------------------------------------------------------------*/
/* 렌트카 : 시동차단 */
/*--------------------------------------------------------------*/
.rent_div_left { display:inline-block; position:relative; width:690px; float:left; height:240px; font-size:40px; overflow-y:auto; overflow-x:hidden; }
.rent_div_left dl.title_number { margin-bottom: 1px; position:relative; width:auto; padding:0; height:60px; line-height:60px; border-bottom:0px solid #e5e5e5; font-size:35px;}
.rent_div_left dl.title_number dd {position:relative; float:left; color:#959595; height:60px; width:auto; background:url('../img/bul3.png') 18% center no-repeat; }
.rent_div_left dl.title_number dd span.cell {display:inline-block; height:60px; width:265px;  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:58px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:34px; font-size:35px; 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:670px; padding:0; margin:0; height:62px; line-height:60px; border-bottom:1px solid #e5e5e5; font-size:33px;}
.rent_div_left dl.list_number dd {position:relative; float:left; color:#959595; height:64px; width:auto;  }
.rent_div_left dl.list_number dd span.cell {margin-top:0px; display:inline-block; height:60px; width:265px;  color:#959595; text-align:center; background-color:#fff; }
.rent_div_left dl.list_number dd div.div_edit { top:1px; background-color:#f2f2f2; display:inline-block; position:relative; z-index:1; height:55px; width:110px; }
.rent_div_left dl.list_number dd div.div_edit a { top:1px; padding:0; margin:0; position:realtive; display:inline-block; width:110px; height:53px; border:1px solid #b5b5b5; color:#3c3c3c; line-height:53px; font-size:33px; 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:660px; float:left; height:1200px; overflow-y:hidden; overflow-x:hidden; margin-left:1px; }
.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:690px; float:left; height:80px; background-color:#000000;}
.rent_div_right .rent_div_header ul {display:block; position:relative; font-size:40px; height:58px; width:690px; color:#ffffff; padding-left:15px;}
.rent_div_right .rent_div_header ul li {display:inline-block; position:relative; font-size:40px; height:58px; color:#ffffff; text-align:left; line-height:75px; }

.rent_div_right_top { display:inline-block; position:relative; width:660px; float:left; height:360px; }
.rent_div_right_top .button_area { height:80px; width:660px; margin:5px 0; padding:0; }
.rent_div_right_top .button_area ul { height:60px; width:660px; margin-left:10px; margin:0; padding:0; }
.rent_div_right_top .button_area ul li { display:block; float:left; height:80px; line-height:60px; text-align:center;  border:0px solid #dcdcdc;}
.rent_div_right_top .button_area ul li.cmd { display:block; float:left; width:327px; background-color:#db0000; line-height:60px; margin:0; padding:0; }
.rent_div_right_top .button_area ul li.cmd div { display:block; float:left; width:327px; background-color:#db0000;line-height:60px; border:0px solid #dcdcdc; }
.rent_div_right_top .button_area ul li.cmd div a { right:0px; position:realtive; display:inline-block; width:327px; height:80px; line-height:80px; border:1px solid #b5b5b5; color:#ffffff; font-size:40px; 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:#000000!important; opacity:1 !important; }
.rent_div_right_top .button_area ul li.map { position:relative; display:block; float:left; width:326px; background-color:#db0000; text-align:center; line-height:60px; border:0px solid #dcdcdc;}
.rent_div_right_top .button_area ul li.map div a { right:0px; position:realtive; display:inline-block; width:326px; height:80px; line-height:80px; border:1px solid #b5b5b5; color:#ffffff; font-size:40px; 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:#000000!important; opacity:1 !important; }

.rent_div_right_top .button_area ul li.text { height:60px; position:relative; display:block; float:left; width:660px; text-align:left; border:0px solid #dcdcdc; padding-left:5px; font-size:34px; }
.rent_div_right_top .button_area ul li.text ul { height:50px; width:660px; margin:0; padding:0; }
.rent_div_right_top .button_area ul li.text ul li { display:block; float:left; height:50px; text-align:center; line-heigh
t:45px;  border:0px solid #dcdcdc;}

.rent_div_right_top .top_address { display:inline-block; height:40px; width:690px; margin:8px 0 0 5px; padding:0; font-size:28px; }

.rent_line { display:block; position:relative; width:660px; float:left; height:2px; background-color:#c0c0c0;}

.rent_div_right_bottom { display:block; position:relative; width:660px; float:left; height:650px; margin-top:10px; font-size:26px; }
.rent_div_right_bottom .top_remark { display:block; position:relative; height:150px; width:660px; margin:8px 0 0 5px; padding:0 0 0 0; font-size:28px; }
.rent_div_right_bottom .button_area { height:400px; position:relative; width:660px; margin:0; padding:0; margin-top:10px;}
.rent_div_right_bottom .button_area ul { height:300px; width:660px; margin-left:50px; margin:0; padding:0; }
.rent_div_right_bottom .button_area ul li { display:block; float:left; height:80px; text-align:center; line-height:90px; border:0px solid #dcdcdc;}
.rent_div_right_bottom .button_area ul li.cmd {  display:block; float:left; width:327px; background-color:#db0000;line-height:60px; border:0px solid #dcdcdc; }
.rent_div_right_bottom .button_area ul li.cmd div { display:block; float:left; width:327px; background-color:#db0000;line-height:60px; border:0px solid #dcdcdc; }
.rent_div_right_bottom .button_area ul li.cmd div a { right:0px; position:realtive; display:inline-block; width:327px; height:80px; line-height:80px; border:1px solid #b5b5b5; color:#ffffff; font-size:40px; 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:#000000!important; opacity:1 !important; }
.rent_div_right_bottom .button_area ul li.text { height:60px; position:relative; display:block; float:left; width:660px; text-align:left; border:0px solid #dcdcdc; padding-left:5px; font-size:34px; }
.rent_div_right_bottom .button_area ul li.text ul { height:50px; width:660px; margin:0; padding:0; }
.rent_div_right_bottom .button_area ul li.text ul li { display:block; float:left; height:50px; 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:320px; background-color:#db0000; text-align:center; line-height:60px; border:0px solid #dcdcdc;}
.rent_div_right_bottom .button_area ul li.map div a { right:0px; position:realtive; display:inline-block; width:326px; height:80px; line-height:80px; border:1px solid #b5b5b5; color:#ffffff; font-size:40px; 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:#000000!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; }




/* 2019년 BT-GPS Templete*/
.btgps_top {width:720px; height:370px; background:url(' ../img/join_topBg.gif') top center no-repeat; background-size:cover;}
.btgps_top .btgps_top_menu {position:relative; width:100%; height:65px; padding:30px 0 0 0;}
.btgps_top .btgps_top_menu h3 {font-size:35px; color:#fff; font-weight:700; text-align:center; height:40px; line-height:40px;}
.btgps_top .btgps_top_menu ul.button_bar {position:relative; height:75px; display:inline-block; float:right; left:0px; top:5px; }
.btgps_top .btgps_top_menu ul.button_bar li {position:relative; width: auto; display:inline-block; padding:0 2px 0 2px; margin:0; top:0px;}
.btgps_top .btgps_top_menu ul.button_bar a input[type=button] {position:relative; width:125px; height:50px; display:inline-block; margin-right:10px; font-size:26px; color:#ffffff; background:#3e3e3e; border:2px solid #a0a0a0; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important; }
.btgps_top .btgps_top_menu div.logo img {position:absolute; height:120px; width:80px; float:left; display:inline-block; padding:0 10px 0 10px; margin:0px 0 0 30px;}

.btgps_top div.logo_btgps {position:relative; width:100%; text-align:center; padding-top:50px;}
.btgps_top div.logo_btgps img {position:relative; height:auto; width:70%; display:inline-block; padding:0 25px 0 0px; margin:0;}

.btgps_top .btgps_info {text-align:center; color:#f9d1cb; font-size:32px; line-height:138%; letter-spacing:-1px; margin-top:50px; font-weight:300;}

.btgps_img_box {width:720px; height:100%; min-height:800px; background-color:silver; solid #f0efed; border:0px solid #f0efed; overflow-y:auto;}
.btgps_img_box img {width:720px;}


/* 2019Y BT-GPS 화면관련 */
.btgps_notice {display:inline-block; position:relative; width:95%; height:60px; background:#ffffff; border:0px solid #db0000; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}
.btgps_notice ul li.div {display:inline-block; width:98%; background:#ffffff; color:#5e5e5e; border:0px solid #ffffff; margin:0; padding:0;}

.btgps_box {display:inline-block; position:relative; width:680px; background:#ffffff; border:1px solid #db0000; border-radius:15px !important; -webkit-border-radius:15px !important; -moz-border-radius:15px !important;}
.btgps_box ul {display:inline-block; position:relative; width:100%; padding-top:3px; margin:0;}
.btgps_box ul li.title {float:left; inline-block; width:30%; height:80%; line-height:45px; border-right:0px solid #db0000; font-size:36px; margin:0; padding:0;}
.btgps_box ul li.desc {float:left; inline-block; width:65%; line-height:45px; text-align:left; padding-left:15px; font-size:28px; }
.btgps_box div img {width:680px; height:200px; display:inline-block; position:relative; border:0px solid #a0a0a0; border-radius:13px !important; -webkit-border-radius:13px !important; -moz-border-radius:13px !important;}
.btgps_box ul li div.btgps_version {display:inline-block; position:relative; width:43%; height:55px; background:#ffffff; border:0px solid #db0000; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}
.btgps_box ul li div.btgps_version ul li.title {float:left; inline-block; width:40%; line-height:50px; text-algin:center; font-size:28px; color:#ffffff; padding-left:40px;}
.btgps_box ul li div.btgps_version ul li.desc  {float:left; inline-block; width:40%; line-height:50px; text-align:center; font-size:28px; color:#ffffff; }

.btgps_box ul li.title div.btgps_download {display:inline-block; position:relative; width:100%; height:45px; background:#64a2ff; border:0px solid #db0000; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}

.btgps_box ul li.title div.point_donut { display:inline-block; position:relative; width:340px; height:238px; margin:0; padding:0;}

.btgps_box ul li div.btgps_drive {display:inline-block; position:relative; width:100%; height:45px; background:#e65e5e; border:0px solid #34a4e0; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}

.btgps_box div.slider .indicators { bottom: 0px; z-index: 100; /* text-align: left; */}

.btgps_box .slider { display:inline-block; width: 680px; height:150px; margin:0;}
.btgps_box .slider ul.slides {position:relative; top:0; float:left; height:150px; display:inline-block; margin:0; padding:0;}
.btgps_box .slider ul.slides li {position:absolute; width:680px; height:150px; display:inline-block; top:0; left:0; margin:0; padding:0;}
.btgps_box .slider ul.slides li img {width:680px; height:150px; display:inline-block; top:0; margin:0; padding:0; z-index:100;}
.btgps_box .slider ul.slides li img a {width:680px; height:150px; display:inline-block; top:0; margin:0; padding:0; z-index:100;}

/*
.btgps_box .noti_slider { display:inline-block; width: 680px; height:200px; margin:0;}
.btgps_box .noti_slider ul.noti_slides {position:relative; top:0; float:left; height:200px; display:inline-block; margin:0; padding:0;}
.btgps_box .noti_slider ul.noti_slides li {position:absolute; width:680px; height:200px; display:inline-block; top:0; left:0; margin:0; padding:0;}
.btgps_box .noti_slider ul.noti_slides li img {width:680px; display:inline-block; top:0; margin:0; padding:0; z-index:100;}
.btgps_box .noti_slider ul.noti_slides li img a {width:680px; height:200px; display:inline-block; top:0; margin:0; padding:0; z-index:100;}
*/
 

/* 2019년 CATm1-GPS Templete*/
.catm1_top {width:720px; height:300px; background:url(' ../img/400/topBg.png') top left no-repeat; background-size:cover;}
.catm1_top .catm1_top_menu {position:relative; width:100%; height:25px; padding:10px 0 0 0;}

.catm1_top .catm1_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;}

.catm1_top .catm1_top_menu .top_menu_btn {position:absolute; left:42px; top:120px; width:40px; height:32px; display:inline-block; float:left; }
.catm1_top .catm1_top_menu .top_menu_btn p {vertical-align:top; width:65px; height:35px; color:#f0efed; text-align:center; opacity:0.8;}
.catm1_top .catm1_top_menu .top_menu_btn img {vertical-align:top; width:65px; height:20px; opacity:0.8;}

.catm1_top div.logo_catm1 {position:relative; width:100%; text-align:center; padding-top:30px;}
.catm1_top div.logo_catm1 img {position:relative; height:auto; width:30%; float:right; display:inline-block; padding:0 40px 30px 0px; margin:0;}

.catm1_top div.header_bottom {position:relative; height:100px; width:100%; display:inline-block; padding:0 0 0 0px; margin:0; background:#f2f2f2;}


/* 2019Y CATm1-GPS 화면관련 */
.catm1_notice {display:inline-block; position:relative; width:94%; height:55px; background:#ffffff; border:1px solid #db0000; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}
.catm1_notice ul li {display:inline-block; width:95%; color:#333333; font-size:26px; font-weight:600; line-height:45px;  border:0px solid #ffffff; margin:0; padding:0;}
.catm1_notice ul li.div {display:inline-block; width:95%; background:#ffffff; border:0px solid #ffffff; margin:0; padding:0;}
.catm1_notice ul li.icon {position:relative; display:inline-block; width:2px; height:30px; float:left; padding-top:5px;}
.catm1_notice ul li.icon div {position:relative; display:inline-block; width:100%; height:100%; float:left; background:#db0000; border:3px solid #db0000; border-radius:8px !important; -webkit-border-radius:8px !important; -moz-border-radius:8px !important;}

.catm1_box ul {display:inline-block; position:relative;}
.catm1_box ul.catm1_box_title {position:relative; display:inline-block; height:40px; width:100%;  padding:20px 0 0 0; margin:0; background:#fffff;}
.catm1_box ul.catm1_box_title li.icon {position:relative; display:inline-block; width:1%; height:90%; float:left; padding-left:25px;}
.catm1_box ul.catm1_box_title li.icon div {position:relative; display:inline-block; width:100%; height:100%; float:left; background:#db0000; border:3px solid #db0000; border-radius:8px !important; -webkit-border-radius:8px !important; -moz-border-radius:8px !important;}

.catm1_box ul.catm1_box_title li.title {position:relative; display:inline-block; width:40%; height:80%; float:left; line-height:40px; border-left:0px solid #db0000; font-size:32px; margin:0; padding:0; text-align:left;}

.catm1_box ul.catm1_box_title li.desc {position:relative; display:inline-block; width:40%; float:right; padding-right:28px; line-height:45px; font-size:28px; }
.catm1_box ul.catm1_box_title li.desc div.btn_detail {position:relative; display:inline-block; width:100%; height:38px; float:left; margin-bottom:15px; border:1px solid #a0a0a0; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important; }
.catm1_box ul.catm1_box_title li.desc div.btn_detail p {position:relative; width:100%; text-align:center; font-size:22px; line-height:36px; color:#1f7dd3; }

.catm1_box ul.catm1_box_desc {position:relative; display:inline-block; height:100px; width:100%; padding:0 0 0 0px; margin:0; background:#f2f2f2; }
.catm1_box ul.catm1_box_desc .event_list {display:inline-block; position:relative; width:95%; height:45px; background:#ffffff; border:1px solid #db0000; border-radius:45px !important; -webkit-border-radius:45px !important; -moz-border-radius:45px !important;}
.catm1_box ul.catm1_box_desc .event_list ul li.div {display:inline-block; width:98%; background:#ffffff; color:#5e5e5e; border:0px solid #ffffff; margin:0; padding:0;}

/* 2020년 온도알리미 Templete */
.ondo_top {width:720px; height:300px; background:url(' ../img/2000/main_top_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:32px; color:#ffffff; font-weight:600; }
.ondo_header .ondo_btn {display:inline-block; position:relative; width:95%; height:45px; background:#26c6da; padding-top:15px; border:1px solid #ffffff; 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:#00acc1; padding-top:15px; border:1px solid #ffffff; 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:28px; 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:28px; font-weight:600;  background:#eeeeee; padding-top:15px; border:1px solid #ffffff; border-radius:15px !important; -webkit-border-radius:15px !important; -moz-border-radius:15px !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:26px; font-weight:400; margin:4px 0; padding:3px 0 8px 0; background:#eeeeee; border:1px solid #ffffff; border-radius:10px !important; -webkit-border-radius:10px !important; -moz-border-radius:10px !important;}

radio{width: 17px; height: 17px;}


