@charset "utf-8";


/* 2017 3월 추가 */

/*  공통 ------------------  */
/* login */
#login_top { width:100%;height:65px;background-color:#333942;text-align:left; }
#login_top img { margin-top:15px;margin-left:5% }

#login { display:inline-block; margin:0 auto;width:1207px; }
#login .login_img { float:left;margin-top:0px; }

#login .login_box { margin-top:0px; margin-left:0px;float:left;position:relative; width:1207px;height:200px; }
#login .login_box .notice_area { margin-top:0px; margin-left:0px;float:left;position:relative; background:url(../images/index/bg_note_new.png) center;width:350px;height:200px; background-repeat:no-repeat; left:200px }
#login .login_box .login_area { margin-top:0px; margin-right:0px;float:left;position:relative; background:url(../images/index/bg_login_new.png) center;width:350px;height:200px; background-repeat:no-repeat; left:210px }
#login .login_box .btn_login{ left:285px;top:30px; }

#login .login_box .login_area .login_id { margin-top:87px;height:40px;width:350px; }
#login .login_box .login_area .login_pw { height:40px;width:350px; }
#login .login_box .login_area .btn_login{ position:absolute;left:250px;top:85px; }



#login .login_box .notice_area .notice { margin-left:14px; margin-top:65px; height:100px;width:320px; float:left;border:0px solid #DFDFDF;background:#fff; border-radius:0 0 5px 5px; }
#login .login_box .notice_area .notice li { padding:0 0 0 10px;height:25px;line-height:25px;position:relative;border-bottom:1px dashed #d3d9e1;text-align:left; }
#login .login_box .notice_area .notice li a {display:block;width:200px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;height:25px;}
#login .login_box .notice_area .notice li span.date {position:absolute;display:inline-block;right:15px;top:0}
/* 스크롤 처리 */
#login .login_box .notice_area .notice { overflow-y:scroll;overflow-x:hidden;scrollbar-base-color:#fff;scrollbar-arrow-color:#D1D2D4;scrollbar-shadow-color:#D1D2D4; }
#login .login_box .notice_area .notice::-webkit-scrollbar { width: 12px; }
#login .login_box .notice_area .notice::-webkit-scrollbar-thumb { background-color:#D1D2D4; }

