/*Common*/
html, body {margin:0; padding:0; background-color:#fff; width:100%; font-family:'HyundaiSansTextOffice-Regular'; color:#000; font-size:14px;}
hr {display:none;}
img,fieldset {border:0 none;outline:none;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0; padding:0; font-weight:normal;}
table {border-collapse:collapse; font-size:14px;}
a ,a:link {text-decoration:none; color:#5f5f5f;} 
a:hover {text-decoration:none; color:#5f5f5f;} 
a:active {text-decoration:none;}
input,select,textarea {color:#000; margin:0; padding:0; font-size:13px; font-family:'HyundaiSansTextOffice-Regular';}
select {border:1px solid #bebebe;}
body {font-size:14px;}
caption {display:none;}
table {border-collapse:collapse;}
focus {outline:none;}
em {font-style: normal;}
.border_none {border:none !important;}
.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}
.bg_gray {background:#fbfbfb;}

::-webkit-input-placeholder {
   font-size: 15px;
   font-family:'HyundaiSansHeadOffice-Medium';
}

:-moz-placeholder { /* Firefox 18- */
   font-size: 15px;
   font-family:'HyundaiSansHeadOffice-Medium';
}

::-moz-placeholder {  /* Firefox 19+ */
   font-size: 15px;
   font-family:'HyundaiSansHeadOffice-Medium';
}

:-ms-input-placeholder {
   font-size: 15px;
   font-family:'HyundaiSansHeadOffice-Medium';
}

/*Wrap*/
#wrap {min-width:1200px;}

/*Header*/
#header {height:65px; position:relative; z-index:1; width:100%; background:#e4dcd3;}
.header_wrap {min-width:1200px; margin:0 auto;  background:#e4dcd3; padding:0 30px;}
.header_wrap h1 {float:left; position:relative; top:-18px;}
.header_wrap .top * {vertical-align:middle;}
.header_wrap .top {min-width:1200px; text-align:right; padding-top:8px; margin:0 auto;}
.top .id_wrap {color:#999; font-size:14px; margin-right:10px; position:relative; top:2px; font-family:'HyundaiSansHeadOffice-Regular';}
.top .id_wrap img {margin-right:5px; position:relative; top:-2px;}
.top .btn_logout {display:inline-block; background:#bebebe; border:1px solid #bebebe; color:#fff; cursor:pointer; font-size:13px; height:21px; line-height:24px; padding:0 10px;}
.top .btn_logout:hover {color:#fff;}
.top .sel_lang {display:inline-block;}
.top .w_guide {margin-right:10px;}
.sel_lang select {padding:3px 3px 3px 5px; width:100px;}

/*상단 탭메뉴*/
.top_munu {position:relative; /*top:17px; min-width:1200px;*/ margin:0 auto;}
.top_munu ul {float:right;margin-top: 6px;}
.top_munu li {float:left; color:#000; margin-left:50px; font-size:19px; cursor:pointer; font-family:'HyundaiSansHeadOffice-Medium';}
.top_munu li:hover {color:#00aad2; border-bottom:1px solid #00aad2;}
.top_munu li.active {color:#00aad2; border-bottom:1px solid #00aad2;}
.top_munu .menu {float: left;top: -12px;position: relative;}

/*Container*/
#container {min-width:1200px;background:#fff;border-left: 1px solid #e4dcd3;border-right:1px solid #e4dcd3;position:relative;margin:0 30px;}

/*실시간현황*/
.status_wrap h4 {background:url(../files/images/Autolink/ico_bullet01.gif) 0 5px no-repeat; font-size:16px; color:#000; font-family:'HyundaiSansHeadOffice-Medium';}
.status_wrap .navi {position:absolute; right:10px; font-size:13px; color:#6f6f6f;}
.status_wrap .navi em {color:#000; text-decoration:underline; cursor:pointer;}
.status_board {width:100%; position:relative; margin-bottom:5px;}
.status_board table {height:25px;}
.status_board td {color:#fff;}
.status_board .board_left {width:15px; background:url(../files/images/Autolink/bg_statusboard_left.gif) no-repeat;}
.status_board .board_mid {background:url(../files/images/Autolink/bg_statusboard_mid.gif) repeat-x;}
.status_board .board_mid span {position:relative; margin-right:60px; display:inline-block; letter-spacing:1.5px; top:1px;}
.status_board .board_mid em {color:#00f0ff;}
.status_board .board_right {width:14px; background:url(../files/images/Autolink/bg_statusboard_right.gif) no-repeat;}
.status_board select {position:absolute; bottom:0; right:0; line-height:25px; padding:4px;}
.status_board .st_board span {display:inline-block; color:#000; font-size:15px; margin-right:50px; cursor:pointer; font-family:'HyundaiSansHeadOffice-Regular';}
.status_board .st_board span em {font-size:19px; text-decoration:underline;}
.list_tab_menu {width:100%; margin:15px 0; position:relative;}
.list_tab_menu li {position:relative; padding:0px 10px; margin-right:3px; border:1px solid #bebebe; text-align:center; color:#999; display:inline-block; width:135px; font-family:'HyundaiSansHeadOffice-Regular'; height:31px; line-height:36px;}
.status_board .board_mid .btn {background:url(../files/images/Autolink/btn_bg_gray.gif) bottom repeat-x; border:1px solid #8c8c8c; color:#1d2a37; font-size:11px; top:0; padding:0 10px; margin:0; cursor:pointer;}
.list_tab_menu li:hover {color:#00aad2; cursor:pointer; border:1px solid #00aad2;}
.list_tab_menu li.active {color:#00aad2; cursor:pointer; border:1px solid #00aad2;}
.list_tab_menu li .counting {position:absolute; top:-10px; right:3px; display:inline-block; background:url(../files/images/Autolink/ico_counting_bg.png) no-repeat; width:34px; height:19px; color:#fff; font-weight:bold;}
.list_tab_menu li .counting em {position:relative; top:1px;}
.main_board_wrap table {width:100%; color:#1e2b37; margin:0 auto;}
.main_board_wrap tr:hover {background:#f6f3f2; cursor:pointer; color:#002c5f;}
.main_board_wrap th {border-top:2px solid #666; border-bottom:1px solid #666; height:31px; background:#fff; padding:4px 3px 0 3px; color:#000; line-height:14px; font-family:'HyundaiSansHeadOffice-Regular';}
.main_board_wrap td {text-align:center; height:27px; padding:6px 3px 0 3px; border-bottom:1px solid #e4dcd3; line-height:15px;}
.main_board_wrap td .btn {display:inline-block; position:relative;}
.main_board_wrap td .update {color:#002c5f;}
.main_board_wrap td .status1 {color:#002c5f;}
.main_board_wrap td .status2 {color:#000;}
.main_board_wrap td .status3 {color:#5b5b5b;}
.main_board_wrap td .check_cmt {position:absolute; margin-right:5px; top:0px; left:-15px; background:url(../files/images/Autolink/ico_check_cmt.gif) 0px 0px no-repeat; display:inline-block; width:12px; height:11px;}
.main_board_wrap td em {color:#f31f1f;}
/*.main_board_wrap .yes em {border:1px solid #002c5f; width:17px; height:16px; line-height:20px; display:inline-block; color:#002c5f;}*/
.main_board_wrap .yes em {color:#002c5f;}
.main_board_wrap .no {color:#000;}
.paging_wrap * {vertical-align:middle;}
.paging_wrap {text-align:center; padding:20px 0; font-family:'tahoma';}
.paging_wrap span {display:inline-block; color:#999; height:20px; line-height:20px; border:1px solid transparent; margin:0 3px; font-size:14px; padding:0 7px;}
.paging_wrap span:hover {border-color:#999; text-decoration:underline; cursor:pointer;}
.paging_wrap span:active {color:#002c5f; border-color:#002c5f; text-decoration:underline;}
.paging_wrap span.active {color:#002c5f; border-color:#002c5f; text-decoration:underline;}
.paging_wrap span.btn_arrow {border-color:#999;}
.paging_wrap span.btn_arrow:hover {text-decoration:none; cursor:pointer;}
.paging_wrap span.btn_arrow:active {color:#002c5f; border-color:#002c5f; text-decoration:underline;}
.list_more_wrap {padding:20px 0;}
.btn_list_more {border:1px solid #e4dcd3; background:#f6f3f2; padding:15px 0 10px; text-align:center; font-size:16px; position:relative; cursor:pointer; font-family:'HyundaiSansHeadOffice-Regular';}
.btn_list_more span {display:inline-block; margin:0 8px;}
.btn_gotop {position:absolute; right:-23px; bottom:95px; cursor:pointer;}

/*Footer*/
#footer {margin:0 auto; text-align:center; color:#000000; padding:20px 30px; letter-spacing:.5px; font-size:12px; border-top:1px solid #e4dcd3;}
.servername {color:white;}

/*상세*/
.detail_wrap {float:left; width:1188px; border:1px solid #999; background:#fff;}
.pop_header {background:#e4dcd3; color:#000; text-align:center; font-size:19px; padding:17px 0px 12px; width:100%; position:relative; font-family:'HyundaiSansHeadOffice-Medium';}
.pop_header em {color:#00aad2;}
.pop_header .closed {color:#999;}
.pop_header .btn_close {position:absolute; right:20px; display:inline-block; top:14px;}
.detail_contents {width:100%;}
.ntit {color:#000; position:relative; font-family:'HyundaiSansHeadOffice-Medium'; font-size:16px;}
.tit {background:url(../files/images/Autolink/ico_bullet01.gif) 0 5px no-repeat; /*color:#000;*/ color:#002c5f; padding-left:12px; position:relative; /*font-family:'HyundaiSansHeadOffice-Medium';*/ font-size:16px; margin-bottom:7px;}
.tit2 {background:url(../files/images/Autolink/ico_bullet03.gif) 0 5px no-repeat; color:#000; padding-left:12px; position:relative; margin-bottom:7px; font-family:'HyundaiSansHeadOffice-Medium'; font-size:16px;}
.info_wrap {float:left; width:790px; height:596px; border-right:1px solid #bebebe; border-bottom:1px solid #bebebe; background:#fff; padding:10px; display:inline-block;}
.tit .btn_wrap {position:absolute; top:0; right:0; display:inline-block; font-family:'HyundaiSansHeadOffice-Regular';}
.tit .btn_wrap span {margin-left:8px; display:inline-block; cursor:pointer; color:#002c5f; text-decoration:underline; font-size:14px;}
.tit .btn_wrap span img {position:relative; top:-1px; margin-left:4px;}
.customer_board {margin-bottom:10px; position:relative;}
.customer_board tr {border-bottom:1px solid #e4dcd3;}
.customer_board tr:last-child {border-bottom:none;}
.customer_board table {width:100%; border:1px solid #bebebe; background:#fff;}
.customer_board th {background:#f6f3f2; text-align:left; padding:3px 10px 0px; height:36px; color:#000; line-height:15px; font-family:'HyundaiSansHeadOffice-Regular';}
.customer_board td {padding:3px 10px; line-height:15px;}
.customer_board p {margin-bottom:5px; font-family:'HyundaiSansHeadOffice-Regular';}
.customer_board select {padding:4px;}
.customer_board input {padding:0 4px; border:1px solid #bebebe; height:23px;}
.customer_board .type * {vertical-align:middle;}
.customer_board .type {height:30px; text-align:center; font-size:18px; color:#000; font-family:'HyundaiSansHeadOffice-Regular'; margin-}
.event_info_wrap {height:375px; overflow-y:auto; margin-top:20px;}
.event_info_wrap .received_type table {width:100%; background:#fff; border:1px solid #a8a8a8; margin-bottom:10px;}
.event_info_wrap .received_type th {background:#f5f5f5; padding:11px 0 6px; border-bottom:1px solid #D2D1D1; border-right:1px solid #D2D1D1; color:#000;}
.event_info_wrap .received_type td {height:30px; text-align:center; border-right:1px solid #D2D1D1;}
.event_info_wrap .map {border:1px solid #bebebe; height:330px; overflow:hidden;}
.event_info_wrap .map img {position:relative; top:-180px; left:-150px;}
.event_info_wrap .address {color:#000; margin:10px 0;}
.event_info_wrap .address .add_tt {background:#46494d; border:1px solid #2f3237; color:#fff; padding:3px 5px;}
.reservation_info {margin-top:10px;}
.reservation_info dl {margin-bottom:15px;}
.reservation_info dt {background:#f6f3f2; color:#000; padding:10px 10px 8px; position:relative; font-family:'HyundaiSansHeadOffice-Regular';}
.reservation_info dt img {position:absolute; right:10px; top:15px;}
.reservation_info dd {margin:10px; line-height:25px;}
.consult_wrap {width:100%;}
.consult_wrap table {width:100%;}
.consult_wrap .consult_board_td {overflow-y:scroll; height:374px;}
.consult_wrap th {background:#fff; border-top:2px solid #999; border-bottom:1px solid #999; color:#000; /*height:29px;*/ height:37px; line-height:15px; padding:2px 0 0; font-family:'HyundaiSansHeadOffice-Regular';}
.consult_wrap td {height:21px; text-align:center; border-bottom:1px solid #e4dcd3; padding:5px 10px 0px;}
.consult_wrap .bg_gray {background:#f7f7f7;}
.memo_wrap {background:#f6f3f2; border-top:1px solid #bebebe; border-left:1px solid #e4dcd3; border-right:1px solid #e4dcd3;  border-bottom:1px solid #e4dcd3; text-align:center; padding:10px; height:157px;}
.memo_wrap p {text-align:left; color:#000; margin-bottom:7px; font-family:'HyundaiSansHeadOffice-Regular';}
.memo_wrap textarea {width:324px; height:82px; padding:5px; border:1px solid #bdbdbd; color:#b5b5b5;}
.memo_wrap .btn {display:inline-block; background:#e4dcd3; padding:0px 30px; color:#000; margin-top:10px; cursor:pointer; height:28px; line-height:34px;}
.event_process {float:left; width:1188px; height:77px;}
.event_process {text-align:center;}
.event_process span {display:inline-block; font-size:18px; padding:14px 20px 8px; color:#fff; min-width:220px; text-align:center; position:relative; top:16px; cursor:pointer; margin:0 10px; font-family:'HyundaiSansHeadOffice-Regular';}
.event_process .btn_assign {background:#002c5f;}
.event_process .btn_complete {background:#999;}

/*접수이력*/
.pop_wrap {border:1px solid #999; background:#fff;}
.pop_contents {padding:10px;}
.city_select {width:100%; margin-bottom:5px; text-align:right;}
.city_select select {width:100px; padding:3px;}
.list_wrap {position:relative;}
.list_wrap table {width:100%; position:relative; background:#fff;}
.list_wrap tr.bg_gray {background:#f7f7f7;}
.list_wrap th {border-top:2px solid #999; border-bottom:1px solid #999; height:29px; padding:3px 0 0; color:#000; line-height:13px; background:#fff; cursor:default; font-family:'HyundaiSansHeadOffice-Regular';text-align: center;}
.list_wrap td {text-align:center; padding:3px 0 0; height:29px; border-bottom:1px solid #e4dcd3; line-height:15px; word-break:break-all;}
.list_wrap td .btn {display:inline-block;}
.list_wrap td .status1 {color:#002c5f;}
.list_wrap td .status2 {color:#000;}
.list_wrap td .status3 {color:#999;}
.list_wrap td .status4 {color:#002c5f;}
.list_wrap td .status5 {color:#002c5f; cursor:pointer; text-decoration:underline;}
.list_wrap td .status6 {cursor:pointer}
.list_wrap td .btn_service_more {margin-left:2px; position:relative; top:1px;}
.list_wrap .yes {color:#002c5f;}
/*.list_wrap .yes em {border:1px solid #002c5f; width:17px; height:16px; line-height:20px; display:inline-block;}*/
.list_wrap .no {color:#000;}
.list_wrap .more {background:#e4dcd3; padding:0 6px; max-height:19px; overflow:hidden; color:#000; cursor:pointer; font-size:13px; height:20px; line-height:23px; display:inline-block;}
.list_wrap .more img {position:relative; top:0px; margin-left:3px;}
.list_wrap .highlight {background:#f6f3f2;}
.list_wrap .highlight td {color:#002c5f;}
.list_wrap .btn {margin:10px 0;}
.list_wrap .btn span {background:#002c5f; padding:7px 10px 4px; display:inline-block; color:#fff; cursor:pointer; font-size:16px; width:80px; text-align:center;}
.list_type th {height:23px; border-top:1px solid #666666; border-right:1px solid #e6e6e6;}
.list_type td {border-right:1px solid #e6e6e6;}
.link tr:hover {background:#f6f3f2; cursor:pointer; color:#002c5f;}
.info_view img {margin-left:5px; position:relative; cursor:pointer;}
.line_bt table {border-bottom:1px solid #D2D1D1;}
.line_bt td {border-top:1px solid #e4dcd3; border-bottom:none;}
.add_dealership {position:absolute; right:0; cursor:pointer; color:#002c5f; text-decoration:underline;}
.bbs_top_bths {position:absolute; right:0; top:0;}
.bbs_top_bths span {cursor:pointer; color:#002c5f; display:inline-block; margin-left:8px; font-size:14px; text-decoration:underline; font-family:'HyundaiSansHeadOffice-Regular';}

/*DTC 발생현황*/
.list_wrap .dtc_info {padding:0; border:none;}
.list_wrap .dtc_info > div {border:1px solid #804134; padding:10px;}
.dtc_info dt {border-bottom:1px solid #c4c4c4; padding-bottom:8px; color:#1e2b37;}
.dtc_info dd {margin-top:7px;}
.dtc_info dd span {width:180px; display:inline-block;}
.dtc_info dd em {color:#804134;}
.dtc_info img {position:relative; top:3px;}

/*정기점검(소모품)*/
.m_glaph {float:left; background:#fff; width:100%;}
.m_glaph .tab_menu {padding:0 0 15px;}
.m_glaph .tab_menu li {margin-right:3px; border:1px solid #acabab; padding:4px 15px 1px; color:#acabab; cursor:pointer; display:inline-block;}
.m_glaph .tab_menu li:hover {border:1px solid #00aad2; color:#00aad2;}
.m_glaph .tab_menu li.active {border:1px solid #00aad2; color:#00aad2;}
.graph_wrap {float:left; position:relative; width:100%;}
.legend {margin:0 10px 10px 0px; font-size:12px;}
.legend span {margin-right:15px;}
.legend span img {position:relative; top:2px;}
.m_chart {position:relative;}
.m_yaxis {position:absolute; z-index:1;}
.m_yaxis td {background-color:#ffffff; text-align:right; border-right:2px solid #555; border-top:1px solid #b9b9b9; padding:0 5px;}
.m_yaxis .approach {color:#002c5f;}
.m_xaixs {position:absolute; z-index:2;}
.m_xaixs td {background-color:#ffffff; border-top:2px solid #555; text-align:center; padding:20px 0 6px; letter-spacing:-.5px;}
.tb_chart {width:714px; background:#fff;}
.tb_chart td {border-left:1px dashed #b9b9b9; border-top:1px solid #b9b9b9; text-align:center;}
.interval {background:#e6e6e6; width:100%;}
.current {position:absolute; z-index:3;}
.current p {background:#002c5f; display:inline-block;}
.current .icon {display:inline-block; position:relative;}

/*예약관리*/
.dealer_sel {width:100%; position:relative; padding:7px 0; height:30px; border-top:1px solid #e4dcd3; border-bottom:1px solid #e4dcd3;}
.dealer_sel select {min-width:250px; padding:5px; float:left; margin-right:5px;}
.dealer_sel .btn_select {background:#002c5f; padding:0 10px; width:120px; color:#fff; display:inline-block; text-align:center; cursor:pointer; height:31px; line-height:36px; font-family:'HyundaiSansHeadOffice-Regular';}
.dealer_sel .btn_calendar {display:inline-block; position:absolute; right:0; top:8px;cursor:pointer;}
.calendar_wrap {border:1px solid #6f6f6f; padding:15px; position:absolute; right:0; top:48px; background:#fff; z-index:10; width:240px;}
.calendar_wrap .date_sel {margin-bottom:15px; color:#000; font-size:14px; text-align:center; position:relative;}
.calendar_wrap .date_sel span {display:inline-block; position:absolute; right:0; top:4px; cursor:pointer;}
.calendar_wrap table {text-align:center; font-size:11px; border-top:2px solid #888; border-left:1px solid #e3e3e3; border-bottom:1px solid #b6b6b6; width:100%;}
.calendar_wrap th {background:#f7f7f7; height:27px; color:#000; border-bottom:1px solid #b6b6b6; border-right:1px solid #e3e3e3;}
.calendar_wrap td {height:37px; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.calendar_wrap .disable {color:#999; cursor:text;}
.calendar_wrap .able {color:#000;}
.calendar_wrap .select {color:#fff; background:#002c5f;}
.calendar_wrap .btn_close {text-align:center;}
.calendar_wrap .btn_close span {display:inline-block; color:#002c5f; font-size:11px; margin-top:10px; background:url(../files/images/Autolink/line.gif) 0px 12px repeat-x;}
.week_sel {margin:20px 0 10px; text-align:center; float:left; width:100%;}
.week_sel .pre_week {float:left; background:url(../files/images/Autolink/ico_pre.gif) 0 1px no-repeat; padding-left:16px; position:relative; top:6px; cursor:pointer;}
.week_sel .next_week {float:right; background:url(../files/images/Autolink/ico_next.gif) right 1px no-repeat; padding-right:16px; position:relative; top:6px; cursor:pointer;}
.week_sel .this_week {font-size:20px;}
.schedule_board_wrap {margin:0 0 30px 0; border-bottom:1px solid #999;}
.schedule_board_wrap table {width:100%; color:#1e2b37; margin:0 auto; border-top:2px solid #999;}
.schedule_board_wrap tr {color:#5b5b5b;}
.schedule_board_wrap th {border-bottom:1px solid #999; border-right:1px solid #e4dcd3; height:45px; background:#f6f3f2; padding:3px 3px 0; color:#000; font-family:'HyundaiSansHeadOffice-Regular';}
.schedule_board_wrap th span {display:inline-block; padding:0 5px; background:#002c5f; color:#fff; margin-left:10px; height:18px; line-height:21px;}
.schedule_board_wrap * {box-sizing:border-box;}
.schedule_board_wrap td {text-align:center; padding:10px 5px; border-bottom:1px solid #e4dcd3; border-right:1px solid #e4dcd3; line-height:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:13px;}
.schedule_board_wrap td:hover {cursor:pointer; color:#002c5f;}
.schedule_board_wrap .time {background:#f6f3f2; color:#000; border-bottom:1px solid #e4dcd3;}
.schedule_board_wrap .date_select {border:2px solid #002c5f; background:url(../files/images/Autolink/ico_select.png) center no-repeat;}
.schedule_board_wrap .date_select:hover {background:url(../files/images/Autolink/ico_select.png) center no-repeat; cursor:inherit;}
.shedule_scroll {height:500px; overflow-y:auto; float:left; width:100%;}

/*할당하기*/
.assign {margin:20px 0; text-align:center; font-size:18px; font-family:'HyundaiSansHeadOffice-Regular';}
.assign_to {text-align:left; margin-top:20px; font-size:14px;}
.assign_to p {margin-bottom:5px;}
.assign_to input {position:relative; top:2px;}
.change .btn_change {background:url(../files/images/Autolink/btn_bg_gray.gif) bottom repeat-x; border:1px solid #b6bbc1; padding:5px 10px 4px 31px; font-size:11px; display:inline-block; position:relative; vertical-align:top; cursor:pointer; border-radius:2px;}
.change .btn_change img {position:absolute; top:3px; left:10px; margin-right:5px;}
.pop_bot_btns {text-align:center; width:100%; margin:10px 0 20px;}
.pop_bot_btns > span {display:inline-block; font-size:16px; color:#fff; margin:0 10px; padding:12px 20px 8px; cursor:pointer; position:relative; font-family:'HyundaiSansHeadOffice-Regular';}
.pop_bot_btns > span img {position:absolute; top:16px; right:20px;}
.pop_bot_btns .ok {background:url(../files/images/Autolink/btn_bottom_blue.gif) repeat-x; border:1px solid #4379b0; border-radius:2px;}
.pop_bot_btns .no {background:url(../files/images/Autolink/btn_bottom_gray.gif) repeat-x; border:1px solid #727272; border-radius:2px;}
.pop_bot_btns .deny {background:url(../files/images/Autolink/btn_bottom_red.gif) repeat-x; border:1px solid #c54734; border-radius:2px;}
.comment {margin-top:20px;}
.comment p {font-family:'HyundaiSansHeadOffice-Regular';}
.comment p img {position:relative; top:3px;}
.comment textarea {width:100%; height:65px; margin-top:5px; border:1px solid #c3c3c3;}
.dealership {height:170px; overflow-y:scroll;}
.view_more {position:relative; top:1px; margin-left:2px; cursor:pointer;}
.tooltip {display:inline-block; position:absolute; right:120px; top:19px; background:#fff; border:1px solid #002c5f; z-index:10; text-align:left; padding:10px;}
.tooltip dt {color:#002c5f; margin-bottom:8px;}
.tooltip dd {color:#002c5f; line-height:17px;}

/*상세정보*/
.graph_warp {margin:20px 0 0;}
.btn_statistics {background:url(../files/images/Autolink/btn_bg_gray.gif) bottom repeat-x; position:absolute; right:0; top:-9px; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #969696; color:#535455; font-size:11px; font-weight:bold; padding:5px 10px 3px 32px; cursor:pointer;}
.graph_area {width:100%; overflow-x:auto; background:#fff;}
.btn_statistics:hover {color:#214a96;}
.btn_statistics img {position:absolute; top:3px; left:10px;}

/*처리완료*/
.notice_message {font-size:15px; line-height:21px; color:#000; margin:10px 0; font-family:'HyundaiSansHeadOffice-Regular';}
.line {background:url(../files/images/Autolink/line_dot.gif) repeat-x; width:100%; height:1px; margin:20px 0;}
.survey {margin:10px 0; width:100%;}
.survey .satisfaction {background:#f6f3f2; padding:13px; border:1px solid #e4dcd3;}
.survey .satisfaction table {width:100%; line-height:32px; margin-top:10px;}
.survey .satisfaction input {position:relative; top:2px; margin-right:5px;}
.survey .satisfaction .summary input {width:645px; border:1px solid #cbcbcb; clear:both; top:1px; padding:3px; margin:0;}
.maintenance_chek {background:#fff; border:1px solid #002c5f; margin-bottom:15px; height:105px; overflow-y:scroll;}
.maintenance_chek table {width:100%; margin:20px 0;}
.maintenance_chek td {padding-left:20px; border-right:1px solid #cbcbcb; font-size:15px; line-height:26px;}
.maintenance_chek td input {position:relative; top:3px; margin-right:5px;}

/*검색*/
.dealer_management {padding:10px;}
.search_wrap {position:relative;}
.search_wrap table {width:100%; border-top:1px solid #999; border-bottom:1px solid #999;}
.search_wrap tr {border-bottom:1px solid #e4dcd3;}
.search_wrap tr:last-child {border-bottom:none;}
.search_wrap th {padding:8px 10px 3px; text-align:left; background:#f6f3f2; font-family:HyundaiSansHeadOffice-Medium;}
.search_wrap td * {vertical-align:middle;}
.search_wrap td {padding:8px;}
.search_wrap .btn {text-align:center; margin:10px 0;width: 100%;}
.search_wrap .btn span {background:#002c5f; padding:7px 35px 3px; display:inline-block; color:#fff; cursor:pointer; font-size:16px;}
.search_wrap .service span {width:150px; display:inline-block; position:relative;}
.search_wrap .check {position:relative; border:none; padding:0; top:-1px; margin-right:3px;}
.search_wrap input {padding:0px 5px; height:27px; border:1px solid #bebebe; box-sizing:border-box;}
.search_wrap select {padding:5px; margin-right:5px;}
.result_top {position:absolute; right:0; top:-12px;}
.result_top select {padding:4px; width:120px; margin-right:3px;}
.result_top span {cursor:pointer; color:#002c5f; display:inline-block; font-size:14px; border:1px solid #002c5f; height:23px; line-height:25px; padding:0 10px; font-family:'HyundaiSansHeadOffice-Regular'}
.result_top .export * {vertical-align:-3px;}
.result_top .export {padding:0px 10px; border:1px solid #bebebe; font-size:12px; cursor:pointer; display:inline-block; height:23px; line-height:27px; color:#000; font-family:'HyundaiSansHeadOffice-Regular'; background:#f6f3f2;}
.result_top .export img {position:relative; top:1px;}
.calendar {display:inline-block; position:relative; padding:1px; border:1px solid #bebebe;}
.calendar img {position:absolute; right:6px; top:8px; cursor:pointer;}
.calendar input {width:100%; padding:0 !important; border:0 !important;}

/*거점사업소관리*/
.dealership_map {border:1px solid #8e8e8e; height:160px; overflow:hidden;}
.dealership_map img {position:relative; top:-280px; left:-80px;}
.dealership_info table {width:100%; border-top:1px solid #999; border-bottom:1px solid #999; margin:15px 0 0 0;}
.dealership_info tr {border-bottom:1px solid #e4dcd3;}
.dealership_info th {text-align:left; padding:8px 10px; height:31px; color:#000; font-family:'HyundaiSansHeadOffice-Regular'; background:#f6f3f2;}
.dealership_info td {padding:0 10px; position:relative;}
.dealership_info input {border:1px solid #bebebe; padding:3px 5px; height:18px; line-height:18px;}
.dealership_info .btn_search {background:url(../files/images/Autolink/btn_bg_gray.gif) bottom repeat-x; padding:4px 5px; border:1px solid #ababab; color:#444; cursor:pointer; font-size:11px; font-weight:bold; margin-left:5px;}
.operating_hours {padding:10px 0;}
.operating_hours p {color:#000;}
.operating_hours p input {position:relative; top:2px; border:none; height:inherit; padding:0;}
.operating_hours .hours {width:125px; padding-right:7px; display:inline-block; font-size:14px;}
.operating_hours .dis select {background:#eee; color:#bbb; font-size:12px;}
.operating_hours select {padding:1px; font-size:12px;}
.operating_hours li  * {vertical-align:middle;}
.operating_hours li {width:49%; display:inline-block; margin-bottom:7px;}
.emergency_services {padding:10px 0;}
.emergency_services p {line-height:26px;}
.emergency_services b {margin-top:10px; display:block;}
.emergency_services span {width:49%; display:inline-block;}
.emergency_services input {border:none; position:relative; top:2px; height:inherit; padding:0;}
.rsa_info * {vertical-align:middle;}
.rsa_info input {border:1px solid #cbcbcb; position:relative; top:-2px; margin-left:20px;}
.reasons_denied {margin-top:10px; position:relative;}
.reasons_denied p {margin-bottom:3px; font-family:'HyundaiSansHeadOffice-Regular';}
.reasons_denied .btn_history {color:#002c5f; position:absolute; top:0; right:0; cursor:pointer; text-decoration:underline; font-family:'HyundaiSansHeadOffice-Regular';}
.reasons_denied .btn_history img {position:relative; top:-1px;}
.reasons_denied input {width:99%; padding:3px; border:1px solid #bebebe;}
.reasons_denied .dis input {color:#bbb;}
.history_list {border:1px solid #002c5f; padding:10px; height:145px; overflow-y:scroll; position:absolute; background:#fff; width:908px; bottom:47px;}
.history_list table {width:100%; border-top:1px solid #8e8e8e; border-bottom:1px solid #8e8e8e;}
.history_list td {border-bottom:1px solid #e2e2e2; height:21px; padding:3px 10px; color:#616161;}

/*팝업*/
.pop_title {background:#e4dcd3; color:#000; font-size:17px; padding:16px 20px 13px; text-align:center; font-family:'HyundaiSansHeadOffice-Medium';}
.pop_title em {color:#002c5f;}
.top_info * {vertical-align:middle;}
.top_info {margin:10px 0; font-size:15px;}
.top_info select {padding:2px; position:relative; top:-1px;}
.top_info .dealer select {padding:4px; margin-left:10px;}
.top_info .time {float:right;}
.top_info .time .change {cursor:pointer;}
.top_info .time img {right:3px; top:3px;}
.register_input table {width:100%; border-top:1px solid #999; border-bottom:1px solid #999;}
.register_input tr {border-bottom:1px solid #e4dcd3;}
.register_input th {text-align:left; padding:0 10px; height:46px; color:#000; font-family:'HyundaiSansHeadOffice-Regular'; background:#f6f3f2;}
.register_input td {position:relative; padding:10px;}
.register_input .dis input {color:#c0c0c0;}
.register_input input {width:93%; padding:3px 5px; height:18px; line-height:18px; border:1px solid #cbcbcb;}
.vin_search {display:inline-block; position:absolute; right:10px; cursor:pointer;}
.service_repair p {margin:20px 0 5px; font-family:'HyundaiSansHeadOffice-Medium';}
.service_repair table {width:100%;}
.service_repair td {line-height:24px;}
.service_repair input {position:relative; top:2px; margin-right:5px; border:none;}
.customer_request p {margin:20px 0 5px; font-family:'HyundaiSansHeadOffice-Medium';}
.customer_request textarea {width:100%; height:130px; border:1px solid #cbcbcb;}
.pop_bot_btns .type01 {background:#002c5f; min-width:190px;}
.pop_bot_btns .type02 {background:#999; min-width:190px;}
.pop_bot_btns2 span {margin:0 10px;}
.pop_bot_btns2 .black {min-width:150px;}
.pop_bot_btns2 .gray {min-width:150px;}
.h2h_time p {margin:20px 0 5px; color:#000; font-family:'HyundaiSansHeadOffice-Medium';}
.h2h_time table {width:100%; border-top:1px solid #b6b6b6; border-bottom:1px solid #b6b6b6;}
.h2h_time tr {border-bottom:1px solid #d4d4d4;}
.h2h_time th {text-align:left; padding:8px; color:#000; font-family:'HyundaiSansHeadOffice-Regular'; background:#f6f3f2; border-bottom:1px solid #e4dcd3;}
.h2h_time td {position:relative; padding:8px;}
.h2h_time .dis input {color:#c0c0c0;}
.h2h_time input {padding:3px; height:18px; line-height:18px; border:1px solid #cbcbcb;}
.h2h_time select {padding:2px; width:70px;}
.place_search span {display:inline-block; position:absolute; right:7px; cursor:pointer;}
.place_search .map {width:630px; height:150px; overflow:hidden; margin-top:10px; border:1px solid #cbcbcb;}
.place_search .map img {position:relative; right:171px; bottom:230px;}
.place_search .radio {height:auto; position:relative; top:2px; margin-right:5px; border:none;}

/*Push*/
.push_wrap {width:100%; height:724px; position:relative; margin-bottom:20px;}
.templates_wrap {width:40%;}
.templates_tab {width:100%; margin-bottom:5px;}
.templates_tab a {padding:6px 40px 2px; display:inline-block; border:1px solid #bebebe; color:#999;}
.templates_tab a:hover {border:1px solid #002c5f; color:#002c5f;}
.templates_tab a.active {border:1px solid #002c5f; color:#002c5f;}
.templates_detail {border:1px solid #bebebe; padding:12px 10px; position:relative;}
.templates_detail p {border-bottom:1px solid #bebebe; padding-bottom:8px; font-family:'HyundaiSansHeadOffice-Regular';}
.templates_detail a {display:inline-block; position:absolute; right:10px;}
.templates_detail table {width:100%;}
.templates_detail tr {border-bottom:1px solid #e3e3e3;}
.templates_detail td {padding:10px 5px;}
.templates_detail .img {border:1px solid #d7d7d7; display:inline-block; width:121px; height:105px;}
.templates_detail textarea {width:98%; height:95px; border:1px solid #d7d7d7; padding:5px;}
.push_register {border:1px solid #000; padding:12px 10px; width:58%; position:absolute; right:0px; top:0; height:702px; overflow-y:hidden;}
.push_register .message {margin-bottom:10px;}
.push_register h5 {font-size:14px; padding-bottom:4px; border-bottom:1px solid #bebebe; margin-bottom:10px; font-family:'HyundaiSansHeadOffice-Regular';}
.push_register .type {padding:0 0 5px 0; position:relative;}
.push_register .type select {padding:4px; width:120px;}
.push_register .type a {display:inline-block; position:absolute; right:0; top:4px;}
.push_register textarea {width:100%; height:110px; border:1px solid #cbcbcb;}
.push_register .word_count {text-align:right;}
.push_register .image {}
.push_register .file {width:100%; border:none; height:25px;}
.push_register .sel_receiver {margin:5px 0; position:relative;}
.sel_receiver select {padding:4px; width:115px;}
.sel_receiver .btn_search {position:absolute; right:0;}
.push_register .btn {text-align:center; margin:20px 0;}
.push_register .btn a {display:inline-block; font-size:15px; color:#fff; margin:0 20px; position:relative; width:230px; padding:8px 10px; font-family:'HyundaiSansHeadOffice-Regular';}
.push_register .btn a img {position:absolute; top:14px; right:20px;}
.push_register .type01 {background:#002c5f;}
.push_register .type02 {background:#999;}
.receiver .tt {margin:40px 0 0 0; font-family:'HyundaiSansHeadOffice-Regular';}
.tooltip_push {width:340px; position:absolute; top:97px; left:1195px; background:#fff; border:1px solid #002c5f; z-index:10; padding:7px;}
.tooltip_push .btn_close {text-align:right;}
.tooltip_push .message_detail {margin-top:7px;}
.tooltip_push .message_detail li {float:left; height:93px;}
.tooltip_push .tt_wrap {margin-left:7px; width:201px; border:1px solid #c0c0c0; padding:5px; word-break:break-all; overflow-y:auto;}
/*170412 Push new*/
.push_service {margin:20px 0; position:relative;}
.push_mobile {background:url(../files/images/Autolink/common/bg_push_mobile.png) no-repeat; position:absolute; top:15px; left:0; width:300px; padding:88px 28px 82px 35px;}
.push_mobile ul {height:360px; overflow-y:scroll; padding: 7px 5px 0px 0;}
.push_mobile li {width:100%; border:1px dashed #bebebe; padding:5px; display:block;text-align: center;}
.push_mobile .push_title {background:#fff; min-height:16px; font-family:'HyundaiSansHeadOffice-Medium'; margin-bottom:-1px; padding:4px 5px 0; font-size:13px;}
.push_mobile .push_image {background:#fff; min-height:121px; margin-bottom:9px; }
.push_mobile .push_image img {width:100%;}
.push_mobile .push_text {background:#fff; min-height:225px; font-size:12px;}
.push_step {margin-left:320px;}
.push_step .push_contents {border:1px solid #000; padding:10px; height:450px;}
.push_step .search_wrap th {padding:5px 10px 0;}
.push_step .search_wrap td {padding:5px;}
.push_step .search_wrap input {padding:3px 5px 0; height:20px;}
.push_step .search_wrap select {margin-right:0;}
.push_step .list_wrap {padding-top:10px;}
.push_step .list_wrap th {height:25px;}
.push_step .list_wrap td {height:24px;}
.push_step .push_tab {margin-bottom:10px;}
.push_step .btn_wrap {text-align:center; margin:8px 0 0; cursor:pointer;}
.push_step .btn_wrap span {display:inline-block; min-width:80px; padding:7px 10px 4px; background:#808080; color:#fff; font-size:15px;}
.push_step .top_btn {text-align:right; margin-bottom:5px; position:absolute; top:-20px; right:0;}
.push_step .top_btn span {padding:0px 10px; border:1px solid #bebebe; font-size:12px; cursor:pointer; display:inline-block; height:23px; line-height:27px; color:#000; font-family:'HyundaiSansHeadOffice-Regular'; background:#f6f3f2;}
.push_tab {width:100%;}
.push_tab li {display:inline-block; width:31.8%; height:34px; line-height:38px; position:relative; background:#fff; border:1px solid #e4dcd3; text-align:center; font-size:15px; color:#666; margin-right:7px;}
.push_tab li:after, .push_tab li:before {left:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; z-index:20;}
.push_tab li:after {border-left-color:#fff; border-width:17px; margin-top:-17px;}
.push_tab li:before {border-left-color:#e4dcd3; border-width:18px; margin-top:-18px;}
.push_tab li.active {border-color:#00aad2; color:#00aad2;}
.push_tab li.active:before {border-left-color:#00aad2; border-width:18px; margin-top:-18px;}

.push_tab span {display:inline-block; height:34px; line-height:38px; position:relative; background:#fff; text-align:center; font-size:16px; color:#666; float:left;}
.push_tab span:after, .push_tab span:before {left:-1px; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; z-index:10;}
.push_tab span:after {border-left-color:#fff; border-width:17px; margin-top:-17px;}
.push_tab span:before {border-left-color:#e4dcd3; border-width:18px; margin-top:-18px;}
.push_tab .active span {border-color:#00aad2; color:#00aad2;}
.push_tab .active span:before {border-left-color:#00aad2; border-width:18px; margin-top: -18px;}

.input_message h4 {font-family:'HyundaiSansHeadOffice-Medium'; font-size:16px; margin-bottom:5px;}
.input_title {margin-bottom:10px;}
.input_title span {display:inline-block; width:100%; position:relative;}
.input_title input {padding:9px 5px 5px; width:92%; font-size:15px; border:1px solid #bebebe;}
.input_title a {display:inline-block; background:#808080; color:#fff; font-size:15x; height:35px; line-height:38px; min-width:50px; padding:0 10px; text-align:center; position:absolute; right:0;}
.input_image {margin-bottom:10px;}
.input_image .image_wrap {height:180px; overflow-y:scroll; margin:5px 0 0; border:1px solid #bebebe; padding:10px 0;}
.input_image table {width:100%;}
.input_image td {padding:5px 0 0;}
.input_image .img_preview {position:relative; border:1px solid #bbb; width:125px; height:75px; background:#fff;}
.input_image .img_preview > img {width:100%;}
.img_preview .btn_delete {background:#000; width:30px; height:30px; display:inline-block; position:absolute; right:0; top:0px; opacity:.2; text-align:center; cursor:pointer;}
.img_preview .btn_delete img {position:relative; top:4px;}
.manual_upload {position:relative; border:1px solid #bebebe; border-top:none; padding:7px 10px; background:#f6f3f2;}
.manual_upload h5 {font-size:15px; color:#333; display:inline-block; margin-right:10px; position:relative; top:2px;} 
.manual_upload a {display:inline-block; background:#e4dcd3; color:#000; font-size:15px; height:26px; line-height:30px; min-width:50px; padding:0 10px; text-align:center; position:absolute; right:10px; top:7px; border:1px solid #d8cbbd;}
.manual_upload input {width:72%; height:28px; outline:none;}
.input_text {position:relative; padding:5px 0;}
.input_text textarea {padding:9px 5px 5px; width:92%; font-size:15px; border:1px solid #bebebe; height:50px;}
.input_text a {display:inline-block; background:#808080; color:#fff; font-size:16px; height:66px; line-height:68px; min-width:50px; padding:0 10px; text-align:center; position:absolute; right:0;}

/*Login*/
#login_wrap {width:100%; width:1200px; min-height:775px; position:relative; background:url(../files/images/Autolink/bg_loginpage.png) top center no-repeat; margin:0 auto;}
#login_wrap .login_bg {width:100%; min-width:1500px; height:763px; position:absolute; top:0; left:0;}
#login_header {height:50px; background:#e4dcd3; padding:0 30px; position:relative;}
#login_header .logo {display:inline-block; position:relative; /*top:12px;*/ margin:0px !important;}
#login_header .sel_language {position:absolute; right:30px; top:13px;}
#login_header .sel_language select {padding:4px; width:135px; letter-spacing:.5px; color:#000; position:relative; right:10px;}
#login_container {min-width:1140px; height:619px; margin:0 30px; position:relative; text-align:center; background:#fff;}
#login_container > div {background:url(../files/images/Autolink/img_loginpage.png) top center no-repeat; height:675px;}
#login_container .title {text-align:center; padding:105px 0 325px; color:#000; font-size:65px; font-family:'HyundaiSansHeadOffice-Medium';}
.login_wrap {text-align:center; width:725px; margin:0 auto;}
.login_wrap .notice {font-size:16px; margin:12px 0;}
.login_wrap .notice2 {color:#999; font-size:13px; margin:15px 0; padding:8px 0; border-top:1px solid #e4dcd3; border-bottom:1px solid #e4dcd3; text-align:left; position:relative;}
.input_wrap .btn {margin:0; position:absolute; right:0; border:none;}
.input_wrap .btn a {display:inline-block; padding:0 10px; text-align:center; color:#fff; font-size:18px; background:#002c5f; height:45px; line-height:47px; width:180px; font-family:'HyundaiSansHeadOffice-Regular';}
.input_wrap {text-align:left; position:relative;}
.input_wrap .input_st {border:1px solid #bebebe; width:260px; height:43px; display:inline-block; position:relative; margin-right:5px; background:#f6f3f2;}
.input_wrap .input_st img {position:absolute; left:10px; top:17px;}
.input_wrap input {background:#f6f3f2; margin:0 10px 0 35px; font-size:15px; font-weight:bold; border:none; width:222px; height:41px; line-height:43px; outline:none;}
.forgot_info {position:absolute; right:0;}
.forgot_info a {color:#ccc; text-decoration:underline; color:#002c5f;}
#login_footer {margin:0 auto; text-align:center; color:#bebebe; padding:20px 0; letter-spacing:.5px; min-width:1200px; position:absolute; width:100%; bottom:-58px; font-size:12px;}

/*차량관리*/
.vehicle_info {width:100%; margin:10px 0;}
.vin_wrap {display:inline-block; width:100%; height:630px; border:1px solid #bebebe; padding:10px; overflow-y:scroll;}
.vin_wrap a {display:block; padding:10px; border-bottom:1px solid #e4dcd3; position:relative; cursor:pointer; font-family:'HyundaiSansHeadOffice-Regular';}
.vin_wrap a.active {color:#00b4d2;}
.vin_wrap a:hover {color:#00b4d2;}
.vin_wrap a.active span {background:url(../files/images/Autolink/ico_arrow.png) no-repeat; width:14px; height:14px; display:inline-block; position:absolute; right:10px;}
.vin_wrap a:hover span {background:url(../files/images/Autolink/ico_arrow.png) no-repeat; width:14px; height:14px; display:inline-block; position:absolute; right:10px;}
.vin_detail {border:1px solid #000; display:inline-block; width:100%; padding:10px; height:630px;}
.owners_wrap {margin:30px 0 0;}
.owners_wrap h5 {color:#000; margin-bottom:5px; font-size:14px;}
.owners_wrap .btn_policy {display:inline-block; padding:5px 5px 3px; border:1px solid #e4dcd3; color:#000; font-size:12px; line-height:12px; background:#f6f3f2;}
.owner_info_wrap {max-height:265px; overflow-y:auto;}
.owner_info {border:1px solid #adadad; padding:10px; position:relative; margin-bottom:10px;}
.owner_info h4 {background:none; padding:0; color:#002c5f; display:inline-block; font-size:14px;}
.owner_info .last_time {float:right;}
.owner_info .delete {display:inline-block; position:absolute; right:10px; top:7px;}
.owners_wrap .push {margin:5px;}
.owners_wrap .push p {margin-bottom:3px;}
.owners_wrap .push input {position:relative; top:2px; margin-right:5px; border:none;}
.push {text-align:left; margin:5px;}
.push_check {border:1px solid #d4d4d4; padding:8px 10px;}
.push_check span {width:49%; display:inline-block;}
.modified_list {margin:10px 0 20px;}
.modified_list p {color:#000; margin-bottom:5px; font-size:14px;}
.sel_wrap {margin:0 0 30px; width:100%; float:left;}
.sel_wrap .sel_group {width:50%; float:left;}
.sel_wrap .sel_group p {color:#000; margin-bottom:5px;}
.sel_wrap .sel_group select {padding:3px; margin-right:3px;}

/*FAQ*/
.search {background:#f7f7f7; width:100%; position:relative; padding:10px 0; height:30px; margin:15px 0; text-align:center;}
.search input {border:1px solid #CBCBCB; padding:6px;}
.search .btn {background:#000; padding:7px 10px; width:120px; color:#fff; display:inline-block; text-align:center; margin-left:10px; cursor:pointer;}
.faq_wrap {border-top:1px solid #ccc; margin:20px 0 0;}
.faq_wrap dl {color:#999;}
.faq_wrap dt {font-size:18px; border-bottom:1px solid #ccc; padding:16px 10px; position:relative; cursor:pointer;}
.faq_wrap dt span {background:url(../files/images/Autolink/ico_arrow_below.gif) no-repeat; display:inline-block; width:9px; height:5px; position:absolute; right:20px; top:28px; opacity:.5;}
.faq_wrap dt.active {color:#002c5f;}
.faq_wrap dt:hover {color:#002c5f;}
.faq_wrap dd {padding:20px; border-bottom:1px solid #ccc; line-height:19px;}

/*Floating*/
.top_bths_left {margin-bottom:5px;}
.top_bths_left span {display:inline-block; padding:0 10px; border:1px solid #002c5f; background:#fff; margin-right:3px; color:#002c5f; cursor:pointer; height:22px; line-height:28px; font-family:'HyundaiSansHeadOffice-Regular';}
.module_list table {width:100%; border:1px solid #D2D1D1;}
.module_list th {background:#f6f3f2; height:26px; border-bottom:1px solid #e4dcd3; border-right:1px solid #e4dcd3; padding:3px 5px; font-family:'HyundaiSansHeadOffice-Regular';}
.module_list td {height:26px; text-align:center; border-right:1px solid #e4dcd3; padding:3px 5px;}
.sign_wrap {margin:20px 0;}
.sign_wrap .sign {font-size:16px; color:#000;}
.sign_wrap > div {border:1px solid #e4dcd3; padding:23px 20px; text-align:center; color:#000; font-size:18px;}
.sign_wrap .agree {margin-top:5px; font-size:15px;}
.sign_wrap .agree input {position:relative; top:2px; margin-right:5px;}
.from_to {margin-bottom:20px; width:100%; font-size:16px;}
.from_to dl {width:49%; display:inline-block;}
.from_to dt {font-size:16px; color:#000; font-family:'HyundaiSansHeadOffice-Regular';}
.from_to dd {border:1px solid #e4dcd3; padding:34px 10px; text-align:center;}
.upload_wrap {margin:10px 0;}
.upload_wrap .file {padding:10px; height:30px; background:#f7f7f7; margin:10px 0;}
.upload_wrap .file span {color:#000; margin-right:10px;}
.upload_wrap .btn {text-align:center; margin-bottom:30px;}
.upload_wrap .btn span {background:#e4dcd3; padding:9px 25px 5px; display:inline-block; color:#000; cursor:pointer; font-size:14px; margin:0 5px; font-family:'HyundaiSansHeadOffice-Regular'; min-width:120px;}

/*Customer History*/
.tit .num {position:absolute; right:0; font-family:'HyundaiSansHeadOffice-Regular';}
.tit .num em {font-size:15px; color:#002c5f; text-decoration:underline;}
.customer_status {font-size:15px; margin:15px 0 0px; font-family:'HyundaiSansHeadOffice-Regular';}
.customer_status em {color:#002c5f; text-decoration:underline; font-size:20px;}

/*Authority Setting*/
.list_type2 table {border:none;}
.list_type2 th {background:#fff; padding:3px; text-align:center;}
.list_type2 td {padding:3px; position:relative;}
.list_type2 .btn_del {position:absolute; right:5px; top:5px;}
.id_check {margin:5px 0 0; color:#002c5f;}

/*Warranty*/
.w_board {position:relative; margin:7px;}
.w_board table {width:100%; border:1px solid #D2D1D1; background:#fff;}
.w_board th {background:#f6f3f2; text-align:left; padding:3px 10px 0px; color:#000; line-height:15px; border:0; height:20px;}
.w_board td {padding:5px 10px 1px; line-height:15px; text-align:left; border:0; height:20px;}
.w_board p {color:#000; margin-bottom:5px;}
.w_board select {padding:3px;}
.w_board input {padding:4px; border:1px solid #cbcbcb;}
.w_set_btn span {color:#002c5f; margin-top:5px; display:inline-block; cursor:pointer; text-decoration:underline; font-family:'HyundaiSansHeadOffice-Regular';}
.w_sel {margin:5px 0; position:relative;}
.w_sel select {padding:5px; width:120px;}
.w_sel .btn {cursor:pointer; color:#002c5f; border:1px solid #002c5f; padding:0 10px; float:right; margin:0; height:20px; line-height:23px; position:relative; top:4px;}

/*Hot Line*/
.hot_line_wrap {padding:10px;}
.btn_file {background:#f6f3f2; height:34px; position:relative; padding:0 10px; border:1px solid #e4dcd3; font-family:'HyundaiSansHeadOffice-Regular';}
.btn_file .total {position:absolute; right:10px; top:10px;}
.btn_file .top_bths_left {display:inline-block; position:relative; top:6px;}
.btn_file .top_bths_left span {background:none; border:none; text-decoration:underline; padding:0;}
.h_comment {width:100%; text-align:left; border-bottom:1px solid #e4dcd3;}
.comment_user {background:#f6f3f2; padding:5px 5px 3px; position:relative; height:29px; line-height:29px; border-bottom:1px solid #e4dcd3;}
.comment_user .btn_wrap {position:absolute; top:6px; right:5px;}
.comment_user .btn_wrap span {text-decoration:underline; color:#002c5f; cursor:pointer; margin:0 3px; font-family:'HyundaiSansHeadOffice-Regular';}
.comment_content {padding:10px;}
.comment_file {text-decoration:underline; color:#002c5f; margin-top:5px; cursor:pointer;}
.term_sel {margin-right:30px;}
.term_sel input {border:none; position:relative; top:-1px; margin-right:5px;}
.sel_radio {margin-right:20px;}
.sel_radio input {margin-right:5px; position:relative; top:-1px; border:none;}

/*Promotion*/
.list_nav_tabs {width:100%; margin:15px 0; position:relative;}
.list_nav_tabs li {position:relative; padding:0px 10px; margin-right:3px; text-align:center; color:#999; display:inline-block; width:135px; font-family:'HyundaiSansHeadOffice-Regular'; height:31px; line-height:36px;}
.status_board .board_mid .btn {background:url(../files/images/Autolink/btn_bg_gray.gif) bottom repeat-x; border:1px solid #8c8c8c; color:#1d2a37; font-size:11px; top:0; padding:0 10px; margin:0; cursor:pointer;}
.list_nav_tabs li:hover {color:#00aad2; cursor:pointer; border:1px solid #00aad2;}
.list_nav_tabs li.active {color:#00aad2; cursor:pointer; border:1px solid #00aad2;}
.list_nav_tabs li .counting {position:absolute; top:-10px; right:3px; display:inline-block; background:url(../files/images/Autolink/ico_counting_bg.png) no-repeat; width:34px; height:19px; color:#fff; font-weight:bold;}
.list_nav_tabs li .counting em {position:relative; top:1px;}

/*차량관리*/
.vehicle_info {width:100%; margin:10px 0;}
.vin_wrap {display:inline-block; width:17%; height:630px; border:1px solid #bebebe; padding:10px; overflow-y:scroll;}
.vin_wrap a {display:block; padding:10px; border-bottom:1px solid #e4dcd3; position:relative; cursor:pointer; font-family:'HyundaiSansHeadOffice-Regular';}
.vin_wrap a.active {color:#00b4d2;}
.vin_wrap a:hover {color:#00b4d2;}
.vin_wrap a.active span {background:url(/files/images/Callcenter/ico_arrow.png) no-repeat; width:14px; height:14px; display:inline-block; position:absolute; right:10px;}
.vin_wrap a:hover span {background:url(/files/images/Callcenter/ico_arrow.png) no-repeat; width:14px; height:14px; display:inline-block; position:absolute; right:10px;}
.vin_detail {border:1px solid #000; display:inline-block; width:79%; float:right; padding:10px; height:630px;}
.owners_wrap {margin:30px 0 0;}
.owners_wrap h5 {color:#000; margin-bottom:5px; font-size:14px;}
.owners_wrap .btn_policy {display:inline-block; padding:5px 5px 3px; border:1px solid #e4dcd3; color:#000; font-size:12px; line-height:12px; background:#f6f3f2;}
.owner_info_wrap {max-height:265px; overflow-y:auto;}
.owner_info {border:1px solid #adadad; padding:10px; position:relative; margin-bottom:10px;}
.owner_info h4 {background:none; padding:0; color:#002c5f; display:inline-block; font-size:14px;}
.owner_info .last_time {float:right;}
.owner_info .delete {display:inline-block; position:absolute; right:10px; top:7px;}
.owners_wrap .push {margin:5px;}
.owners_wrap .push p {margin-bottom:3px;}
.owners_wrap .push input {position:relative; top:2px; margin-right:5px; border:none;}
.push {text-align:left; margin:5px;}
.push_check {border:1px solid #d4d4d4; padding:8px 10px;}
.push_check span {width:49%; display:inline-block;}
.modified_list {margin:10px 0 20px;}
.modified_list p {color:#000; margin-bottom:5px; font-size:14px;}
.sel_wrap {margin:0 0 30px; width:100%; float:left;}
.sel_wrap .sel_group {width:50%; float:left;}
.sel_wrap .sel_group p {color:#000; margin-bottom:5px;}
.sel_wrap .sel_group select {padding:3px; margin-right:3px;}

/*차량관리(지도기반)*/
.vehicle_info_map {width:100%; margin:10px 0; min-height:650px; position:relative;}
.vin_wrap_map {display:inline-block; width:50%; position:absolute; z-index:10; background-color:#fff; top:248px; left:1px;}
.vin_wrap_map a {display:block; padding:10px; border-bottom:1px solid #e4dcd3; position:relative; cursor:pointer; font-family:'HyundaiSansHeadOffice-Regular';}
.vin_wrap_map a.active {color:#00b4d2;}
.vin_wrap_map a:hover {color:#00b4d2;}
.vin_wrap_map a.active span {background:url(/files/images/Callcenter/ico_arrow.png) no-repeat; width:14px; height:14px; display:inline-block; position:absolute; right:10px;}
.vin_wrap_map a:hover span {background:url(/files/images/Callcenter/ico_arrow.png) no-repeat; width:14px; height:14px; display:inline-block; position:absolute; right:10px;}
.vin_wrap_map.unfold .vin_list_map {display:block;}
.vin_wrap_map.unfold .btn_fold {right:-39px;}
.vin_wrap_map.unfold .btn_fold span {background-position:-40px 0;} 
.vin_wrap_map .btn_fold {display:inline-block; width:40px; height:140px; background:#f7f3f2; overflow:hidden; position:absolute; z-index:20; top:0px; border:1px solid #e4dcd3; box-sizing:border-box; cursor:pointer;}
.vin_wrap_map .btn_fold span {background:url(../files/images/Callcenter/btn_fold.gif) no-repeat; background-size:80px 40px; background-position:0px 0px; width:40px; height:40px; overflow:hidden; display:inline-block; text-indent:-9999px; position:absolute; top:25%; transform:translateY(-50%);}
.vin_wrap_map .btn_fold span.ico_home {background: url("../files/images/Callcenter/ico_home.gif") no-repeat; background-size:20px 20px; background-position:10px 0; border:none; border-image: none; top: 60%; display: inline-block; position: absolute;  text-indent:-99999px;}
.vin_wrap_map .btn_fold span.ico_refresh {padding:0;background:url("../files/images/Callcenter/ico_reset.gif") no-repeat; background-size:20px 17px; background-position:10px 12px; border:none; border-image: none; top: 80%; display: inline-block; position: absolute; text-indent:-99999px;}
.vin_list_map {height:818px; overflow-y:scroll; padding:10px; box-sizing:border-box; display:none;}
.vin_detail_map {border:1px solid #ccc; display:inline-block; width:100%; /*padding:10px; 지도 패딩값 없앰*/ /*height:820px;*/ box-sizing:border-box; position:relative;}
.owners_wrap_map {margin:30px 0 0;}
.owners_wrap_map h5 {color:#000; margin-bottom:5px; font-size:14px;}
.owners_wrap_map .btn_policy {display:inline-block; padding:5px 5px 3px; border:1px solid #e4dcd3; color:#000; font-size:12px; line-height:12px; background:#f6f3f2;}
.owner_info_wrap_map {max-height:265px; overflow-y:auto;}
.owner_info_map {border:1px solid #adadad; padding:10px; position:relative; margin-bottom:10px;}
.owner_info_map h4 {background:none; padding:0; color:#002c5f; display:inline-block; font-size:14px;}
.owner_info_map .last_time {float:right;}
.owner_info_map .delete {display:inline-block; position:absolute; right:10px; top:7px;}
.owners_wrap_map .push {margin:5px;}
.owners_wrap_map .push p {margin-bottom:3px;}
.owners_wrap_map .push input {position:relative; top:2px; margin-right:5px; border:none;}
.push_map {text-align:left; margin:5px;}
.push_check_map {border:1px solid #d4d4d4; padding:8px 10px;}
.push_check_map span {width:49%; display:inline-block;}
.modified_list_map {margin:10px 0 20px;}
.modified_list_map p {color:#000; margin-bottom:5px; font-size:14px;}
.sel_wrap_map {margin:0 0 30px; width:100%; float:left;}
.sel_wrap_map .sel_group {width:50%; float:left;}
.sel_wrap_map .sel_group p {color:#000; margin-bottom:5px;}
.sel_wrap_map .sel_group select {padding:3px; margin-right:3px;}


/*Driving History(팝업)*/
.driving_history {height:500px; margin:15px 0 0;}
.driving_date {width:380px; display:inline-block;}
.driving_date .search {background:none; position:relative; text-align:left; padding:0; margin:0 0 10px;}
.driving_date .search input {height:25px;}
.driving_date .search img {top:7px;}
.driving_date .btn_search {background:#002c5f; padding:7px 10px 4px; display:inline-block; color:#fff; font-size:14px; position:absolute; right:0; width:70px; text-align:center;}
.distance_wrap {height:460px; overflow-y:auto;}
.distance_wrap .date {background:#f6f3f2; font-family: "HyundaiSansHeadOffice-Medium"; color:#000; font-size:16px; padding:14px 10px 10px;}
.distance_wrap .distance {border-bottom:1px solid #bebebe; padding:15px 0; position:relative; cursor:pointer; border-left:1px solid transparent; border-right:1px solid transparent; border-top:1px solid transparent;}
.distance_wrap .distance:hover {background:#f7f7f7; color:#002c5f; border:1px solid #00aad2; box-sizing:border-box;}
.distance_wrap .active {background:#f7f7f7; color:#002c5f; border:1px solid #00aad2; box-sizing:border-box;}
.distance_wrap .distance:last-child {}
.distance_wrap .distance dl {padding:0 10px; margin-bottom:10px;}
.distance_wrap .distance dt {font-size:16px; min-height:40px; position:relative; padding:0 13px;}
.distance_wrap .distance dt:before {content:'○'; display:inline-block; font-size:17px; position:absolute; left:0;}
.distance_wrap .distance dd {color:#646464; margin-top:3px; padding:0 13px;}
.distance_wrap .value {display:block; padding:0 0 0 20px; background:url(../files/images/Callcenter/ico_distance.gif) 10px 1px no-repeat; color:#646464;}
.distance_wrap .value span {display:inline-block; padding:0 10px;}
.distance_wrap .value span:first-child {border-right:1px solid #bebebe; height:15px;}
.distance_wrap .line {display:inline-block; width:1px; height:58px; background:#646464; position:absolute; top:11px; left:14px;}
.distance_wrap .line img {position:absolute; left:-4px; width:9px;transform:rotate(180deg)}

.driving_state {width:775px; float:right; height:100%; background-size:cover; position:relative; background:#f7f3f2;}
.driving_state .map {height:97%; background:#f7f3f2;}
.driving_state .btn_detail {position:absolute; bottom:10px; display:inline-block; left:50%; transform:translateX(-50%); text-align:center; width:100%;}
.driving_state .btn_detail img {width:60px; cursor:pointer;}
.driving_detail {background:#f7f3f2;}
.driving_detail td {padding:10px 10px 0px;}
.driving_detail tr:last-child td {padding-bottom:0;}
.driving_detail dl * {vertical-align:middle;}
.driving_detail dl {width:100%;}
.driving_detail dt {font-family: "HyundaiSansHeadOffice-Regular"; color:#646464; height:28px; line-height:15px;}
.driving_detail dd {font-size:15px; height:30px;}
.driving_detail dd em {font-size:20px;}
.driving_detail .efficiency {height:20px; border-bottom:1px solid #ddd;}
.efficiency {width:100%; padding:0px 0px 5px;}
.efficiency span {display:inline-block; width:9%; height:15px; background:#ccc;}
.efficiency .percent {background:#21a775;}


/*Driving History(지도기반)*/
.driving_history_map {height:500px; margin:15px 0 0;}
.driving_date_map {width:380px; display:inline-block;}
.driving_date_map .search {background:none; position:relative; text-align:left; padding:0; margin:0 0 10px;}
.driving_date_map .search input {height:25px;}
.driving_date_map .search img {top:7px;}
.driving_date_map .btn_search {background:#002c5f; padding:7px 10px 4px; display:inline-block; color:#fff; font-size:14px; position:absolute; right:0; width:70px; text-align:center;}
.distance_wrap_map {height:460px; overflow-y:auto;}
.distance_wrap_map .date {background:#f6f3f2; font-family: "HyundaiSansHeadOffice-Medium"; color:#000; font-size:16px; padding:14px 10px 10px;}
.distance_wrap_map .distance {border-bottom:1px solid #bebebe; padding:15px 0; position:relative; cursor:pointer; border-left:1px solid transparent; border-right:1px solid transparent; border-top:1px solid transparent;}
.distance_wrap_map .distance:hover {background:#f7f7f7; color:#002c5f; border:1px solid #00aad2; box-sizing:border-box;}
.distance_wrap_map .active {background:#f7f7f7; color:#002c5f; border:1px solid #00aad2; box-sizing:border-box;}
.distance_wrap_map .distance:last-child {}
.distance_wrap_map .distance dl {padding:0 10px; margin-bottom:10px;}
.distance_wrap_map .distance dt {font-size:16px; min-height:40px; position:relative; padding:0 13px;}
.distance_wrap_map .distance dt:before {content:'○'; display:inline-block; font-size:17px; position:absolute; left:0;}
.distance_wrap_map .distance dd {color:#646464; margin-top:3px; padding:0 13px;}
.distance_wrap_map .value {display:block; padding:0 0 0 20px; background:url(../files/images/Callcenter/ico_distance.gif) 10px 1px no-repeat; color:#646464;}
.distance_wrap_map .value span {display:inline-block; padding:0 10px;}
.distance_wrap_map .value span:first-child {border-right:1px solid #bebebe; height:15px;}
.distance_wrap_map .line {display:inline-block; width:1px; height:58px; background:#646464; position:absolute; top:11px; left:14px;}
.distance_wrap_map .line img {position:absolute; bottom:0px; left:-4px; width:9px;}

.driving_state_map {background-size:cover; background:#f7f3f2;}
.driving_state_map .map {height:97%; background:#f7f3f2;}
.driving_state_map .btn_detail {position:absolute; bottom:0px; display:inline-block; left:0; text-align:center; width:100%;}
.driving_state_map .btn_detail.open  .driving_detail_map table {display:table;}
.driving_state_map .btn_detail img {height:43px; cursor:pointer; position:absolute; top:-43px; left:50%; transform:translateX(-50%);}
.driving_detail_map {background:#f7f3f2; padding:10px;}
.driving_detail_map table {width:100%; background:#f7f3f2;display:none;}
.driving_detail_map td {padding:10px 10px 0px;}
.driving_detail_map tr:last-child td {padding-bottom:0;}
.driving_detail_map dl * {vertical-align:middle;}
.driving_detail_map dl {width:100%;}
.driving_detail_map dt {font-family: "HyundaiSansHeadOffice-Regular"; color:#646464; height:28px; line-height:15px; text-align:center;}
.driving_detail_map dd {font-size:15px; height:30px; text-align:center;}
.driving_detail_map dd em {font-size:30px;}
.driving_detail_map .efficiency_map {height:20px; border-bottom:1px solid #ddd;}
.efficiency_map {width:100%; padding:0px 0px 5px;}
.efficiency_map span {display:inline-block; width:9%; height:15px; background:#ccc;}
.efficiency_map .percent {background:#21a775;}

/* LayerPop css */
.pop-layer { width:1186px; height: 675px; /*height:auto;*/  background-color:#fff; border: 0px solid #999; z-index: 10;}
.pop-layer .pop-container {padding: 10px 10px;}
.pop-conts {margin:20px 0 0;}

/* Company Info on/off css 20180528*/
.companyinfo_on{border-radius:50%; width:7px; height:7px; background:#ff0000; margin:0 auto; margin-left:-5px;}
.companyinfo_off{border-radius:50%; width:7px; height:7px; background:#0000ff; margin:0 auto; margin-left:-5px;}
.helpArea {display:inline;}

.btn_tooltip{position:relative;margin:0 12px 0 7px;padding:1px 0 0 2px;width:20px;height:20px;color:#fff;font-size:16px;line-height:25px;text-align:center;vertical-align:middle;display:inline-block;border-radius:100%;border:none;background-color:#999;}
.tooltip_wrap {position:absolute;left:123px;top:44px;padding:5px 10px 2px;color:#fff;background:#999;z-index:9999;}
.tooltip_wrap_d {position:absolute;left:142px;top:44px;padding:5px 10px 2px;color:#fff;background:#999;z-index:9999;}

.helpArea .line {padding:5px 0 0; height:16px; font-size:16px; border-right:1px solid #ddd;} 
.helpArea .titTxt {padding:0 0 0 14px; display:inline; color:#999; font-size:20px;}
.btn.company {margin-left:-12px !important;}

.company_wrap{width:100%;}
.company_wrap .totalArea ul {display:table; width:100%;}
.company_wrap .totalArea ul > li{display:inline-block;width:32.6%; margin-right:15px;}
.company_wrap .totalArea ul > li:last-child{margin-right:0;}
.company_wrap .totalArea ul > li .total {width:100%; min-height:53px; overflow:hidden; border-left:5px solid #002c5f; background:#ddd;}

.company_wrap .totalArea ul > li .total:hover {color:#fff; background:#002c5f;}
.company_wrap .totalArea ul > li span {display:inline-block;}
.company_wrap .totalArea ul > li .totalTitle {padding:18px 0 0 17px;color:#000;font-size:16px;}
.company_wrap .totalArea ul > li .fa {padding-right:5px;}
.company_wrap .totalArea ul > li .totalNum {float:right;padding:5px 18px 0 0;color:#000;font-size:36px;text-align:right;}

.company_wrap .totalArea ul > li .total:hover .totalTitle {color:#fff;}
.company_wrap .totalArea ul > li .total:hover .fa {color:#fff;}
.company_wrap .totalArea ul > li .total:hover .totalNum {color:#fff;}
.company_wrap .totalArea ul > li .total.active {background:#002c5f;}
.company_wrap .totalArea ul > li .total.active .totalTitle {color:#fff;}
.company_wrap .totalArea ul > li .total.active .fa {color:#fff;}
.company_wrap .totalArea ul > li .total.active .totalNum {color:#fff;}
.company_wrap .totalArea {margin-bottom:20px;}

.company_wrap .vin_detail_map {position:relative; height:600px;}
.company_wrap .vin_detail_map .totalCompany_num {position:absolute; padding:7px 0 0; width:33px; height:50px; color:#2f96fc; font-size:13px; text-align:center; background:url('../files/images/Callcenter/ico_map.png') center top no-repeat}
.company_wrap .vin_detail_map .totalEmployee_num {position:absolute; padding:10px 11px; width:auto; height:auto; color:#000; font-size:13px; text-align:center;
	border:7px solid #002c5f;border-radius:100%;background:#fff;}
.company_wrap .vin_detail_map .totalEmployee_num_w {position:absolute; padding:20px 5px; width:auto; height:auto; color:#000; font-size:13px; text-align:center;
	border:7px solid #002c5f;border-radius:100%;background:#fff;}

.company_lft {margin-top:10px;margin-bottom:40px;float:left;display:inline;width:15%; height:370px; border:1px solid #999; overflow-y:auto;}
.company_lft .list_wrap {padding:14px;}
.company_lft table {width:100%;}
.company_rgt {margin-top:10px;margin-bottom:40px;float:right;display:inline;width:84%;}
.company_rgt table {margin-top:30px;}
.btn_modify {position:absolute;right:0px;display:inline-block; padding:2px 36px 0 16px; height:40px; color:#fff !important; font-size:13px; line-height:40px; text-align:right; background:#0087b5 url(../files/images/Callcenter/ico_modify.gif) 127px 14px no-repeat;}
.company_rgt .tabs {width:100%;height:40px;background:#444;}
.company_rgt .tabs ul {display:table;width:100%;height:40px;}
.company_rgt .tabs ul > li {display:inline-block;}
.company_rgt .tabs ul > li a{display:inline-block; padding:10px 30px 0; color:#fff; font-size:15px; border-right:1px solid #fff;}
.company_rgt .tabs ul > li:last-child a {border-right:none;}

.company_rgt .tabs ul > li:hover {padding:2px 10px 0; height:40px; background:#fff; border-top:2px solid #444; border-left:1px solid #444;}
.company_rgt .tabs ul > li:hover a {padding:10px 30px 0; color:#000; font-size:16px; font-weight:bold; border-right:none;}

.company_rgt .tabs .ui-state-default {border-top:2px solid #444; border-left:2px solid #444;}
.company_rgt .tabs .ui-state-active {padding:2px 10px 0; height:40px; background:#fff; border-top:2px solid #444; border-left:2px solid #444;}
.company_rgt .tabs .ui-state-active a {padding:10px 30px 0; color:#000; font-size:16px; font-weight:bold; border:none;}
.company_rgt .scroll {height:330px; overflow-y:auto;}
.company_rgt .search_wrap th {text-align:center;}
.company_pop_tbl {float:left;}
.company_pop_map {float:right;}

.department_lft {margin-top:10px;margin-bottom:40px;float:left;display:inline;width:15%;height:auto;min-height:600px;border:1px solid #999;}
.department_lft select {margin:5px;width:96%;}
.department_lft .list_wrap {padding:14px;}
.department_lft table {width:100%;}
.department_lft .list_wrap td {text-align:left;}
.department_lft .lnb {padding:0 10px;}
.department_lft h4 {margin-bottom:0;padding:5px 10px;font-size:12pt;}

/* tree 구조 추가 20180531*/
.department_lft .list_cell > ul > li{position:relative;padding-left:20px;background:#fafafa;border-bottom:1px solid #dadada}
.department_lft .list_cell > ul > li > a{position:relative;display:block;font-size:12px;line-height:18px;padding:5px 18px 5px 10px;background:url(../files/images/Callcenter/icon_list.gif) left center no-repeat}
.department_lft .list_cell > ul > li > ul {padding:2px 0 7px;background:#f7f7f7;}
.department_lft .list_cell .depth3 {padding-left:10px;}
.department_lft .list_cell .strong{color:#ffaf5a}

.department_lft a.otherMenu,
a.title{position:relative;display:block;font-size:12px;padding-left:10px;color:#fff;line-height:35px;height:30px;background:#999;border-bottom:1px solid #cecece}
.department_lft a.otherMenu > em{padding-left:15px;}
.department_lft a.title > em{padding-left:15px;}
.department_lft span.icon{position:absolute;top:50%;right:10px}
.department_lft span.pr01{display:block;width:8px;height:8px;margin-top:-4px;background:#d78b8b}
.department_lft span.pr02{display:block;width:8px;height:8px;margin-top:-4px;background:#b5d287}
.department_lft span.pr03{display:block;width:8px;height:8px;margin-top:-4px;background:#84bcd6}

.department_rgt {margin-top:10px;margin-bottom:40px;float:right;display:inline;width:84%;}
.department_rgt table {margin-top:30px;}
.department_rgt .btn_modify {position:absolute;right:0px;display:inline-block; padding:2px 36px 0 16px; height:40px; color:#fff !important; font-size:13px; line-height:40px; text-align:right; background:#0087b5 url(../files/images/Callcenter/ico_modify.gif) 127px 14px no-repeat;}

.department_rgt .tabs {width:100%;height:40px;background:#444;}
.department_rgt .tabs ul {display:table;width:100%;height:40px;}
.department_rgt .tabs ul > li {display:inline-block;}
.department_rgt .tabs ul > li a{display:inline-block; padding:10px 30px 0; color:#fff; font-size:15px; border-right:1px solid #fff;}
.department_rgt .tabs ul > li:last-child a {border-right:none;}

.department_rgt .tabs ul > li:hover {padding:2px 10px 0; height:40px; background:#fff; border-top:2px solid #444; border-left:1px solid #444;}
.department_rgt .tabs ul > li:hover a {padding:10px 30px 0; color:#000; font-size:16px; font-weight:bold; border-right:none;}

.department_rgt .tabs .ui-state-active {padding:2px 10px 0; height:40px; background:#fff; border-top:2px solid #444; border-left:2px solid #444;}
.department_rgt .tabs .ui-state-active a {padding:10px 30px 0; color:#000; font-size:16px; font-weight:bold; border:none;}
.department_rgt .scroll {height:330px; overflow-y:auto;}
.department_rgt .search_wrap th {text-align:center;}
.department_rgt .fa {display:block;height:3px;}
.department_rgt .list_wrap th {position:relative;}
.department_rgt .sort {position:absolute;right:5px;top:5px;}

.department_rgt .vin_detail_map {height:auto;}

/*Employee*/
.department_srch {padding:10px 0;text-align:center;border-top:1px solid #999;}
.department_srch button.srch {margin-left:5px;display:inline-block;width:31px;height:31px;vertical-align:middle; border:none;background:url(../files/images/Callcenter/ico_srch.png) left top no-repeat;}
.department_list {text-align:left;}
a.list_tit {padding:7px 0 4px 10px;width:100% !important;display:inline-block;width:100%;font-weight:bold;border-top:1px solid #f6f3f2;border-bottom:1px solid #f6f3f2;background:#f6f3f2;}
.department_list ul > li {padding:5px 0 3px 20px;line-height:18px;border-top:1px solid #ddd;}
.department_list ul > li > ul > li {border-top:none;}
.department_list ul > li input {margin-top:-3px;margin-right:5px;font-size:14px;line-height:18px;vertical-align:middle;}
.scroll {height:300px;overflow-y:auto;}
.department_list .on {color:#0087b5;}
.department_list a {display:inline-block;width:85%;}
.department_list .up {background:url(../files/images/Callcenter/ico_arrow_up.gif) right 4px no-repeat;}
.department_list .down {background:url(../files/images/Callcenter/ico_arrow_down.gif) right 4px no-repeat;}
.department_list a:hover {color:#0087b5;}
.department_list ul > li > ul > li {background:url(../files/images/Callcenter/icon_list.gif) 10px center no-repeat}
 
/* Button css */
.btn_select_1{background:#002c5f; padding:0 10px; width:60px; color:#fff; display:inline-block; text-align:center; cursor:pointer; height:31px; line-height:36px; font-family:'HyundaiSansHeadOffice-Regular';border:none; height:28px; margin-bottom:3px; }

.btn_select_2{background:#002c5f; padding:0 10px; width:60px; color:#fff; display:inline-block; text-align:center; cursor:pointer; height:31px; line-height:30px; font-family:'HyundaiSansHeadOffice-Regular';border:none; height:28px; margin-bottom:3px; }

.btn_select_3{background:#002c5f; width:67px; color:#fff; display:inline-block; text-align:center; cursor:pointer; height:31px; line-height:30px; font-family:'HyundaiSansHeadOffice-Regular';border:none; height:28px; margin:3px; }

.btn_select_4 {background:#002c5f; padding:0 0px; width:80px; color:#fff; display:inline-block; text-align:center; cursor:pointer; height:31px; line-height:36px; font-family:'HyundaiSansHeadOffice-Regular';border:none; border-radius:4px;}
.btn_policy_5 {display:inline-block; padding:5px 5px 3px; border:1px solid #e4dcd3; color:#000; font-size:12px; line-height:12px; background:#f6f3f2;}

.btn_select_5{background:#002c5f; width:67px; color:#fff; display:inline-block; text-align:center; cursor:pointer; height:31px; line-height:30px; font-family:'HyundaiSansHeadOffice-Regular';border:none; height:28px; }

.btn_select_6{background:#002c5f; padding:0 10px; width:60px; color:#fff; display:inline-block; text-align:center; cursor:pointer; height:32px; line-height:35px; font-family:'HyundaiSansHeadOffice-Regular';border:none; height:29px; margin-bottom:3px; margin-top:3px;}

.btn_select_7 {background:#002c5f; padding:0 0px; width:80px; color:#fff; display:inline-block; text-align:center; cursor:pointer; height:32px; line-height:32px; font-family:'HyundaiSansHeadOffice-Regular';border:none; border-radius:4px;}

.btn_select_8 {background:#002c5f; padding:0 0px; width:130px; color:#fff; display:inline-block; text-align:center; cursor:pointer; height:32px; line-height:32px; font-family:'HyundaiSansHeadOffice-Regular';border:none; border-radius:4px;}

.btn_select_9 {background:#002c5f; padding:0 0px; width:120px; color:#fff; display:inline-block; text-align:center; cursor:pointer; height:31px; line-height:36px; font-family:'HyundaiSansHeadOffice-Regular';border:none; border-radius:4px;}

.excel_export * {vertical-align:-3px;}
.excel_export {padding:0px 10px; border:1px solid #bebebe; font-size:12px; cursor:pointer; display:inline-block; height:23px; line-height:22px; color:#000; font-family:'HyundaiSansHeadOffice-Regular'; background:#f6f3f2;}
.excel_export img {position:relative; top:1px;}
.btn_newCompany {display:inline-block; width:120px;height:27px;color:#fff; font-family:'HyundaiSansHeadOffice-Regular';line-height:27px;border:1px solid #002c5f;border-radius:4px;background:#002c5f;}
.btn_excelUpload {padding-left:26px; display:inline-block; width:130px; height:27px; color:#fff; font-family:'HyundaiSansHeadOffice-Regular';line-height:27px;border:1px solid #4cae4c; border-radius:4px; background:#5cb85c url('../files/images/Callcenter/ico_excel.png') 11px 4px no-repeat;}
.btn_excelUpload2 {padding-left:50px; display:inline-block; width:200px; height:27px; color:#fff; font-family:'HyundaiSansHeadOffice-Regular';line-height:27px;border:1px solid #4cae4c; border-radius:4px; background:#5cb85c url('../files/images/Callcenter/ico_excel.png') 11px 4px no-repeat;}



.select_date * {vertical-align:middle;}
.select_date {text-align:center; font-size:15px; color:#000; font-family:'HyundaiSansHeadOffice-Regular';}
.select_date a {display:inline-block; position:relative;}
.select_date .btn_t1 {min-width:70px; height:29px; line-height:31px; margin:0 5px;}
.select_month {display:inline-block; position:relative; width:100px;}
.select_month input {width:100%; box-sizing:border-box; padding:6px 6px 4px; font-size:14px;}
.select_month img {position:absolute; right:6px; top:8px; cursor:pointer;}


/*20210107 추가*/
/*.displays.flex{display:box;display:flexbox;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.displays.inline-flex{display:-webkit-inline-box;display:-moz-inline-box;display:inline-box;display:-ms-inline-flexbox;display:inline-flexbox;display:-webkit-inline-flex;display:inline-flex;}
.displays.row{-webkit-box-orient: horizontal;box-orient: horizontal;-moz-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction:row;}
.displays.row-reverse{flex-direction:row-reverse;}
.displays.center{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.displays.flex-start{-webkit-box-pack:start;-moz-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content:flex-start;}
.displays.flex-end{justify-content:flex-end;}
.displays.space-around{justify-content:space-around;}
.displays.space-between{ -webkit-box-pack:justify !important;-moz-box-pack:justify !important;-ms-flex-pack:justify !important;-webkit-justify-content:space-between !important;justify-content:space-between !important; }
.displays.cross-start{-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items: flex-start;align-items: flex-start;}
.displays.cross-center{-webkit-box-align:center !important;-moz-box-align:center !important;-ms-flex-align:center !important;-webkit-align-items:center !important;align-items:center !important;}
.displays.cross-end{-webkit-align-items: flex-end; align-items:flex-end;}
.displays.cross-stretch{align-items:stretch;}

.is3.ic3 {padding-right: 30px;background-image: url(./files/images/ico_calendar.gif);background-repeat: no-repeat;background-position: calc(100% - 10px) 49%;}*/
.select_month img {position:absolute; right:6px; top:8px; cursor:pointer;}

/* calendar */
div.l_menu{width:230px;height:100%;min-height:960px;float:left;background-color:#e4dcd3;margin-right:15px;overflow-y:auto;}
div.l_menu ul{list-style:none;margin:0;padding:0;}
div.l_menu li{margin:5px 0;}
div.l_menu li h3{font-weight:bold;text-align:center;padding:3px;}
div.l_menu li select{width:95%;height:28px;margin:0 5px;padding:4px;border-radius:3px;border:1px solid #aaa;}
div.l_menu li.list{padding:0 8px;line-height:20px;cursor:pointer;}
	
#r_calendar{width:100%;text-align:left;border:1px solid #999;border-bottom:none;margin:0 auto;}
#r_calendar tbody tr th{height:22px;border-bottom:1px solid #999;background-color:#eee;padding-top:5px}
#r_calendar tbody tr td{border-bottom:1px solid #999;border-right:1px solid #999;width:10%;vertical-align:top;padding:5px;height:145px;}
#r_calendar tbody tr th.blue,
#r_calendar tbody tr td.blue,
#r_calendar tbody tr td.blue a{color:#0033F8;}
#r_calendar tbody tr td.blue{border-right:none;}
#r_calendar tbody tr th.red,
#r_calendar tbody tr td.red,
#r_calendar tbody tr td.red a{color:#ff0000;}
#r_calendar tbody tr td.disabled{background-color:#f5f5f5;color:#aaa;}
#r_calendar tbody tr td.disabled:last-child{border-right:none;}
#r_calendar tbody tr td.today{background-color:#FCD7D8;font-weight:bold;}
#r_calendar tbody tr td span{padding:5px;}
#r_calendar tbody tr td ul {height:100px;overflow-y:auto;}
#r_calendar tbody tr td ul.view{clear:both;list-style:none;height:80px;overflow-y:auto;margin:0;padding:2px 0 0 0;}
#r_calendar tbody tr td ul.view li a{color:#000;border:1px solid}
#r_calendar tbody tr td ul.view li{float:left;line-height:16px;}
#r_calendar tbody tr td a {text-decoration:none;}
#r_calendar tbody tr td a:hover{text-decoration:underline;}        

ul.select_area{list-style:none; text-align:center;height:26px;margin:0 auto;width:250px;padding:15px 0;}
ul.select_area li{float:left;margin-left:6px;}
ul.select_area li button{width:25px;height:25px;border-radius:3px;border:1px solid #bbb;cursor:pointer;line-height:5px;}
ul.select_area button span{font-size:18px;}
ul.select_area select{width:60px;height:25px;}




/*DashBoard*/
.container {
    width: 100%;
    padding: 0;
}

.left_col {
    background: #E4DCD3;
}

.nav-sm .container.body .col-md-3.left_col {
    min-height: 100%;
    width: 70px;
    padding: 0;
    z-index: 9999;
    position: absolute;
}

    .nav-sm .container.body .col-md-3.left_col.menu_fixed {
        position: fixed;
        height: 100%;
    }

    .nav-sm .container.body .col-md-3.left_col .mCSB_container, .nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
        overflow: visible;
    }

.overflow_hidden, .sidebar-widget, .site_title, .tile, .weather-days .col-sm-2, .x_title h2, table.tile_info td p {
    overflow: hidden;
}

.nav-sm .hidden-small {
    visibility: hidden;
}

.nav-sm .container.body .right_col {
    padding: 10px 20px;
    margin-left: 70px;
    z-index: 2;
}

.nav-sm .navbar.nav_title {
    width: 70px;
}

    .nav-sm .navbar.nav_title a span {
        display: none;
    }

    .nav-sm .navbar.nav_title a i {
        font-size: 27px;
        margin: 13px 0 0 3px;
    }

.site_title i {
    border: 1px solid #EAEAEA;
    padding: 5px 6px;
    border-radius: 50%;
}

.nav-sm .main_container .top_nav {
    display: block;
    margin-left: 70px;
    z-index: 2;
}

.nav-sm .nav.side-menu li a {
    text-align: center !important;
    font-weight: 400;
    font-size: 10px;
    padding: 10px 5px;
}

.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid #1ABB9C;
}

    .nav-sm .nav.side-menu li.active-sm ul ul, .nav-sm ul.nav.child_menu ul {
        position: static;
        width: 200px;
        background: 0 0;
    }

.nav-sm > .nav.side-menu > li.active-sm > a {
    color: #1ABB9C !important;
}

.nav-sm .nav.side-menu li a i.toggle-up {
    display: none !important;
}

.nav-sm .menu_section h3, .nav-sm .profile, .nav-sm span.fa {
    display: none;
}

.nav-sm .nav.side-menu li a i {
    font-size: 25px !important;
    text-align: center;
    width: 100% !important;
    margin-bottom: 5px;
}

.nav-sm ul.nav.child_menu {
    left: 100%;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 4000;
    background: #e4dcd3;
    display: none;
}

    .nav-sm ul.nav.child_menu li {
        padding: 0 10px;
    }

        .nav-sm ul.nav.child_menu li a {
            text-align: left !important;
        }

.menu_section {
    margin-bottom: 35px;
}

    .menu_section h3 {
        padding-left: 15px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-weight: 700;
        font-size: 11px;
        margin-bottom: 0;
        margin-top: 0;
        text-shadow: 1px 1px #000;
    }

    .menu_section > ul {
        margin-top: 10px;
    }

.profile_pic {
    width: 35%;
    float: left;
}

.img-circle.profile_img {
    width: 70%;
    background: #fff;
    margin-left: 15%;
    z-index: 1000;
    position: inherit;
    margin-top: 20px;
    border: 1px solid rgba(52,73,94,.44);
    padding: 4px;
}

.profile_info {
    padding: 25px 10px 10px;
    width: 65%;
    float: left;
}

    .profile_info span {
        font-size: 13px;
        line-height: 30px;
        color: #BAB8B8;
    }

    .profile_info h2 {
        font-size: 14px;
        color: #ECF0F1;
        margin: 0;
        font-weight: 300;
    }

.profile.img_2 {
    text-align: center;
}

    .profile.img_2 .profile_pic {
        width: 100%;
    }

        .profile.img_2 .profile_pic .img-circle.profile_img {
            width: 50%;
            margin: 10px 0 0;
        }

    .profile.img_2 .profile_info {
        padding: 15px 10px 0;
        width: 100%;
        margin-bottom: 10px;
        float: left;
    }

.main_menu span.fa {
    float: right;
    text-align: center;
    margin-top: 5px;
    font-size: 10px;
    min-width: inherit;
    color: #003B83;
}

.active a span.fa {
    text-align: right !important;
    margin-right: 4px;
}

.nav-sm .menu_section {
    margin: 0;
}

.nav-sm li li span.fa {
    display: inline-block;
}

.nav_menu {
    float: left;
    background: #f6f3f2;
    border-bottom: 1px solid #D9DEE4;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
}

@media (min-width:480px) {
    .nav_menu {
        position: static;
    }
}

.nav-md .container.body .col-md-3.left_col {
    min-height: 100%;
    width: 230px;
    padding: 0;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
}

    .nav-md .container.body .col-md-3.left_col.menu_fixed {
        height: 100%;
        position: fixed;
    }

body .container.body .right_col {
    background: #ffffff;
}

.nav-md .container.body .right_col {
    padding: 10px 20px 0;
    margin-left: 230px;
}

.nav_title {
    width: 230px;
    float: left;
    background: #E4DCD3;
    border-radius: 0;
    height: 57px;
}

@media (max-width:991px) {
    .nav-md .container.body .right_col, .nav-md .container.body .top_nav {
        width: 100%;
        margin: 0;
    }

    .nav-md .container.body .col-md-3.left_col {
        display: none;
    }

    .nav-md .container.body .right_col {
        width: 100%;
        padding-right: 0;
    }

    .right_col {
        padding: 10px !important;
    }
}

@media (max-width:1200px) {
    .x_title h2 {
        width: 62%;
        font-size: 17px;
    }

    .graph, .tile {
        zoom: 85%;
        height: inherit;
    }
}

@media (max-width:1270px) and (min-width:192px) {
    .x_title h2 small {
        display: none;
    }
}

.left_col .mCSB_scrollTools {
    width: 6px;
}

.left_col .mCSB_dragger {
    max-height: 400px !important;
}

.blue {
    color: #002c5f;
}

.purple {
    color: #9B59B6;
}

.green {
    color: #1ABB9C;
}

.aero {
    color: #9CC2CB;
}

.red {
    color: #e63312;
}

.dark {
    color: #34495E;
}

.border-blue {
    border-color: #002c5f !important;
}

.border-purple {
    border-color: #9B59B6 !important;
}

.border-green {
    border-color: #1ABB9C !important;
}

.border-aero {
    border-color: #9CC2CB !important;
}

.border-red {
    border-color: #e63312 !important;
}

.border-dark {
    border-color: #34495E !important;
}

.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #003B83;
}

.bg-green {
    background: #1ABB9C !important;
    border: 1px solid #1ABB9C !important;
    color: #fff;
}

.bg-red {
    background: #e63312 !important;
    border: 1px solid #e63312 !important;
    color: #fff;
}

.bg-blue {
    background: #002c5f !important;
    border: 1px solid #002c5f !important;
    color: #fff;
}

.bg-orange {
    background: #F39C12 !important;
    border: 1px solid #F39C12 !important;
    color: #fff;
}

.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff;
}

.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff;
}

.container {
    width: 100%;
    padding: 0;
}

.top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover, .top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover {
    background: #D9DEE4;
}

body {
    color: #000000;
    background: #E4DCD3;
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471;
}

.main_container .top_nav {
    display: block;
    margin-left: 240px;
}

.no-padding {
    padding: 0 !important;
}

.page-title {
    width: 100%;
    height: 65px;
    padding: 10px 0;
}

    .page-title .title_left {
        width: 45%;
        float: left;
        display: block;
    }

        .page-title .title_left h3 {
            margin: 9px 0;
        }

    .page-title .title_right {
        width: 55%;
        float: left;
        display: block;
    }

        .page-title .title_right .pull-right {
            margin: 10px 0;
        }

.fixed_height_320 {
    height: 320px;
}

.fixed_height_390 {
    height: 390px;
}

.fixed_height_200 {
    height: 200px;
}

.progress-bar-dark {
    background-color: #34495E !important;
}

.progress-bar-gray {
    background-color: #BDC3C7 !important;
}

table.no-margin .progress {
    margin-bottom: 0;
}

.main_content {
    padding: 10px 20px;
}

.col-md-55 {
    width: 50%;
    margin-bottom: 10px;
}

@media (min-width:768px) {
    .col-md-55 {
        width: 20%;
    }
}

@media (min-width:992px) {
    .col-md-55 {
        width: 20%;
    }
}

@media (min-width:1200px) {
    .col-md-55 {
        width: 20%;
    }
}

@media (min-width:192px) and (max-width:1270px) {
    table.tile_info span.right {
        margin-right: 7px;
        float: left;
    }
}

.center-margin {
    margin: 0 auto;
    float: none !important;
}


.navbar {
    margin-bottom: 0;
}

.navbar-header {
    background: #34495E;
}

.navbar-right {
    margin-right: 0;
}

.top_nav .navbar-right {
    margin: 0;
    width: 70%;
    float: right;
}

    .top_nav .navbar-right li {
        display: inline-block;
        float: right;
        position: static;
    }

@media (min-width:480px) {
    .top_nav .navbar-right li {
        position: relative;
    }
}

.top_nav .dropdown-menu li {
    width: 100%;
}

    .top_nav .dropdown-menu li a {
        width: 100%;
        padding: 12px 20px;
    }

.top_nav li a i {
    font-size: 15px;
}

.navbar-static-top {
    position: fixed;
    top: 0;
    width: 100%;
}

.sidebar-header {
    border-bottom: 0;
    margin-top: 46px;
}

    .sidebar-header:first-of-type {
        margin-top: 0;
    }

.nav.side-menu > li {
    position: relative;
    display: block;
    cursor: pointer;
}

    .nav.side-menu > li > a {
        margin-bottom: 6px;
    }

        /*.nav.side-menu > li > a:hover {
            color: #aacae6 !important;
        }*/

        .nav.side-menu > li > a:hover, .nav > li > a:focus {
            text-decoration: none;
            background: 0 0;
        }

.nav.child_menu {
    display: none;
}

    .nav.child_menu li.active, .nav.child_menu li:hover {
        background-color: rgba(255,255,255,.06);
    }

    .nav.child_menu li {
        padding-left: 36px;
    }

.nav-md ul.nav.child_menu li:before {
    background: #002c5f;
    bottom: auto;
    content: "";
    height: 11px;
    left: 22px;
    margin-top: 12px;
    position: absolute;
    right: auto;
    width: 11px;
    z-index: 1;
    border-radius: 50%;
}

.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #425668;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0;
}

.nav.top_menu > li > a, .nav > li > a {
    position: relative;
    display: block;
}

.nav.child_menu > li > a, .nav.side-menu > li > a {
    color: #000000;
    font-weight: 500;
    font-size:12pt;
    font-family: "HyundaiSansHeadOffice-Medium";
}

.nav li li.current-page a, .nav.child_menu li li a.active, .nav.child_menu li li a:hover {
    color: #000000;
    font-size:10pt;
    font-family: "HyundaiSansHeadOffice-Medium";
}

.nav.child_menu > li > a {
    color: #000000;
    font-size:10pt;
    font-family: "HyundaiSansHeadOffice-Medium";
    padding: 9px;
}

.nav.child_menu li li.active, .nav.child_menu li li:hover {
    background: 0 0;
}

.nav > li > a {
    padding: 13px 15px 12px;
    color:#000;
}

.nav.side-menu > li.active, .nav.side-menu > li.current-page {
    border-right: 5px solid #00aad2;
}

.nav li.current-page {
    background: rgba(255,255,255,.05);
    border-right: 4px solid #002c5f;
}

.nav li li li.current-page {
    background: 0 0;
}

.navbar-brand, .navbar-nav > li > a, site_title {
    margin-left: 0 !important;
}

.nav.side-menu > li.active > a {
    color:#FFFFFF;
    background: linear-gradient(#002c5f,#002c5f),#E4DCD3;
}

.navbar-brand, .navbar-nav > li > a {
    font-weight: 500;
}

.site_title {
    font-weight: 400;
    font-size:21pt;
    width: 100%;
    line-height: 59px;
    display: block;
    height: 55px;
    margin: 0;
    padding-left: 10px;
    color: #003B83 !important;
    margin-top:5px;
    font-family:HyundaiSansHeadOffice-Medium;
}

.nav.navbar-nav > li > a {
    color: #515356 !important;
}

.nav.top_menu > li > a {
    padding: 10px 15px;
    color: #34495E !important;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
}

.top_search {
    padding: 0;
}

    .top_search .form-control {
        box-shadow: inset 0 1px 0 rgba(0,0,0,.075);
        border-radius: 25px 0 0 25px;
        padding-left: 20px;
        border: 1px solid rgba(221,226,232,.49);
    }

        .top_search .form-control:focus {
            border: 1px solid rgba(221,226,232,.49);
            border-right: 0;
        }

    .top_search .input-group-btn button {
        border-radius: 0 25px 25px 0;
        border: 1px solid rgba(221,226,232,.49);
        border-left: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        color: #93A2B2;
        margin-bottom: 0 !important;
    }

.tiles, .top_tiles {
    margin-bottom: 0;
}

.toggle {
    float: left;
    width: 70px;
    margin-top: 10px;
}

    .toggle a {
        padding:15px;
        cursor: pointer;
    }

.panel_toolbox {
    float: right;
    min-width: 70px;
}

    .panel_toolbox > li {
        float: left;
        cursor: pointer;
    }

        .panel_toolbox > li > a {
            padding: 5px;
            color: #C5C7CB;
            font-size: 14px;
        }

            .panel_toolbox > li > a:hover {
                background: #F5F7FA;
            }

.line_30 {
    line-height: 30px;
}

.main_menu_side {
    padding: 0;
}

.bs-docs-sidebar .nav > li > a {
    display: block;
    padding: 4px 6px;
}

footer {
    background: #fff;
    padding: 15px 20px;
    display: block;
}
#footer {clear:both;}

.nav-sm footer {
    margin-left: 70px;
}

.footer_fixed footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.degrees:after, .x_content, .x_panel {
    position: relative;
}

@media (min-width:768px) {
    .footer_fixed .nav-sm footer, .footer_fixed footer {
        margin-left: 0;
    }
}

.tile-stats.sparkline {
    padding: 10px;
    text-align: center;
}

.jqstooltip {
    background: #34495E !important;
    width: 30px !important;
    height: 22px !important;
}

.tooltip {
    display: block !important;
}

.tiles {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 5px;
}

.top_tiles .tile h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 3px 0 7px;
    font-weight: 700;
}

article.media {
    width: 100%;
}

*, :after, :before {
    box-sizing: border-box;
}

.blue{color:#3498DB}.purple{color:#9B59B6}.green{color:#1ABB9C}.aero{color:#9CC2CB}.red{color:#E74C3C}.dark{color:#34495E}

.tile_count .tile_stats_count {border-bottom: 1px solid #D9DEE4;padding: 0 10px 0 20px;position: relative;}
.tile_count .tile_stats_count:before {    
    content: "";
    position: absolute;
    left: 0;
    height: 55px;
    border-left: 2px solid #ADB2B5;
    margin-top: 3px;
}

@media (min-width:992px) {
.tile_count .tile_stats_count {margin-bottom: 10px;border-bottom: 0;padding-bottom: 10px;}
.tile_count .tile_stats_count:first-child:before {border-left: 0;}
}

.tile_count .tile_stats_count .count {font-size: 30px;line-height: 47px;font-weight: 600;}

@media (min-width:768px) {
.tile_count .tile_stats_count .count {font-size: 40px;}
}

@media (min-width:992px) and (max-width:1100px) {
.tile_count .tile_stats_count .count {font-size: 30px;}
}

.tile_count .tile_stats_count span {font-size: 12px;}

@media (min-width:768px) {
.tile_count .tile_stats_count span {font-size: 13px;}
}

.tile_count .tile_stats_count .count_bottom i {width: 12px;}


/* Battery status 2018-06-26 추가*/
.battery_status {position:absolute; left:413px; z-index:99999;}
.battery_status button {border:none; background:none;}
.battery_status .car_status {position:absolute;}
.battery_status a, .battery_status span {display:inline-block; text-align:center;}
.battery_status span {padding-top:1.5px; font-size:11px; letter-spacing:-0.5px;}
.location_50more {width:30px; height:94px; color:#000d2a; background:url(../files/images/Callcenter/location-blue.png) left top no-repeat; background-size:30px;}
.location_50under {width:30px; height:94px; color:#ffbb00;  background:url(../files/images/Callcenter/location-yellow.png) left top no-repeat; background-size:30px;}
.location_20under {width:30px; height:94px; color:#e72f0a; background:url(../files/images/Callcenter/location-red.png) left top no-repeat; background-size:30px;}
.location_evengA {width:41px; height:61px; text-indent:-9999999px; background:url(../files/images/Callcenter/eveng-able.png) left top no-repeat; background-size:30px;}
.location_evengW {width:41px; height:61px; text-indent:-9999999px; background:url(../files/images/Callcenter/eveng-wait.png) left top no-repeat; background-size:30px;}




/*.status_datail_box { width:312px; z-index:99999;}
.status_datail_box_in {padding:19px 19px 9px; border:none; border-radius:3px; background:#fff; box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);}
.status_datail_box .name {color:#333; font-size:20px; line-height:20px;}
.status_datail_box .vin {padding:0;color:#00aad2; font-size:20px;}
.status_datail_box .address {color:#333; font-size:17px; line-height:18px;}
.status_datail_box_btm {width:30px; height:25px; margin:0 auto; background:url(../files/images/Callcenter/status_datail_box_btm.png) center no-repeat;}
.status_datail_box .btn_select_3 {margin:3px; padding-top:2px; display:inline-block; width:110px; height:40px; color:#fff; font-size:17px; text-align:center; line-height:39px; font-family:'HyundaiSansHeadOffice-Regular'; cursor:pointer; border:none; background:#002c5f;}*/





.status_datail_box {width:312px; z-index:99999;}
.status_datail_box_in {padding:19px 19px 9px; border:none; border-radius:3px; background:#fff; box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);}
.status_datail_box .carPic {padding:0 0 11px; text-align:center;}
.status_datail_box .carSt span {width:100%; display:inline-block;}
.status_datail_box .carSt .vin {margin-top:20px; color:#00aad2; font-size:20px; line-height:22px; text-align:center; font-family:'HyundaiSansHeadOffice-Light';}
.status_datail_box .carSt .id {color:#666; font-size:17px; line-height:19px; text-align:center; font-family:'HyundaiSansHeadOffice-Regular'; }
.status_datail_box .carSt .userName {margin-top:18px; height:20px; color:#333; font-size:20px; line-height:20px; text-align:left; font-family:'HyundaiSansHeadOffice-Regular';}
.status_datail_box .carSt .tel {padding:3px 0 0 14px; height:17px; color:#999; font-size:17px; line-height:17px; text-align:left; font-family:'HyundaiSansHeadOffice-Regular'; background:url(../files/images/Callcenter/tel-icon.png) left no-repeat; background-size:7px 17px;}
.status_datail_box .carSt .address {margin-top:8px; height:17px; color:#333; font-size:17px; line-height:17px; text-align:left;}
.status_datail_box .carSt .carStatus {margin-top:13px; padding:0; color:#00aad2; font-size:20px; line-height:22px; text-align:center; font-family:'HyundaiSansHeadOffice-Regular';}
.status_datail_box .carSt .date {padding-top:0; color:#00aad2; font-size:17px; text-align:center; font-family:'HyundaiSansHeadOffice-Regular';}


.status_datail_box_btm {width:30px; height:25px; margin:0 auto; background:url(../files/images/Callcenter/status_datail_box_btm.png) center no-repeat;}
.status_datail_box .btn_select_3 {margin:3px; padding-top:2px; display:inline-block; width:110px; height:40px; color:#fff; font-size:17px; text-align:center; line-height:39px; font-family:'HyundaiSansHeadOffice-Regular'; cursor:pointer; border:none; background:#002c5f;}

.status_datail_box .battery {margin:7px 0 0 20PX; text-align:center;}
.status_datail_box .battery span {padding:0 0 0 38px; font-size:20px; text-align:left; font-family:'HyundaiSansHeadOffice-Regular';}
.status_datail_box .battery .battery_red01 {display:inline-block; color:#e63312; background:url(../files/images/Callcenter/battery-01.png) no-repeat; background-size:29px 19px;}
.status_datail_box .battery .battery_yellow02 {display:inline-block; color:#ffa800; background:url(../files/images/Callcenter/battery-02.png) no-repeat; background-size:29px 19px;}
.status_datail_box .battery .battery_yellow03 {display:inline-block; color:#ffa800; background:url(../files/images/Callcenter/battery-03.png) no-repeat; background-size:29px 19px;}
.status_datail_box .battery .battery_blue04 {display:inline-block; color:#002c5f; background:url(../files/images/Callcenter/battery-04.png) no-repeat; background-size:29px 19px;}
.status_datail_box .battery .battery_blue05 {display:inline-block; color:#002c5f; background:url(../files/images/Callcenter/battery-05.png) no-repeat; background-size:29px 19px;}

.status_datail_box .userPic {padding:7px 0 18px; text-align:center;}
.status_datail_box .userPic img {width:auto;}
.status_datail_box .userSt {padding-bottom:10px;}
.status_datail_box .userSt > li {text-align:center;}
.status_datail_box .userSt .userName {color:#002c5f; font-size:20px; line-height:22px; font-family:'HyundaiSansHeadOffice-Light';}
.status_datail_box .userSt .id {color:#002c5f; font-size:20px; line-height:22px; font-family:'HyundaiSansHeadOffice-Light';}
.status_datail_box .userSt .tel {margin-top:3px; display:inline-block; padding:7px 0 0 14px; color:#999; font-size:17px; line-height:19px; font-family:'HyundaiSansHeadOffice-Regular'; background:url(../files/images/Callcenter/tel-icon.png) left no-repeat; background-size:7px 17px;}
.status_datail_box .userSt .carStatus {margin-top:19px; padding:0; color:#00aad2; font-size:20px; line-height:22px; font-family:'HyundaiSansHeadOffice-Regular';}
.status_datail_box .userSt .date {padding-top:0;color:#00aad2; font-size:17px; font-family:'HyundaiSansHeadOffice-Regular';}
.status_datail_box .userSt .oncall {margin-top:27px; color:#333; font-size:20px; text-align:center; font-family:'HyundaiSansHeadOffice-Regular';}

/* sideBar 추가 20180629 */
#sideBar {position:absolute; right:0; top:0; width:200px; height:100%; border-left:1px solid #ddd; background:#fff;}
#sideBar div {margin:10px; border-bottom:1px solid #ddd;}


/* POPUP  추가 20180629*/
.popup .btn_close {position:absolute; right:1rem; top:1.2rem; color:#002c5f; font-size:1.2rem; font-weight:bold; font-family:'HydSR';}
.pop_cont {padding:0.5rem;}
.pop_cont .title {padding:0 0 1rem; color:#000; font-size:1.2rem; font-weight:bold; font-family:'HydSR';}
.pop_cont .title01 {padding:0 0 1rem; color:#002c5f; font-size:1.2rem; font-weight:bold; font-family:'HydSR';}
.pop_cont p {padding:2rem 0.5rem 1rem; word-break:keep-all; text-align:center;font-family:'HydSR';}
.pop_cont p.txt_type01 {margin-bottom:2rem; padding:1rem 0 1rem; word-break:keep-all; text-align:left;font-family:'HydSR';}
.pop_cont p.txt_type02 {padding:1rem 0 1rem; word-break:keep-all; text-align:left; font-family:'HydSR';}
.pop_cont .btn_area {margin-top:2rem;}

/* POPUP layer common  추가 20180629*/
.ui-popup-screen {background-color:#000;}
.ui-popup-container.ui-popup-active {top:15% !important; left:50% !important; transform:translateX(-50%); min-width:300px;}

/*201810 추가*/
.search_wrap2 {position:relative; margin-bottom: 20px;float: left !important;width: 49.5%; }
.search_wrap2 table {width:100%; border:1px solid #ccc;  }
.search_wrap2 th {padding:8px 20px 3px; background:#f6f3f2; font-family:HyundaiSansHeadOffice-Medium; border:1px solid #ccc;}
.search_wrap2 td * {vertical-align:middle;}
.search_wrap2 td {padding:0 8px;border-bottom: 1px solid #ccc; height: 50px;}
.search_wrap3 {position:relative; margin-bottom: 20px; float: right!important;width: 49.5%; }
.search_wrap3 table {width:100%; border:1px solid #ccc;}
.search_wrap3 th {padding:8px 20px 3px;background:#f6f3f2; font-family:HyundaiSansHeadOffice-Medium; border:1px solid #ccc;}
.search_wrap3 td * {vertical-align:middle;}
.search_wrap3 td {padding:0 8px; border-bottom:1px solid #ccc; height: 50px;}
.ss_tit{background-color: #999999 !important; text-align: center;color: #fff;height: 40px; }
.total{display: block}
.total>span{font-size:2.0rem; text-decoration: underline;}
.wd30{width: 30px;display: inline-block}
.al_b{padding:2px 14px; background-color: #002c5f;color: #fff;border-radius:10px; }
.al_y{padding:2px 14px; background-color: #ffba00;color: #fff;border-radius:10px; }
.al_r{padding:2px 14px; background-color: #e63312;color: #fff;border-radius:10px; }

/*20181011 추가*/
.comment_save{border: 1px solid #ccc;height:100px;padding: 10px;overflow-y: scroll;position: relative;}
.comment_save2{border: 1px solid #ccc;height:200px;padding: 10px;overflow-y: scroll;position: relative;}
.ss_btn01{background-color:#337ab7; float: right;color: #fff;border-radius: 5px;border: 1px solid #337ab7;position: absolute;bottom:0;right: 0;margin: 0 10px 10px 0;}
.rf_cancelation{border: 1px solid #ccc;height:100px;padding: 10px;overflow-y: scroll;position: relative;background-color: #dedede;}

/*20181012 추가*/
.btn_pop_close{text-align: right;}
.btn_pop_close>img{margin:20px 20px 0 0; }
.fc_r{color: #ff0000;}
.fc_b{color: #0024FF;}
.ss_btn02 {background-color:#337ab7; color: #fff;border-radius: 5px;padding: 3px 15px;}
.ss_btn02 span{color: #fff;}
.pop_list td{padding: 10px 0;vertical-align: middle;}
.pop_select{float:right;margin: -2px 10px 0 0;}


/*20181017 추가*/
.fc_o{color: #ff5f00;}
.search-btn{clear:both;width:1057px;width:100%;margin:10px 0;text-align:center;}
.search-btn button{cursor:pointer;}
.table_list_wrap{text-align: left;margin-top: 5px; }
.table_list_wrap li{margin-bottom: 5px;}

/*20181022 추가*/
.ss_btn03 {background-color:#337ab7; color: #fff;border-radius: 5px;padding: 3px 15px;float: left;margin-left: 10px;}
.ss_btn03 span{color: #fff;}
.sel_list{height:25px;padding:0 3px;width: 40%;border-radius: 4px;}
.wd100{width: 60px;margin-top: 6px;margin-left: 3px;}


.black00 {
    color: #000;
    font: 12px sans-serif;
    border: 1px solid rgb(186, 186, 186);
    padding: 2px 28px 3px 10px;
    margin-right: 4px;
    background-image: url('../Images/Autolink/view.png') !important;
    background-repeat: no-repeat !important;
    background-position: 93% 50% !important;
    background-color: rgb(243, 243, 243) !important;
}

/*20210913 추가*/
#login_footer {margin: 0 auto;text-align: left;color: #bebebe;padding: 0 10px;letter-spacing: .5px;min-width: 1200px;position: absolute;width: 100%;bottom: -44px;font-size: 12px;overflow: hidden;}
#login_footer div {float: left;}
#login_footer ul {float: right;overflow: hidden;}
#login_footer ul li {float: left;margin-left: 10px;}
#login_footer ul li a {color: #999999;cursor: pointer;}