/* till Tip */
.tolltipWrap{ position:absolute; display:none; z-index:10000; background:#fff; border:3px solid #FF830A; border-radius:5px; margin:0; padding:0; top:279px; left:797px; }
.tolltipWrap .label{ font-size:12px; margin:10px 10px 10px 10px; }



/* calendar */
.calendar_select { display:inline-block;zoom:1; *display:inline;position:relative; }
.calendar_select input.inp_calendar { border:1px solid #DFDFDF;background:#fff;border-radius:5px;font-size:14px;color:#000; height: auto;line-height: normal;padding:0.4em .5em; width:120px; }
.calendar_select button.calendar { position:absolute;right:5px;top:3px;border:none;background:none; }

.calendar_input { display:inline-block;zoom:1; *display:inline;position:relative;width:100%; }
.calendar_input input.inp_calendar { border:1px solid #DFDFDF;background:#fff;border-radius:5px;font-size:14px;color:#000; height: auto;line-height: normal;padding:0.4em .5em; width:calc(100% - 25px); }
.calendar_input button.calendar { position:absolute;right:8px;top:3px;border:none;background:none; }

/* tripDetail */
.tripDetail_select { display:inline-block;zoom:1; *display:inline;position:relative; }
.tripDetail_select input.inp_tripDetail { border:1px solid #DFDFDF;background:#fff;border-radius:5px;font-size:14px;color:#000; height: auto;line-height: normal;padding:0.4em .5em; width:120px; }
.tripDetail_select button.tripDetail { position:absolute;right:5px;top:3px;border:none;background:none; }

.tripDetail_input { display:inline-block;zoom:1; *display:inline;position:relative;width:100%; }
.tripDetail_input input.inp_tripDetail { border:1px solid #DFDFDF;background:#fff;border-radius:5px;font-size:14px;color:#000; height: auto;line-height: normal;padding:0.4em .5em; width:calc(100% - 25px); }
.tripDetail_input button.tripDetail { position:absolute;right:8px;top:3px;border:none;background:none; }

/* search */
.search_input{display:inline-block;zoom:1; *display:inline;position:relative;}
.search_input img.search{position:absolute;left:10px;top:6px;border:none;background:none;}
.search_input input.inp_search { width:120px;height:30px;line-height:33px;border:1px solid #DFDFDF;background:#fff;padding:0 5px;border-radius:5px;padding-left:40px;font-size:14px;color:#000; }

/* input text */
/*input.inp_b {height:30px;line-height:19px;border:1px solid #DFDFDF;background:#fff;padding:0 5px;border-radius:5px;font-size:14px;color:#000;  }*/

input.inp_text {border:1px solid #DFDFDF;background:#fff;border-radius:5px;font-size:14px;color:#000; height: auto;line-height: normal;padding:0.4em .5em;width:calc(100% - 25px); }
input.inp_text_bt {border:1px solid #DFDFDF;background:#fff;border-radius:5px;font-size:14px;color:#000; height: auto;line-height: normal;padding:0.4em .5em;width:calc(100% - 92px); }
input.inp_text_cap {border:1px solid #DFDFDF;background:#fff;border-radius:5px;font-size:14px;color:#000; height: auto;line-height: normal;padding:0.4em .5em;width:calc(100% - 50px); }

input.inp_file { height:27px;padding-top:3px;}
input.inp_login {height:37px;line-height:33px;border:1px solid #DFDFDF;background:#fff;padding:0 5px;border-radius:5px;padding-left:50px;font-size:14px;color:#000; }

input.input_login {height:24px;line-height:22px;border:1px solid #FFFFFF;background:#fff;font-size:14px;color:#000; }

textarea.txt_area {height:30px;line-height:19px;border:1px solid #DFDFDF;background:#fff;padding:0 5px;border-radius:5px;font-size:14px;color:#000; width:calc(100% - 25px); }

select.slct_a {
	width:calc(100% - 12px);
	height:30px;
	padding:0 5px;
	border-radius:5px;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none;
	appearance: none;
	background: url(../images/comm/btn/btn_select_show.png) no-repeat right 5px center #fff; /* 화살표 모양의 이미지 */ 
} 
select.slct_a::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 




h3.title { font-size:20px;line-height:30px;margin-left:10px; }


/* 페이지 번호 */
.paginate{padding:10px 0 10px;line-height:normal;text-align:center; width:100%;float:left;}
.paginate a,
.paginate strong{display:inline-block;position:relative;margin:0 -3px;padding:0 6px;color:#333;text-decoration:none;vertical-align:middle;line-height:18px;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{background-color:#f8f8f8}
.paginate .direction{padding:0 5px;}

/* 목록 선택 표시 */
.tab_tbody tr:hover, tr.tbl_scrl_click { 
	background-color:#FFF8E3 !important; /* EACF80 */
    border-style:solid; border-color:red green !important;
}

.tab_tbody tr:hover td:first-child, tr.tbl_scrl_click td:first-child {
	border-left-style: solid !important;
    border-left-width: 5px !important;
    border-left-color: #FF830A !important;
}

.tab_tbody tr td img.ico_folder {
	background : url('../images/comm/ico/ico_folder_close.png') no-repeat center;
}
.tab_tbody tr.tbl_scrl_click td img.ico_folder {
	background : url('../images/comm/ico/ico_folder_open.png') no-repeat center;
}


/*  //공통 ------------------  */




/* 차량상테 tab (radio) */
#tabs_container { height:38px;width: 285px;margin: 0 auto; position:relative;z-index:999 }
#tabs_container > input[type=radio] { display: none; }
#tabs_container > input[type=radio] + label.ridio1 { background:url(../images/comm/btn/btn_tap_total.png) no-repeat;padding:13px 46px;line-height:38px }
#tabs_container > input[type=radio] + label.ridio2 { background:url(../images/comm/btn/btn_tap_drive.png) no-repeat;padding:13px 46px;line-height:38px }
#tabs_container > input[type=radio] + label.ridio3 { background:url(../images/comm/btn/btn_tap_stand.png) no-repeat;padding:13px 46px;line-height:38px }
#tabs_container > input[type=radio]:checked + label.ridio1 { background-position:0px -43px; }
#tabs_container > input[type=radio]:checked + label.ridio2 { background-position:0px -43px; }
#tabs_container > input[type=radio]:checked + label.ridio3 { background-position:0px -43px; }



/* 제목박스 (조회목록 위) */
div.sch_bx_head { width:calc(100% - 12px); border: 1px solid #DFDFDF; float:left;background:#F9F9F9;padding:0 5px;border-radius:5px 5px 0 0; }
div.sch_bx_head fieldset { height:40px;padding-top:10px; }

/* 제목박스 밥업 (조회목록 위) */
div.sch_bx_popup_head { background:#F9F9F9;width:100%; }
div.sch_bx_popup_head fieldset { height:50px;}


/* 조회 목록 테두리 - 우측 */
div.content_in_right { margin-left:10px;width:calc(100% - 10px); }
div.content_in_right .sch_bx { width:calc(100% - 12px); border: 1px solid #DFDFDF; float:left;background:#F9F9F9;padding:0 5px;border-radius:5px 5px 0 0; }
div.content_in_right .sch_bx fieldset { height:40px;padding-top:10px; }


/* 조회 목록 팝업 테두리 */
div.content_in_right_popup { margin:10px; }
div.content_in_right_popup .sch_bx { width:773px; border: 1px solid #DFDFDF; float:left;background:#F9F9F9; padding:0 5px;border-radius:5px 5px 0 0; }
div.content_in_right_popup .sch_bx fieldset { height:40px;padding-top:10px; }
div.content_in_right_popup .car_list {float:left; width:calc(50% - 40px);margin:5px; }


/* 조회 목록 table 완 */
table.tab_list { border-style:solid; border-color:#DFDFDF; border-width:0 1px; }
table.tab_list thead { background:#EFEFEF; }
table.tab_list thead tr { height:30px;text-align:center; }

/* 조회목록 tbody 완 */
div.tab_tbody { border: 1px solid #DFDFDF; background:#FFFFFF;border-radius:0 0 5px 5px; }
div.tab_tbody tbody { border-color:#F9F9F9; } /* border: 1px solid #DFDFDF; */
div.tab_tbody.scrl{ overflow-y:scroll;overflow-x:hidden; }
div.tab_tbody tbody tr { height:30px; text-align:center; }
div.tab_tbody tbody tr:nth-child(2n) { background-color:#F5F8FB; }
div.tab_tbody tbody tr:nth-child(2n-1) { background-color:#FFFFFF; }
div.tab_tbody tbody tr td { border-bottom:1px solid #DFDFDF; }

/* 단순조회목록 */
div.tab_stbody { border: 1px solid #DFDFDF; background:#FFFFFF; border-collapse:collapse;}
div.tab_stbody tbody { border-color:#F9F9F9; } /* border: 1px solid #DFDFDF; */
div.tab_stbody.scrl{ overflow-y:scroll;overflow-x:hidden; }
div.tab_stbody tbody tr { height:30px; text-align:center; }
div.tab_stbody tbody tr td { border:thin solid #AFAFAF; }


/* 등록/수정 입력 table 완 */
table.input_data { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 1px; background-color:#FFF;border-radius:0 0 5px 5px; }
table.input_data tbody tr { height:40px; }
table.input_data tbody tr th { text-align:right; }
table.input_data tbody tr td { text-align:center; }

table.input_report { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 1px; background-color:#FFF;border-radius:0 0 5px 5px; }
table.input_report tbody tr { height:35px; }
table.input_report tbody tr th { text-align:right; }
table.input_report tbody tr td { text-align:center; }

::-webkit-input-placeholder {color:#b2b2b2;}
:-moz-placeholder {color:#b2b2b2 !important;}
:-ms-input-placeholder{color:#b2b2b2 !important;}
.hasPlaceholder{color:#b2b2b2 !important;}

/* 단건조회 table0 완 */
.tab_zero { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 1px; border-spacing: 0px; background-color:#FFF; }
.tab_zero.br { border-radius: 0 0 5px 5px; }
.tab_zero tbody tr { height:28px;text-align:center; }
.tab_zero tbody tr th { padding: 4px; background-color:#F4F8FB; } /* #F4F8FB */
.tab_zero tbody tr:last-child th:first-child { border-bottom-left-radius: 5px; }
.tab_zero tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; }
.tab_zero tbody tr th { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 1px; }
.tab_zero tbody tr td { border-style:solid;border-color:#DFDFDF;border-width:0 0 1px 0; }
.tab_zero tbody tr th:first-child { border-left: none; }
.tab_zero tbody tr:last-child th, .tab_zero tr:last-child td { border-bottom: none; }


/* 단건조회 table 완 */
.tab_one { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 1px; border-spacing: 0px; background-color:#FFF; }
.tab_one.br { border-radius: 0 0 5px 5px; }
.tab_one tbody tr { height:40px;text-align:center; }
.tab_one tbody tr th { padding: 4px; background-color:#F4F8FB; } /* #F4F8FB */
.tab_one tbody tr:last-child th:first-child { border-bottom-left-radius: 5px; }
.tab_one tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; }
.tab_one tbody tr th { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 1px; }
.tab_one tbody tr td { border-style:solid;border-color:#DFDFDF;border-width:0 0 1px 0; }
.tab_one tbody tr th:first-child { border-left: none; }
.tab_one tbody tr:last-child th, .tab_one tr:last-child td { border-bottom: none; }

/* 단건조회 table 2 완 */
.tab_two { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 1px; border-spacing: 0px; background-color:#FFF; }
.tab_two.br { border-radius: 0 0 5px 5px; }
.tab_two tbody tr { height:52px;text-align:center; }
.tab_two tbody tr th { padding: 4px; background-color:#F4F8FB; } /* #F4F8FB */
.tab_two tbody tr:last-child th:first-child { border-bottom-left-radius: 5px; }
.tab_two tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; }
.tab_two tbody tr th { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 0px; }
.tab_two tbody tr td { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 0px; }
.tab_two tbody tr th:first-child { border-left: none; }
.tab_two tbody tr:last-child th, .tab_one tr:last-child td { border-bottom: none; }
  
/* 단건조회 table 3 완 */
.tab_thr { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 1px; border-spacing: 0px; background-color:#FFF; }
.tab_thr.br { border-radius: 0 0 5px 5px; }
.tab_thr tbody tr { height:52px;text-align:center; }
.tab_thr tbody tr th { padding: 4px; background-color:#F4F8FB; } /* #F4F8FB */
.tab_thr tbody tr:last-child th:first-child { border-bottom-left-radius: 5px; }
.tab_thr tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; }
.tab_thr tbody tr th { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 0px; }
.tab_thr tbody tr td { border-style:solid;border-color:#DFDFDF;border-width:0 1px 1px 0px; }
.tab_thr tbody tr th:first-child { border-left: none; }
.tab_thr tbody tr:last-child th, .tab_one tr:last-child td { border-bottom: none; }
.tab_thr tbody label{ font-size:18px; font-weight:bold;}

/* Info Window */
.tbl_map_a {border-collapse:collapse;border-top:1px solid #e4e4e4;width:auto;margin-right:1px;}
.tbl_map_a th {border-collapse:collapse;border:1px solid #e4e4e4;height:18px;line-height:18px;text-align:center;background:#f7f7f7;padding:2px 0 0;}
.tbl_map_a td {border-collapse:collapse;border:1px solid #e4e4e4;height:15px;line-height:15px;text-align:center;padding:2px 0;}


/* SMS 전송 완 */
.sms_send { width:290px; padding:10px; border: 1px solid #DFDFDF; border-radius:5px; background:#F9F9F9; }
.sms_send .send_box p:nth-child(1) { text-align:center;  }
.sms_send .send_box .sms_length {text-align:right;font-size:11px;margin:7px 0;}
.sms_send .send_box ul li {padding:7px 0 7px 5px;line-height:21px;}
.sms_send .send_box ul li label {padding:0 8px;font-weight:bold;}
.sms_send .send_box .btn_send { display:inline-block; padding-left:70px; margin:20px 0 0;}


/* 그룹관리 */
.group_list {float:left;width:270px;margin-top:10px; }

.group_move { float:left;margin-top:10px;margin-left:10px; }
.group_move .car_list {float:left; width:calc(50% - 40px); } /*width:410px;}*/
.group_move .car_list .tbl_tbody table tbody tr { text-align:center; }

.group_move .move_btn {float:left;width:80px;text-align:center;position:relative;padding:190px 0;}
.group_move .move_btn em {font-weight:bold;}
.group_move .move_btn button{background:none;border:none;position:absolute;}
.group_move .move_btn button.right{top:140px;left:15px;}
.group_move .move_btn button.left{top:230px;left:15px;}


/* 회원정보변경 */
.tbl_d {border-top:2px solid #FF830A;}
.tbl_d>tbody>tr>th{border-bottom:1px solid #e4e4e4;background:#f7f7f7;height:21px;line-height:21px;color:#555;padding:5px 0 0 15px;text-align:left;font-weight:normal;}
.tbl_d>tbody>tr>td{border-bottom:1px solid #e4e4e4;height:21px;line-height:21px;color:#555;padding:5px 0 0 15px;text-align:left;font-weight:normal;}
.tbl_d>tbody>tr>th label strong.obl {display:inline-block;position:relative;top:3px;margin-right:2px;color:#FF0000;}

/* 차량상태 */
.tab_one>tbody>tr>td strong.obl {display:inline-block;position:relative;top:3px;margin-right:2px;color:#FF0000;}

/* 차량별 운행이력 (MAP) */
.c2020_map {float:right;width:100%;height:465px;position:absolute;right:0;top:0;bottom:0;}