html, body{
    height:100%;
    overflow: auto;
}
body{
    background:#EBECF0;
    margin: 0 auto;
	max-width: 1920px;
}

body, h1, h2, h3, h4, h5, h6, input, textarea, select, button {
    font-family:'Pretendard' , sans-serif;
    font-size : 16px;
    font-weight: 400;
    color: #545454
}

.pc_header{
	max-width: 1920px;
}
.select_group_top {
	max-width: 1800px;
}
.contents {	
	max-width: 1800px;	
}

/*link*/
a {
    text-decoration: none;
    color: #545454
}
.device_info, .detail_view{
    text-decoration: underline;
}
.device_info:hover,
.detail_view:hover {
    text-decoration: none;
}

/*form*/
input::-webkit-input-placeholder{/*크롬,파이어폭스,오페라,사파리 구버전*/
    color:#adadad;
}
input:-ms-input-placeholder{/*엣지,IE 구버전*/
    color:#adadad;
}
input::placeholder{
    color:#adadad;
}
input, select {
    box-sizing: border-box;
    border: 1px solid #C3C4CE;
    background:#fff;
}
input[type=text], input[type=password] {
    box-sizing: border-box;
    border: 1px solid #C3C4CE;
    height:36px;
    text-indent: 8px;
}
input[type=checkbox] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}
.filebox .upload-name {
    display: inline-block;
    height: 36px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #C3C4CE;
    width: 50%;
    color: #999999;
}
.filebox label {
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 20px;
    color: #38444A;
    vertical-align: middle;
    cursor: pointer;
    height: 36px;
    border-radius: 30px;
    border: 1px solid #38444A;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}


/*toggle button*/
.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
  vertical-align:middle;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch input:checked + .slider {
  background-color: #51ACCF;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #51ACCF;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}


/*txt align*/
.txt_left {
    text-align: left;
}
.txt_center {
    text-align: center !important;
}
.txt_right {
    text-align: right;
}


/*background*/
.bg_01 {
    background:#F6F8FA
}
.bg_01.txt_center{
    background:#F6F8FA;
    text-align: center;
}


/*button*/
.btn_def_1 {
    min-width:120px;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #38444A;
    cursor: pointer;
    color:#fff;
    font-size: 16px;
}
.btn_def_1:hover{
    background:#8FB50A !important;
    border: 1px solid #8FB50A !important;
}

.btn_s_line {
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #fff;
    cursor: pointer;
    padding:0 8px;
    height: 28px;
    font-size: 14px;
}
.btn_s_bg {
    border:1px solid #38444A;
    border-radius: 30px;
    background: #38444A;
    cursor: pointer;
    padding:0 10px;
    height: 28px;
    font-size: 14px;
    color:#fff;
}
.btn_s_line.v1 {
    border:1px solid #2D393E !important;
    color:#2D393E;
}
.btn_s_bg.v1{
    background:#2D393E
}
.btn_s_line.v1:hover{
    border: 1px solid #8FB50A !important;
    color: #8FB50A;
    background: #FCFFEF;
}
.btn_s_bg.v1:hover {
    border: 1px solid #8FB50A !important;
    background:#8FB50A;
}
.btn_m_line {
    min-width: 80px;
    height:30px;
    border:1px solid #6F7B81;
    border-radius: 30px;
    background:#45545B;
    font-size: 14px;
    color:#fff;
    cursor: pointer;
}
.btn_m_line:hover {
    border:1px solid #99a6ac;
}
.btn_m_bg {
    min-width: 80px;
    height:30px;
    border:1px solid #6F7B81;
    border-radius: 30px;
    background:#6F7B81;
    font-size: 14px;
    color:#fff;
    cursor: pointer;
}
.btn_m_bg:hover {
    background:#85949b;
}
.btn_l_line_01 {
    min-width: 120px;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background:#DCDDE3;
    font-size: 16px;
    color:#38444A;
    cursor: pointer;
}
.btn_l_line_02 {
    min-width:120px;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #fff;
    cursor: pointer;
    color:#38444A;
    font-size: 16px;
}
.btn_l_line_03 {
    min-width:70px;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #fff;
    cursor: pointer;
    color:#38444A;
    font-size: 16px;
}
.btn_l_line_04 {
    min-width:100px;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #fff;
    cursor: pointer;
    color:#38444A;
    font-size: 16px;
}
.btn_l_line_05 {
    width:86px;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #fff;
    cursor: pointer;
    color:#38444A;
    font-size: 16px;
}
.btn_l_line_02:hover,
.btn_l_line_04:hover,
.btn_l_line_05:hover {
    border: 1px solid #8FB50A !important;
    color: #8FB50A;
    background: #FCFFEF;
}
.btn_l_line_04.v1.nohover,
.btn_l_line_02.v1.nohover,
.btn_l_line_02.nohover,
.btn_l_line_04.nohover {
    border:1px solid #38444A !important;
    color:#38444A;
    background:none;
}
.btn_l_bg_01 {
    width:120px;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #38444A;
    cursor: pointer;
    color:#fff;
    font-size: 16px;
}
.btn_l_bg_01_1 {
    width:120px;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #38444A;
    cursor: pointer;
    color:#fff;
    font-size: 16px;
}
.btn_l_bg_02 {
    width:70px;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #38444A;
    cursor: pointer;
    color:#fff;
    font-size: 16px;
}
.btn_l_bg_02:hover{
    background: #38444A;
}
.btn_l_bg_03 {
    width:100px;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #38444A;
    cursor: pointer;
    color:#fff;
    font-size: 16px;
}
.btn_l_bg_04 {
    width:86px !important;
    height:36px;
    border:1px solid #38444A !important;
    border-radius: 30px;
    background: #38444A;
    cursor: pointer;
    color:#fff;
    font-size: 16px;
}
.btn_l_bg_01.v3,
.btn_l_bg_02.v1,
.btn_l_bg_03.v1 {
    border:1px solid #38444A !important;
    background: #38444A;
}
/*.btn_l_bg_01.v2:hover,*/
.btn_l_bg_01.v3:hover,
.btn_l_bg_03.v1:hover,
.btn_l_bg_01_1:hover,
.btn_l_bg_04:hover {
    background:#8FB50A !important;
    border: 1px solid #8FB50A !important;
}
.btn_select_move {
    display: inline-block;
    width: 86px;
    height: 36px;
    background: url('../image/btn_select_move.png') no-repeat;
    background-size: 86px 36px;
    vertical-align: middle;
}
.btn_select_move:hover{
    display: inline-block;
    width: 86px;
    height: 36px;
    background: url('../image/btn_select_move_over.png') no-repeat;
    background-size: 86px 36px;
    vertical-align: middle;
}
.btn_select_delete {/*기기공지사항*/
    display: inline-block;
    width: 86px;
    height: 36px;
    background: url('../image/btn_select_del.png') no-repeat;
    background-size: 86px 36px;
    vertical-align: middle;
}
.btn_select_delete.v1,
.btn_select_delete.v1:hover {
    vertical-align: bottom;
}
.btn_select_delete:hover{
    display: inline-block;
    width: 86px;
    height: 36px;
    background: url('../image/btn_select_del_over.png') no-repeat;
    background-size: 86px 36px;
    vertical-align: middle;
}
.btn_save{/*휴일/업무시간설정*/
    display: inline-block;
    width: 100px;
    height: 36px;
    background: url('../image/btn_save_2x.png') no-repeat;
    background-size: 100px 36px;
    vertical-align: bottom;
}
.btn_save:hover{
    display: inline-block;
    width: 100px;
    height: 36px;
    background: url('../image/btn_save_2x_over.png') no-repeat;
    background-size: 100px 36px;
    vertical-align: bottom;
}

/*image-button*/
.btn_device_group_choice {
    vertical-align:middle;
    width:120px;
    height: 36px;
}
.btn_addition {
    vertical-align: top;
    width:70px;
    height:36px;
}
.btn_modify {
    vertical-align: top;
    width:70px;
    height:36px
}


/* table */
.table_wrap {
    overflow-x: auto;
    margin-bottom:40px;
}
.table_wrap_01 {
    overflow-x: auto;
}
table {
    width:100%;
    border-top:2px solid #6F7B81;
    font-size:16px;
}
table th {
    background:#E8EFF3;
    border-bottom: 1px solid #96A8B5;
    padding:14px 4px;
    box-sizing: border-box;
    text-align:center;
}
table td {
    border-bottom: 1px solid #C3CED5;
    box-sizing: border-box;
    padding:14px;
    vertical-align: middle;
    text-align: left;
}
.table_01 {
    min-width:800px;
}
.table_02 {    
    min-width:1000px;
}
.table_02 th {    
    text-align: center !important;
}
.table_03 {
    min-width:400px;
}
.table_04 {
    min-width:600px;
}
.table_05 {
    min-width:1300px;
}
.table_07 {
    min-width:2000px;
}
.table_08 {
    min-width: 1600px;
}


/*pagination*/
.pagination_wrap {
    text-align: center;
    font-size:0;
}
.pagination a {
    font-size:16px;
    padding: 6px 14px;
    text-decoration: none;
    transition: background-color .3s;
}
.pagination a.act {
    background-color: #677E88;
    color: white;
}
.pagination a:hover:not(.act) {
    background-color: #f0f0f0;
}
.pagination img{
    vertical-align: text-bottom;
}


/*tooltip*/
.ui-tooltip{
    line-height: 140%;
    font-size:16px;
    color:#545454;
    padding:6px 8px;
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    border:none !important;
    background: #fff;
}


/*Modal*/
.modal_con_wrap {
    padding:20px 18px;
}
.modal_con_wrap.v1{
    height:400px;
    overflow-y: auto;
}
.modal_title{
    font-weight: 600;
    color:#333;
    padding:12px 10px;
    background:#94BE03;
    color:#fff;
    -webkit-border-radius:8px 8px 0 0;
    -moz-border-radius:8px 8px 0 0;
    -o-border-radius:8px 8px 0 0;
    -ms-border-radius:8px 8px 0 0;
    border-radius:8px 8px 0 0;
}
.modal_content {
    line-height: 140%;
    padding:0 0 20px;
}
.modal_content.v1 {
    padding:0;
}
.modal_btn_wrap{
    text-align: center;
}
.modal_content li {
    padding:6px 4px;
    border-bottom: 1px solid #cfd7db
}
.modal_content li:first-child{
    border-top: 1px solid #cfd7db
}
.modal_content li:hover {
    background:#f9f9f9;
}
.modal_txt_1{
    color:#51ACCF;
}
.modal_txt_2 {
    font-weight: 500;
}
.modal_txt_3 {
    padding:12px 0 0;
}
.modal_txt_4 {
    color: #999;
}
.modal_txt_5 {
    text-align: center;
}
.modal_txt_6{
    display:block;
    font-size: 14px;
    color: #A8B2B7;
}

.ui-dropdownchecklist {
	width: 100%;
}
.ui-dropdownchecklist-dropcontainer {
	width: 93%;
	overflow-x: hidden;
}
.ui-dropdownchecklist-item {
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@media all and (min-width:1480px) {

    /*header*/
    .pc_header {
        position: fixed;
        top:0;
        box-sizing: border-box;
        width:100%;
        height:50px;
        line-height: 50px;
        background-color: #38444A;
        z-index: 2;
        padding:0 16px;
    }
    .logo {
        display: inline-block;
        width: 130px;
    }
    .logo img{
        vertical-align: middle;
    }
    .select_group_top {
        display: inline-block;
        width:calc(100% - 140px);
        text-align:right;
    }
    .select_group_top select {
        border:1px solid #6F7B81;
        background: #38444A;
        margin:0 0 0 6px;
        width:120px;
        height: 32px;
        font-size: 14px;
        color: #CBD2D6;
    }
    .select_group_top .timezone {
        width:200px;
    }
    .mobile_header {
        display: none;
    }


    /*left_bar*/
    .left_pc_wrapper {
        position:fixed;
        top:50px;
        /* left:0; */
        width:198px;
        height:calc(100% - 50px);
        background: #45545B;
    }
    .user_area {
        height:196px;
        box-sizing: border-box;
        border-bottom: 1px solid #38444A;
        padding:30px 0;
        text-align: center;
    }
    /*.user_photo {
        display: inline-block;
        width: 52px;
        height:52px;
        border:0;
        border-radius: 30px;
        background:#6F7B81;
    }*/
    .user_name {
        color:#fff;
        font-weight:500;
        margin:12px 0 16px;
    }
    .mobile_menu{
        display: none;
    }

    /*left_menu*/
    #nav-v1 {
        width: 100%;
    }
    .menu-v1{
        line-height:2;
        border-bottom: 1px solid #38444A;
        color:#fff;
    }
    .menu-v1:hover {
        background:#3D4E57;
    }
    .menu-v1 a {
        box-sizing: border-box;
        color:#fff;
        display:inline-block;
        width:100%;
        padding:8px 10px;
    }
    .menu-v1 img {
        vertical-align: text-bottom;
    }
    .menu-v1 .submenu{
        background:#38444A;
        /* display:none; */
        padding:6px 0 8px;
    }
    .menu-v1 .submenu li a{
        box-sizing: border-box;
        color:#B3BDC4;
        width:100%;
        display:inline-block;
        padding:0 0 0 18px;
    }
    .menu-v1 .submenu li a:hover{
        color:#AAD808;
    }

    /*contents*/
    .contents_wrapper {
        margin:56px 0 0 198px;
        font-size:0px;
    }
    .contents {
        width:100%;
        box-sizing: border-box;
        padding:5px 20px;
    }
    .footer {
        padding:0 0 30px;
        text-align: center;
        color:#A8B2B7;
        font-size: 12px
    }
    .sub_title{
        font-size: 24px;
        font-weight: 600;
        padding-left:6px;
        letter-spacing: -1px;
        color: #333;
    }
    .sub_title_s{
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 10px 6px;
    }
    .sub_title_s_1{
        display:inline-block;
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 0 6px;
    }
    .sub_title_s_2{
        display:inline-block;
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 20px 6px;
    }



    /*       오늘의 통계(index화면)       */
    .search_area {
        background: #DCDDE3;
        padding: 24px;
        margin: 30px 0;
        border: 0px;
        border-radius: 16px;
        font-size:16px;
    }
    .period {
        display: inline-block;
        border: 1px solid #C3C4CE;
        font-size:0px;
        margin-right: 20px
    }
    .period li{
        display: inline-block;
        box-sizing: border-box;
        line-height: 34px;
        text-align: center;
        background: #fff;
        font-size: 16px;
        border-right:1px solid #C3C4CE;
    }
    .period li:last-child{
        border-right:0
    }
    .period li a {
        display:inline-block;
        width:calc(600px / 6);
        height:34px;
    }
    .period li a:hover {
        background:#B5BAC4;
        color: #fff;
    }
    .date {
        width:220px;
        height:36px;
        background-image: url(../image/icon_calendar.png);
        background-repeat: no-repeat;
        background-position: 97% center;
        text-indent: 8px;
    }
    .idname_check{
        margin:12px 0;
    }
    .sel1, .sel2 {
        width:220px;
        height:36px;
        text-indent: 6px;
    }
    .search_btn {
        text-align: center;
        padding:10px 0 0;
    }
    /*유닛 공통*/
    .total_bar {
        border-radius: 16px 16px 0 0;
        background:#96A7B4;
        height: 36px;
        line-height: 36px;
        text-align: right;
        color:#fff;
        padding-right:24px;
    }
    .contents_box{
        box-sizing: border-box;
        padding: 20px 24px 14px;
        width:100%;
    }
    /*상담원별통계*/
    .consultant_area {
        box-sizing: border-box;
        border: 0px;
        border-radius: 16px;
        background:#fff;
        font-size:16px;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    }
    .consultant_area .graph_id {
        float:left;
        width: 150px;
        height:24px;
        line-height: 24px;
        margin-right:20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .consultant_area .graph_wrap {
        float:left;
        width:calc(100% - 180px);
    }
    .consultant_area .graph_wrap .graph {
        float:left;
        width:100%;
    }
    .consultant_area .graph_wrap .graph_total {
        float:left;
        box-sizing: border-box;
        width:80px;
        height:22px;
        padding-left:6px;
        font-size: 14px;
        line-height: 21px;
    }
    .consultant_area .graph_wrap .graph_10m {
        float:left;
        box-sizing: border-box;
        background:#AAD808;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 45%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_15m {
        float:left;
        box-sizing: border-box;
        background:#85BF0D;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_30m {
        float:left;
        box-sizing: border-box;
        background:#61A606;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_1h {
        float:left;
        box-sizing: border-box;
        background:#3B9806;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_1h_over {
        float:left;
        box-sizing: border-box;
        background:#0B7F13;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .consultant_info {
        padding:30px 24px 24px;
        text-align: right;
    }
    .consultant_area .consultant_info li{
        display:inline-block;
        padding-left:14px;
        font-size: 14px;
    }
    .consultant_area .consultant_info li img{
        vertical-align: text-bottom;
    }
    .consultation_wrap, .satisfaction_wrap, .remote_state_wrap,
    .device_wrap, .processing_time_wrap, .disability_wrap {
        display: inline-block;
        vertical-align: top;
        width:calc((100% - 40px) / 3);
        margin: 20px 20px 0 0;
    }
    .remote_state_wrap, .disability_wrap {
        margin-right: 0;
    }
    .consultation_area, .satisfaction_area, .remote_state_area,
    .device_area, .processing_time_area, .disability_area {
        box-sizing: border-box;
        display: inline-block;
        background:#ffffff;
        border: 0px;
        border-radius: 16px;
        width:100%;
        margin: 10px 20px 0 0;
        font-size:16px;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    }
    .consultation_area, .satisfaction_area, .remote_state_area{
        height: 170px;
    }
    .device_area, .processing_time_area, .disability_area {
        height: 320px;
    }
    .consultation_area .contents_box,
    .satisfaction_area .contents_box,
    .remote_state_area .contents_box {
        text-align: center;
    }
    .consultation_area .result_1{
        display: inline-block;
        width: calc(100% / 2 - 30px);
    }
    .consultation_area .result_1:last-child{
        padding-right:0
    }
    .consultation_area .result_1 .txt_1,
    .consultation_area .result_1 .txt_2{
        font-size: 58px;
        font-weight:500;
        color:#85BF0D;
        display:inline-block;
        padding-bottom:10px;
    }
    .consultation_area .result_1 .txt_2{
        color:#6F7B81;
    }
    .satisfaction_area .result_2{
        display: inline-block;
        width: calc(100% / 6 - 5px);
    }
    .remote_state_area .result_2{
        display: inline-block;
        width: calc(100% / 5 - 5px);
    }
    .remote_state_area .result_2 span br{
        display: none;
    }
    .satisfaction_area .result_2:last-child,
    .remote_state_area .result_2:last-child{
        padding-right:0
    }
    .satisfaction_area .result_2 .img_1 {
        display: inline-block;
        padding-bottom:6px;
    }
    .remote_state_area .result_2 .img_1 {
        display: inline-block;
        padding-bottom:10px;
    }
    .device_area ul,
    .processing_time_area ul,
    .disability_area ul{
        padding-bottom:28px;
    }
    .device_area li:first-child,
    .processing_time_area li:first-child,
    .disability_area li:first-child{
        width:80%;
    }
    .device_area li:last-child,
    .processing_time_area li:last-child,
    .disability_area li:last-child{
        width:20%;
        text-align: right;
    }
    .device_area li,
    .processing_time_area li,
    .disability_area li{
        float:left;
    }


    /*       상담원별 통계       */

    /*Tabs*/
    .consultant_area .tab {
        overflow: hidden;
        border: none;
        border-radius: 16px 16px 0 0;
        background-color: #96A7B4;
    }
    .tab button {
        width:calc(100% / 6);
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 16px;
        background-color: #96A7B4;
        color:#fff;
    }
    .tab button:hover {
        background-color: #8699A7;
    }
    .tab button.active {
        background-color: #fff;
        font-weight:500;
        color:#333;
    }
    .tabcontent {
        display: none;
        padding:30px 30px 40px;
    }
    .tabcontent .sub_title_s_1{
        display:none;
    }
    .tabcontent .btn_excel {
        text-align: right;
        padding:0 0 20px;
    }


    /*      장애 유형별 통계      */
    .contents_box_01 {
        padding: 30px 30px 40px;
    }
    .btn_excel_01 {
        text-align:right;
        padding:0 0 20px;
    }
    .table_03 td{
        padding: 14px;
    }


    /*      운영체제별 통계     */
    .table_04 td{
        padding: 14px;
    }


    /*     상담원 로그인 현황/원격세션 현황     */
    .contents_box_02{
        padding:30px 30px 40px;
    }
    .consultant_area.v1 {
        margin-top:30px;
        font-size:0;
    }
    .time {
        font-size: 14px;
        color:#777;
        margin: 30px 0 -20px;
        padding-right:8px;
        text-align: right;
    }
    .half_area {
        display:inline-block;
        box-sizing: border-box;
        width:calc(100% / 2);
        text-align: center;
    }
    .half_area.v1 {
        display:inline-block;
        background: #96A7B4;
        border-radius: 0 16px 0 0;
    }
    .half_area.v2 {
        display:inline-block;
        background: #96A7B4;
        border-radius: 16px 0 0 0;
    }
    .half_area a {
        display: inline-block;
        box-sizing: border-box;
        width:100%;
        height:60px;
        line-height:60px;
    }
    .half_area.v1 a,
    .half_area.v2 a{
        color:#fff;
    }
    .half_area.v1 a:hover{
        background:#8699A8;
        border-radius: 0 16px 0 0;
    }
    .half_area.v2 a:hover{
        background:#8699A8;
        border-radius: 16px 0 0 0;
    }
    .half_area span{
        font-size:18px;
        font-weight: 500;
    }
    .txt_bg_1 {
        display:inline-block;
        background: #0CB5D8;
        border: 0px;
        border-radius: 30px;
        color:#fff;
        font-size: 13px;
        font-weight:300 !important;
        line-height:15px;
        min-width:20px;
        padding:4px 10px;
        margin-left: 6px;
    }
    .txt_bg_2 {
        display:inline-block;
        background: #677E88;
        border: 0px;
        border-radius: 30px;
        color:#fff;
        font-size: 13px;
        font-weight:300 !important;
        line-height:15px;
        min-width:20px;
        padding:4px 10px;
        margin-left: 6px;
    }
    .search_area_1{
        margin-bottom:30px;
    }
    .search_area_1 .input_wrap {
        margin:0 10px 0 4px;
    }
    .table_02{
        font-size:16px;
    }
    .btn_sorting {
        vertical-align: middle;
    }
    .mobile_info {
        display:none
    }


    /*     상담원접속기록     */
    .list_num .sel1.v3 {
        width:80px;
    }
    .btn_excel_02 {
        padding:0 0 20px;
    }
    .list_num {
        display:inline-block;
        width:calc(100% / 2 - 4px);
    }
    .btn_wrap_3 {
        display:inline-block;
        width:calc(100% / 2 - 4px);
        text-align:right;
    }


    /*       상담기록       */
    /*목록*/
    .btn_wrap_1 {
        display:block;
        text-align:center;
        padding: 10px 0 0;
    }
    .period_area.v1 {
        padding:0 0 8px;
    }
    .sel1.v3 {
        width:200px;
    }
    .list_num .sel1.v3 {
        width:80px;
    }
    .input_wrap.v2 input{
        width:260px;
    }
    /*내용보기*/
    .tab.v1 button {
        width:calc(100% / 2);
    }
    .table_06 td,
    .table_06 th{
        padding:12px;
        text-align: left;
        vertical-align: middle;
        word-break: break-word;
        min-width: 120px;
    }
    .table_06 th{
        border-bottom: 1px solid #C3CED5;
    }
    .table_06 {
        border-bottom:2px solid #6F7B81;
    }
    .info_title {
        text-align: center;
        font-size:16px;
        font-weight:500;
        padding: 16px 20px;
        border-bottom: 1px solid #C3CED5;
    }
    .info_contents {
        border-bottom:2px solid #6F7B81;
        padding:20px;
        font-size:16px;
    }
    .btn_wrap_4 {
        text-align: center;
        padding:30px 0 0;
    }
    .btn_wrap_4 input{
        margin-right: 16px;
    }
    .btn_wrap_4 .btn_l_line_02.v2 {
        display:none;
    }
    /*수정하기*/
    .ip_title {
        width: 100%;
    }
    textarea {
        border: 1px solid #C3C4CE;
        width: 100%;
    }


    /*       기기목록       */
    /*목록*/
    .btn_wrap {
        padding-left:12px;
    }
    .txt_box {
        padding: 0 8px 10px 0;
    }
    .treeview_area {
        box-sizing: border-box;
        border: 1px solid #BBBCC1;
        border-radius: 16px;
        min-height: 60px;
        padding: 20px;
    }
    .sub_title_s_3 {
        font-size: 18px;
        font-weight: 500;
        margin: 20px 0 24px;
    }
    .txt_box_1 {
        text-align: right;
        margin-bottom: 10px;
    }
    .sel1.v4 {
        width: 80px;
    }
    .table_02.v1 tr:hover{
        background:#f6f6f6;
    }
    /*정보보기*/
    .sub_title_s_4 {
        font-size: 18px;
        font-weight: 500;
        padding: 30px 0 20px;
    }
    .btn_wrap_5 {
        text-align: right;
        padding:30px 0 0;
    }


    /*       상담원 관리      */
    /*목록*/
    .input_wrap_1 {
        display: block;
        margin:8px 0 0;
    }
    .input_wrap_2{
        margin-right:6px;
    }
    .sel1.v4{
        width:200px;
    }
    /*수정*/
    .info_1 {
        padding:10px 0 0;
    }
    .info_1.v1{
        line-height: 200%;
    }
    .info_2 {
        padding:0 0 10px;
    }
    .txtarea_1{
        margin: 0 0 10px;
        height:50px;
    }
    .essential {
        color: #ff0000
    }
    .txt_total {
        text-align: right;
        padding: 0 0 10px;
    }
    /*modal*/
    .modal_con_box{
        padding: 10px;
        margin: 12px 0;
        border: 1px solid #ccc;
        border-radius: 6px;
    }
    .modal_con_box.v1 {
        margin:0 0 12px;
    }
    .modal_input{
        width:100%;
    }
    /*보기*/
    .table_06.v4 {
        margin-top:20px;
    }

    /*      앱잠금 제외관리     */
    .info_1.v2 {
        font-size: 16px;
        padding: 0 0 16px 8px;
    }
    .input_2{
        width: 80%;
    }


    /*      설정       */
    .sub_title_s_2.v2{
        padding: 0 0 20px 6px;
    }
    .sub_title_s_2.v3{
        padding: 30px 0 20px 6px;
    }
    .terms {
        height:240px;
        padding:10px;
    }
    .table_06.v1{
        margin-top:0;
    }


    /*      휴일/업무시간 설정     */
    .span_block.v1 input{
        width:50px;
    }
    /*휴일추가*/
    .tab.v2 {
        border:1px solid #8699A8;
        border-bottom:none;
        border-radius: 16px 16px 0 0;
    }
    .tab.v2 button {
        width:calc(100% / 3);
    }
    .tabcontent.v2 {
        border:1px solid #8699A8;
        border-top:none;
        border-radius: 0 0 16px 16px;
        padding:20px 24px 30px;
        font-size:16px;
    }
    .tabcontent.v2 ul li{
        padding: 10px 0;
    }
    .tabcontent.v2 ul li label{
        display:inline-block;
        width:80px;
    }
    .tabcontent.v2 ul li .w100per{
        width:calc(100% - 100px);
    }
    .tabcontent.v2 ul li .label_1 {
        margin-left:30px;
    }
    .tabcontent.v2 ul li .holiday {
        width:80px;
    }
    .tabcontent.v2 ul li span {
        color:#888d91
    }
    .sub_title_s_1.mview{
    	display: none;
    }
}


/* IE6,7,9,10 */
@media screen and (min-width: 640px), screen\9 {
    /* Enter your style code */
    .consultation_wrap, .satisfaction_wrap, .remote_state_wrap,
    .device_wrap, .processing_time_wrap, .disability_wrap {
        width:calc((100% - 41px) / 3);
        margin:20px 10px 0;
    }
    .consultation_wrap,
    .device_wrap {
        margin-left:0;
    }
    .remote_state_wrap,
    .disability_wrap {
        margin-right:0;
    }
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Enter your style code */
    .consultation_wrap, .satisfaction_wrap, .remote_state_wrap,
    .device_wrap, .processing_time_wrap, .disability_wrap {
        width:calc((100% - 41px) / 3);
        margin:20px 10px 0;
    }
    .consultation_wrap,
    .device_wrap {
        margin-left:0;
    }
    .remote_state_wrap,
    .disability_wrap {
        margin-right:0;
    }
}






/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px), PC (해상도 1024px ~)*/
@media all and (min-width:1024px) and (max-width:1479px) {

    /*header*/
    .pc_header {
        position: fixed;
        top:0;
        box-sizing: border-box;
        width:100%;
        height:50px;
        padding:0 16px;
        background-color: #38444A;
        line-height: 53px;
        vertical-align:middle;
        z-index: 2;
    }
    .logo {
        display: inline-block;
        width:130px;
    }
    .logo img{
        vertical-align: middle;
    }
    .select_group_top {
        display: inline-block;
        width:calc(100% - 140px);
        text-align:right;
    }
    .select_group_top select {
        border:1px solid #6F7B81;
        background: #38444A;
        margin:0 0 0 6px;
        width:120px;
        height: 32px;
        font-size: 14px;
        color: #CBD2D6;
    }
    .select_group_top .timezone {
        width:200px;
    }
    .mobile_header{
        display: none;
    }

    /*left_bar*/
    .left_pc_wrapper {
        position:fixed;
        top:50px;
        /* left:0; */
        width:198px;
        height:calc(100% - 50px);
        background: #45545B;
    }
    .user_area {
        height:196px;
        box-sizing: border-box;
        border-bottom: 1px solid #38444A;
        padding:30px 0;
        text-align: center;
    }
    .user_name {
        color:#fff;
        font-weight:500;
        margin:12px 0 16px;
    }
    #mobile_header {
        display: none;
    }
    .mobile_menu {
        display: none;
    }

    /*left_menu*/
    #nav-v1 {
        width: 100%;
    }
    .menu-v1{
        line-height:2;
        border-bottom: 1px solid #38444A;
        color:#fff;
    }
    .menu-v1:hover {
        background:#3D4E57;
    }
    .menu-v1 a {
        box-sizing: border-box;
        color:#fff;
        display:inline-block;
        width:100%;
        padding:8px 10px;
    }
    .menu-v1 img {
        vertical-align: text-bottom;
    }
    .menu-v1 .submenu{
        background:#38444A;
        display:none;
        padding:6px 0 8px;
    }
    .menu-v1 .submenu li a{
        box-sizing: border-box;
        color:#B3BDC4;
        width:100%;
        display:inline-block;
        padding:0 0 0 18px;
    }
    .menu-v1 .submenu li a:hover{
        color:#AAD808;
    }


    /*contents*/
    .contents_wrapper {
        margin:56px 0 0 198px;
        font-size:0px;
    }
    .contents {
        width:100%;
        box-sizing: border-box;
        padding:5px 20px;
    }
    .footer {
        padding:0 0 30px;
        text-align: center;
        color:#A8B2B7;
        font-size: 12px
    }
    .sub_title{
        font-size: 24px;
        font-weight: 600;
        padding-left:6px;
        letter-spacing: -1px;
        color: #333;
    }
    .sub_title_s{
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 10px 6px;
    }
    .sub_title_s_1{
        display:inline-block;
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 0 6px;
    }
    .sub_title_s_2{
        display:inline-block;
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 20px 6px;
    }


    /*   오늘의 통계   */

    /*검색창*/
    .search_area {
        background: #DCDDE3;
        padding: 24px;
        margin: 30px 0;
        border: 0px;
        border-radius: 16px;
        font-size:16px;
    }
    .period {
        display: inline-block;
        border: 1px solid #C3C4CE;
        font-size:0px;
        margin-right: 14px
    }
    .period li{
        display: inline-block;
        box-sizing: border-box;
        line-height: 34px;
        text-align: center;
        background: #fff;
        font-size: 16px;
        border-right:1px solid #C3C4CE;
    }
    .period li:last-child{
        border-right:0
    }
    .period li a {
        display:inline-block;
        width:calc(400px / 6);
        height:34px;
    }
    .period li a:hover {
        background:#a2b2bb;
        color:#fff;
    }
    input, select {
        box-sizing: border-box;
        border: 1px solid #C3C4CE;
        background:#fff;
    }
    .date {
        width:180px;
        height:36px;
        background-image: url(../image/icon_calendar.png);
        background-repeat: no-repeat;
        background-position: 97% center;
        text-indent: 8px;
    }
    .idname_check{
        margin:12px 0;
    }
    .sel1, .sel2 {
        width:220px;
        height:36px;
        text-indent: 6px;
    }
    .search_btn {
        text-align: center;
        padding:16px 0 0;
    }

    /*오늘의 통계안의 유닛 공통*/
    .total_bar {
        border-radius: 16px 16px 0 0;
        background:#96A7B4;
        height: 36px;
        line-height: 36px;
        text-align: right;
        color:#fff;
        padding-right:24px;
    }
    .contents_box{
        box-sizing: border-box;
        padding: 20px 24px 14px;
        width:100%;
    }


    /*상담원별*/
    .consultant_area {
        box-sizing: border-box;
        border: 0px;
        border-radius: 16px;
        background:#fff;
        font-size:16px;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    }
    .consultant_area .graph_id {
        float:left;
        width: 150px;
        height:24px;
        line-height: 24px;
        margin-right:20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .consultant_area .graph_wrap {
        float:left;
        width:calc(100% - 180px);
    }
    .consultant_area .graph_wrap .graph {
        float:left;
        width:100%;
    }
    .consultant_area .graph_wrap .graph_total {
        float:left;
        box-sizing: border-box;
        width:80px;
        height:22px;
        padding-left:6px;
        font-size: 14px;
        line-height: 21px;
    }
    .consultant_area .graph_wrap .graph_10m {
        float:left;
        box-sizing: border-box;
        background:#AAD808;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 45%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_15m {
        float:left;
        box-sizing: border-box;
        background:#85BF0D;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_30m {
        float:left;
        box-sizing: border-box;
        background:#61A606;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_1h {
        float:left;
        box-sizing: border-box;
        background:#3B9806;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_1h_over {
        float:left;
        box-sizing: border-box;
        background:#0B7F13;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .consultant_info {
        padding:30px 24px 24px;
        text-align: right;
    }
    .consultant_area .consultant_info li{
        display:inline-block;
        padding-left:14px;
        font-size: 14px;
    }
    .consultant_area .consultant_info li img{
        vertical-align: text-bottom;
    }

    /*6개 유닛 레이아웃*/
    .consultation_wrap, .satisfaction_wrap, .remote_state_wrap,
    .device_wrap, .processing_time_wrap, .disability_wrap {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width:calc((100% - 20px) / 2);
        margin: 20px 20px 0 0;
    }
    .satisfaction_wrap, .device_wrap, .disability_wrap{
        margin-right: 0px;
    }
    .consultation_area, .satisfaction_area, .remote_state_area,
    .device_area, .processing_time_area, .disability_area {
        box-sizing: border-box;
        display: inline-block;
        background:#ffffff;
        border: 0px;
        border-radius: 16px;
        width:100%;
        margin: 10px 20px 0 0;
        font-size:16px;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    }
    .consultation_area, .satisfaction_area {
        height: 170px;
    }
    .remote_state_area, .device_area {
        height: 210px;
    }
    .processing_time_area, .disability_area {
        height: 320px;
    }
    .consultation_area .contents_box,
    .satisfaction_area .contents_box,
    .remote_state_area .contents_box {
        text-align: center;
    }


    /*상담결과별*/
    .consultation_area .result_1{
        display: inline-block;
        width: calc(100% / 2 - 30px);
    }
    .consultation_area .result_1:last-child{
        padding-right:0
    }
    .consultation_area .result_1 .txt_1,
    .consultation_area .result_1 .txt_2{
        font-size: 58px;
        font-weight:500;
        color:#85BF0D;
        display:inline-block;
        padding-bottom:10px;
    }
    .consultation_area .result_1 .txt_2{
        color:#6F7B81;
    }

    /*고객만족도별&원격상태별*/
    .satisfaction_area .result_2{
        display: inline-block;
        width: calc(100% / 6 - 5px);
    }
    .remote_state_area .contents_box {
        font-size:0;
    }
    .remote_state_area .result_2{
        display: inline-block;
        width: calc(100% / 5);
        padding:20px 0 0;
        font-size:16px;
    }
    .remote_state_area .result_2 span br{
        display: none;
    }
    .satisfaction_area .result_2:last-child,
    .remote_state_area .result_2:last-child{
        padding-right:0
    }
    .satisfaction_area .result_2 .img_1{
        display: inline-block;
        padding-bottom:3px;
    }
    .remote_state_area .result_2 .img_1{
        display: inline-block;
        padding-bottom:12px;
    }

    /*기기별&처리시간별&장애유형별*/
    .device_area ul,
    .processing_time_area ul,
    .disability_area ul{
        padding-bottom:28px;
    }
    .device_area li:first-child,
    .processing_time_area li:first-child,
    .disability_area li:first-child{
        width:80%;
    }
    .device_area li:last-child,
    .processing_time_area li:last-child,
    .disability_area li:last-child{
        width:20%;
        text-align: right;
    }
    .device_area li,
    .processing_time_area li,
    .disability_area li{
        float:left;
    }


    /*   상담원별 통계   */
    /*검색창*/
    .date.v1{
        width:190px;
        background-position: 97% center;
    }
    .sel1.v1, .sel2.v1 {
        width:190px;
    }
    .btn_wrap {
        display: block;
        text-align: center;
        padding:10px 0 0;
    }
    .btn_wrap .btn_l_bg_02 {
        width: 120px;
    }

    /*Tabs*/
    .tab {
        overflow: hidden;
        border: none;
        border-radius: 16px 16px 0 0;
        background-color: #96A7B4;
    }
    .tab button {
        width:calc(100% / 6);
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 16px;
        color:#fff;
        background-color: #96A7B4;
    }
    .tab button:hover {
        background-color: #8699A7;
    }
    .tab button.active {
        background-color: #fff;
        font-weight:500;
        color:#333;
    }
    .tabcontent {
        display: none;
        padding:30px 30px 40px;
    }
    .tabcontent .sub_title_s_1{
        display:none;
    }
    .tabcontent .btn_excel {
        text-align: right;
        padding:0 0 20px;
    }


    /*    장애유형별통계   */
    .date.v2{
        width:180px;
        background-position: 97% center;
    }
    .sel1.v2, .sel2.v2 {
        width:180px;
    }
    .idname_wrap.v2 {
        display: inline-block;
        padding:6px 0;
    }
    .contents_box_01 {
        padding: 30px 30px 40px;
    }
    .btn_excel_01 {
        text-align:right;
        padding:0 0 20px;
    }
    .table_03 td{
        padding: 14px;
    }


    /*      운영체제별 통계     */
    .table_04 td{
        padding: 14px;
    }


    /*    상담원 로그인 현황     */
    .tab.v1 button {
        width:calc(100% / 2);
    }


    /*     상담원 로그인 현황/원격세션 현황     */
    .contents_box_02{
        padding:30px 30px 40px;
    }
    .consultant_area.v1 {
        margin-top:30px;
        font-size:0;
    }
    .time {
        font-size: 14px;
        color:#777;
        margin: 30px 0 -20px;
        padding-right:8px;
        text-align: right;
    }
    .half_area {
        display:inline-block;
        box-sizing: border-box;
        width:calc(100% / 2);
        text-align: center;
    }
    .half_area.v1 {
        display:inline-block;
        background: #96A7B4;
        border-radius: 0 16px 0 0;
    }
    .half_area.v2 {
        display:inline-block;
        background: #96A7B4;
        border-radius: 16px 0 0 0;
    }
    .half_area a {
        display: inline-block;
        box-sizing: border-box;
        width:100%;
        height:60px;
        line-height:60px;
    }
    .half_area.v1 a,
    .half_area.v2 a{
        color:#fff;
    }
    .half_area.v1 a:hover{
        background:#8699A8;
        border-radius: 0 16px 0 0;
    }
    .half_area span{
        font-size:16px;
        font-weight:500;
    }
    .txt_bg_1 {
        display:inline-block;
        background: #0CB5D8;
        border: 0px;
        border-radius: 30px;
        color:#fff;
        font-size: 13px;
        font-weight: 300 !important;
        line-height:15px;
        min-width:20px;
        padding:4px 10px;
        margin-left: 6px;
    }
    .txt_bg_2 {
        display:inline-block;
        background: #677E88;
        border: 0px;
        border-radius: 30px;
        color:#fff;
        font-size: 13px;
        font-weight: 300 !important;
        line-height:15px;
        min-width:20px;
        padding:4px 10px;
        margin-left: 6px;
    }
    .search_area_1{
        margin-bottom:30px;
    }
    input[type=text]:not(.date, .no_v1) {
        box-sizing: border-box;
        border: 1px solid #C3C4CE;
        height:36px;
        text-indent: 8px;
    }
    .search_area_1 .input_wrap {
        margin:0 10px 0 4px;
    }
    .table_02{
        font-size:16px;
    }
    .btn_sorting {
        vertical-align: middle;
    }
    .mobile_info {
        display:none
    }


    /*     상담원접속기록     */
    .list_num .sel1.v3 {
        width:80px;
    }
    .btn_excel_02 {
        padding:0 0 20px;
    }
    .list_num {
        display:inline-block;
        width:calc(100% / 2 - 4px);
    }
    .btn_wrap_3 {
        display:inline-block;
        width:calc(100% / 2 - 4px);
        text-align:right;
    }


    /*      상담기록      */
    /*목록*/
    .btn_wrap_1 {
        display:block;
        text-align:center;
        padding: 10px 0 0;
    }
    .period_area.v1 {
        padding:0 0 8px;
    }
    .period_area.v1 li a{
        width:calc(500px / 6)
    }
    .period_area.v1 .date{
        width:206px;
    }
    .sel1.v3 {
        width:180px;
    }
    .list_num .sel1.v3 {
        width:80px;
    }
    .input_wrap.v2 input{
        width:260px;
    }
    /*내용보기*/
    .tab.v1 button {
        width:calc(100% / 2);
    }
    .table_06 td,
    .table_06 th{
        padding:12px;
        text-align: left;
        vertical-align: middle;
        min-width: 120px;
    }
    .table_06 th{
        border-bottom: 1px solid #C3CED5;
    }
    .table_06 {
        border-bottom:2px solid #6F7B81;
    }
    .info_title {
        text-align: center;
        font-size:16px;
        font-weight:500;
        padding: 16px 20px;
        border-bottom: 1px solid #C3CED5;
    }
    .info_contents {
        border-bottom:2px solid #6F7B81;
        padding:20px;
        font-size:16px;
    }
    .btn_wrap_4 {
        text-align: center;
        padding:30px 0 0;
    }
    .btn_wrap_4 input{
        margin-right: 16px;
    }
    .btn_wrap_4 .btn_l_line_02.v2 {
        display:none;
    }
    /*수정하기*/
    .ip_title {
        width: 100%;
    }
    textarea {
        border: 1px solid #C3C4CE;
        width: 100%;
    }


    /*       기기목록       */
    /*목록*/
    .txt_box {
        padding: 0 8px 10px 0;
    }
    .treeview_area {
        box-sizing: border-box;
        border: 1px solid #BBBCC1;
        border-radius: 16px;
        min-height: 60px;
        padding: 20px;
    }
    .sub_title_s_3 {
        font-size: 18px;
        font-weight: 500;
        margin: 20px 0 24px;
    }
    .txt_box_1 {
        text-align: right;
        margin-bottom: 10px;
    }
    .sel1.v4 {
        width: 80px;
    }
    .table_02.v1 tr:hover{
        background:#f6f6f6;
    }
    /*정보보기*/
    .sub_title_s_4 {
        font-size: 18px;
        font-weight: 500;
        padding: 30px 0 20px;
    }
    .btn_wrap_5 {
        text-align: right;
        padding:30px 0 0;
    }


    /*       상담원 관리     */
    /*목록*/
    .input_wrap_1 {
        display: block;
        margin:8px 0 0;
    }
    .input_wrap_2{
        margin-right:6px;
    }
    .sel1.v4{
        width: 213px;
    }
    .date.v1{
        width:180px
    }
    /*수정*/
    .info_1 {
        padding:10px 0 0;
    }
    .info_1.v1{
        line-height: 200%;
    }
    .info_2 {
        padding:0 0 10px;
    }
    .txtarea_1{
        margin: 0 0 10px;
        height:50px;
    }
    .essential {
        color: #ff0000
    }
    .txt_total {
        text-align: right;
    }
    .txt_total {
        text-align: right;
        padding: 0 0 10px;
    }
    /*modal*/
    .modal_con_box{
        padding: 10px;
        margin: 12px 0;
        border: 1px solid #ccc;
        border-radius: 6px;
    }
    .modal_con_box.v1 {
        margin:0 0 12px;
    }
    .modal_input{
        width:100%
    }
    /*보기*/
    .table_06.v4 {
        margin-top:20px;
    }


    /*     장애유형관리     */
    .btn_wrap.v1 {
        display:inline-block
    }
    .btn_wrap.v1 input[type="button"]{
        width: 70px;
    }


    /*      앱잠금 제외관리     */
    .info_1.v2 {
        font-size: 16px;
        padding: 0 0 16px 8px;
    }
    .input_2{
        width: 70%;
    }
    .input_100{
        width: 100%;
    }


    /*      설정       */
    .sub_title_s_2.v2{
        padding: 0 0 20px 6px;
    }
    .sub_title_s_2.v3{
        padding: 30px 0 20px 6px;
    }
    .terms {
        height:240px;
        padding:10px;
    }
    .table_06.v1{
        margin-top:0;
    }


    /*      휴일/업무시간 설정     */
    .span_block.v1 input{
        width:50px;
    }
    /*휴일추가*/
    .tab.v2 {
        border:1px solid #8699A8;
        border-bottom:none;
        border-radius: 16px 16px 0 0;
    }
    .tab.v2 button {
        width:calc(100% / 3);
    }
    .tabcontent.v2 {
        border:1px solid #8699A8;
        border-top:none;
        border-radius: 0 0 16px 16px;
        padding:20px 24px 30px;
        font-size:16px;
    }
    .tabcontent.v2 ul li{
        padding: 10px 0;
    }
    .tabcontent.v2 ul li label{
        display:inline-block;
        width:80px;
    }
    .tabcontent.v2 ul li .w100per{
        width:calc(100% - 100px);
    }
    .tabcontent.v2 ul li .label_1 {
        margin-left:30px;
    }
    .tabcontent.v2 ul li .holiday {
        width:80px;
    }
    .tabcontent.v2 ul li span {
        color:#888d91
    }
	.sub_title_s_1.mview{
		display: none;
	}
}








@media all and (min-width:768px) and (max-width:1023px) {

    /*header*/
    .pc_header {display: none;}
    .mobile_header {
        position: fixed;
        top:0;
        box-sizing: border-box;
        width:100%;
        height:50px;
        line-height: 50px;
        padding:0 20px;
        background-color: #38444A;
        vertical-align:middle;
        font-size:0;
        z-index: 2;
    }
    .logo_m {
        float:left;
        box-sizing: border-box;
        width: 100%;
        text-align: center;
        padding-top:8px;
    }
    .btn_m {/*햄버거 버튼*/
        width: 50px;
        height: 50px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        background-image: url("../image/icon_hamburger.png");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

    /*left_bar & left_menu*/
    .left_pc_wrapper {display: none;}
    html.open {
        overflow: hidden;
    }
    #menu.open {
        left: 0px;
    }
    .page_cover.open {
        display: block;
    }
    #menu {/*메뉴 배경*/
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: -100%;
        z-index: 1000;
        overflow: auto;
        padding: 0 20px 20px;
        background-color: #45545B;
        text-align: center;
        font-weight: bold;
        transition: All 0.2s ease;
        -webkit-transition: All 0.2s ease;
        -moz-transition: All 0.2s ease;
        -o-transition: All 0.2s ease;
    }
    .page_cover {/*투명 검정 배경*/
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 4;
        display: none;
    }
    .close {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 10px;
        top: 8px;
        background-image: url("../image/icon_close.png");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }
    .user_area {
        box-sizing: border-box;
        width:100%;
        padding:60px 10px 30px;
    }
    .user_name {
        display:inline-block;
        width:calc(100% - 180px);
        color:#fff;
        font-size:16px;
        font-weight: 500;
        text-align: left;
    }
    .user_name img {
        width: 34px;
        height: 34px;
        vertical-align: middle;
        padding-right:4px;
    }
    .user_button{
        display:inline-block;
        width:170px;
        text-align: right;
    }
    #nav-v1 {
        width: 100%;
        text-align: left;
        font-size:16px;
        font-weight: 400;
    }
    .menu-v1{
        border-bottom: 1px solid #38444A;
        color:#fff;
    }
    .menu-v1:first-child{
        border-top: 1px solid #38444A;
    }
    .menu-v1:hover {
        background:#3D4E57;
    }
    .menu-v1 a {
        box-sizing: border-box;
        color:#fff;
        display:inline-block;
        width:100%;
        padding:14px 12px;
        cursor: pointer;
    }
    .menu-v1 img {
        vertical-align: text-bottom;
    }
    .menu-v1 .submenu{
        background:#38444A;
        display:none;
        padding:10px 0;
    }
    .menu-v1 .submenu li a{
        box-sizing: border-box;
        color:#B3BDC4;
        width:100%;
        display:inline-block;
        padding:12px 0 12px 20px;
    }
    .menu-v1 .submenu li a:hover{
        color:#AAD808;
    }
    .select_group_top {
        box-sizing: border-box;
        width: 100%;
        margin: 36px 0 0;
    }
    .select_group_top select {
        border:1px solid #5C6A71;
        background: #45545B;
        padding: 0 4px;
        width:100%;
        height: 42px;
        color: #CBD2D6;
    }
    .select_group_top div{
        margin-bottom:10px;
    }

    /*contents*/
    .contents_wrapper {
        margin:50px 0 0 0;
        font-size:0px;
    }
    .contents {
        width:100%;
        box-sizing: border-box;
        padding:5px 20px 30px 20px;
    }
    .footer {
        padding:0 0 30px;
        text-align: center;
        color:#A8B2B7;
        font-size: 12px
    }
    .sub_title{
        font-size: 24px;
        font-weight: 600;
        padding-left:6px;
        letter-spacing: -1px;
        color: #333;
    }
    .sub_title_s{
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 10px 6px;
    }
    .sub_title_s_1{
        display:inline-block;
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 0 6px;
    }
    .sub_title_s_2{
        display:inline-block;
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 20px 6px;
    }

/*   오늘의 통계   */

    /*검색창*/
    .search_area {
        background: #DCDDE3;
        padding: 24px;
        margin: 30px 0;
        border: 0px;
        border-radius: 16px;
        font-size:16px;
    }
    .period {
        display: inline-block;
        border: 1px solid #C3C4CE;
        font-size:0px;
        margin-right: 14px
    }
    .period li{
        display: inline-block;
        box-sizing: border-box;
        line-height: 34px;
        text-align: center;
        background: #fff;
        font-size: 16px;
        border-right:1px solid #C3C4CE;
    }
    .period li:last-child{
        border-right:0
    }
    .period li a {
        display:inline-block;
        width:calc(400px / 6);
        height:34px;
    }
    .period li a:hover {
        background:#a2b2bb;
        color:#fff;
    }
    input, select {
        box-sizing: border-box;
        border: 1px solid #C3C4CE;
        background:#fff;
    }
    .date {
        width:180px;
        height:36px;
        background-image: url(../image/icon_calendar.png);
        background-repeat: no-repeat;
        background-position: 97% center;
        text-indent: 8px;
    }
    .idname_check{
        margin:12px 0;
    }
    .sel1, .sel2 {
        width:220px;
        height:36px;
        text-indent: 6px;
    }
    .search_btn {
        text-align: center;
        padding:16px 0 0;
    }

    /*오늘의 통계안의 유닛 공통*/
    .total_bar {
        border-radius: 16px 16px 0 0;
        background:#96A7B4;
        height: 36px;
        line-height: 36px;
        text-align: right;
        color:#fff;
        padding-right:24px;
    }
    .contents_box{
        box-sizing: border-box;
        padding: 20px 17px 14px;
        width:100%;
    }


    /*상담원별*/
    .consultant_area {
        box-sizing: border-box;
        border: 0px;
        border-radius: 16px;
        background:#fff;
        font-size:16px;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    }
    .consultant_area .graph_id {
        float:left;
        width: 150px;
        height:24px;
        line-height: 24px;
        margin-right:20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .consultant_area .graph_wrap {
        float:left;
        width:calc(100% - 180px);
    }
    .consultant_area .graph_wrap .graph {
        float:left;
        width:100%;
    }
    .consultant_area .graph_wrap .graph_total {
        float:left;
        box-sizing: border-box;
        width:80px;
        height:22px;
        padding-left:6px;
        font-size: 14px;
        line-height: 21px;
    }
    .consultant_area .graph_wrap .graph_10m {
        float:left;
        box-sizing: border-box;
        background:#AAD808;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 45%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_15m {
        float:left;
        box-sizing: border-box;
        background:#85BF0D;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_30m {
        float:left;
        box-sizing: border-box;
        background:#61A606;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_1h {
        float:left;
        box-sizing: border-box;
        background:#3B9806;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_1h_over {
        float:left;
        box-sizing: border-box;
        background:#0B7F13;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .consultant_info {
        padding:30px 24px 24px;
        text-align: right;
    }
    .consultant_area .consultant_info li{
        display:inline-block;
        padding-left:14px;
        font-size: 14px;
    }
    .consultant_area .consultant_info li img{
        vertical-align: text-bottom;
    }

    /*6개 유닛 레이아웃*/
    .consultation_wrap, .satisfaction_wrap, .remote_state_wrap,
    .device_wrap, .processing_time_wrap, .disability_wrap {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width:calc((100% - 20px) / 2);
        margin: 20px 20px 0 0;
    }
    .satisfaction_wrap, .device_wrap, .disability_wrap{
        margin-right: 0px;
    }
    .consultation_area, .satisfaction_area, .remote_state_area,
    .device_area, .processing_time_area, .disability_area {
        box-sizing: border-box;
        display: inline-block;
        background:#ffffff;
        border: 0px;
        border-radius: 16px;
        width:100%;
        margin: 10px 20px 0 0;
        font-size:16px;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    }
    .consultation_area, .satisfaction_area {
        height: 170px;
    }
    .remote_state_area, .device_area {
        height: 210px;
    }
    .processing_time_area, .disability_area {
        height: 320px;
    }
    .consultation_area .contents_box,
    .satisfaction_area .contents_box,
    .remote_state_area .contents_box {
        text-align: center;
    }

    /*상담결과별*/
    .consultation_area .result_1{
        display: inline-block;
        width: calc(100% / 2 - 30px);
    }
    .consultation_area .result_1:last-child{
        padding-right:0
    }
    .consultation_area .result_1 .txt_1,
    .consultation_area .result_1 .txt_2{
        font-size: 58px;
        font-weight:500;
        color:#85BF0D;
        display:inline-block;
        padding-bottom:10px;
    }
    .consultation_area .result_1 .txt_2{
        color:#6F7B81;
    }

    /*고객만족도별&원격상태별*/
    .satisfaction_area .result_2{
        display: inline-block;
        width: calc(100% / 6 - 5px);
    }
    .remote_state_area .contents_box {
        font-size: 0;
    }
    .remote_state_area .result_2{
        display: inline-block;
        width: calc(100% / 5);
        padding:20px 0 0;
        font-size: 16px;
    }
    .remote_state_area .result_2 span br{
        display: none;
    }
    .satisfaction_area .result_2:last-child,
    .remote_state_area .result_2:last-child{
        padding-right:0
    }
    .satisfaction_area .result_2 .img_1{
        display: inline-block;
        padding-bottom:3px;
    }
    .remote_state_area .result_2 .img_1{
        display: inline-block;
        padding-bottom:12px;
        width:60px;
    }

    /*기기별&처리시간별&장애유형별*/
    .device_area ul,
    .processing_time_area ul,
    .disability_area ul{
        padding-bottom:28px;
    }
    .device_area li:first-child,
    .processing_time_area li:first-child,
    .disability_area li:first-child{
        width:80%;
    }
    .device_area li:last-child,
    .processing_time_area li:last-child,
    .disability_area li:last-child{
        width:20%;
        text-align: right;
    }
    .device_area li,
    .processing_time_area li,
    .disability_area li{
        float:left;
    }


    /*   상담원별 통계   */
    /*검색창*/
    .date_wrap .date.v1{
        width: 170px;
        background-position: 97% center;
    }
    .sel1.v1, .sel2.v1 {
        width:170px;
    }
    .btn_wrap {
        display: block;
        text-align: center;
        padding:10px 0 0;
    }
    .btn_wrap .btn_l_bg_02 {
        width: 120px;
    }
    /*Tabs*/
    .tab {
        overflow: hidden;
        border: none;
        border-radius: 16px 16px 0 0;
        background-color: #96A7B4;
    }
    .tab button {
        width:calc(100% / 6);
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 16px;
        color:#fff;
        background-color: #96A7B4;
    }
    .tab button:hover {
        background-color: #8699A7;
    }
    .tab button.active {
        background-color: #fff;
        font-weight:500;
        color:#333;
    }
    .tabcontent {
        display: none;
        padding:30px 30px 40px;
    }
    .tabcontent .sub_title_s_1{
        display:none;
    }
    .tabcontent .btn_excel {
        text-align: right;
        padding:0 0 20px;
    }


    /*    장애유형별통계   */
    .contents_box_01 {
        padding: 30px 30px 40px;
    }
    .idname_wrap.v2 {
        display:inline-block;
        padding: 6px 0;
    }
    .btn_excel_01 {
        text-align:right;
        padding:0 0 20px;
    }
    .table_03 td{
        padding: 14px;
    }


    /*      운영체제별 통계     */
    .table_04 td{
        padding: 14px;
    }


    /*    상담원 로그인 현황     */
    .tab.v1 button {
        width:calc(100% / 2);
    }


    /*     상담원 로그인 현황/원격세션 현황     */
    .contents_box_02{
        padding:30px 30px 40px;
    }
    .consultant_area.v1 {
        margin-top:30px;
        font-size:0;
    }
    .time {
        font-size: 14px;
        color:#777;
        margin: 30px 0 -20px;
        padding-right:8px;
        text-align: right;
    }
    .half_area {
        display:inline-block;
        box-sizing: border-box;
        width:calc(100% / 2);
        text-align: center;
    }
    .half_area.v1 {
        display:inline-block;
        background: #96A7B4;
        border-radius: 0 16px 0 0;
    }
    .half_area.v2 {
        display:inline-block;
        background: #96A7B4;
        border-radius: 16px 0 0 0;
    }
    .half_area a {
        display: inline-block;
        box-sizing: border-box;
        width:100%;
        height:60px;
        line-height:60px;
    }
    .half_area.v1 a,
    .half_area.v2 a{
        color:#fff;
    }
    .half_area.v1 a:hover{
        background:#8699A8;
        border-radius: 0 16px 0 0;
    }
    .half_area span{
        font-size:16px;
        font-weight: 500;
    }
    .txt_bg_1 {
        display:inline-block;
        background: #0CB5D8;
        border: 0px;
        border-radius: 30px;
        color:#fff;
        font-size: 13px;
        font-weight: 300 !important;
        line-height:15px;
        min-width:20px;
        padding:4px 10px;
        margin-left: 6px;
    }
    .txt_bg_2 {
        display:inline-block;
        background: #677E88;
        border: 0px;
        border-radius: 30px;
        color:#fff;
        font-size: 13px;
        font-weight: 300 !important;
        line-height:15px;
        min-width:20px;
        padding:4px 10px;
        margin-left: 6px;
    }
    .search_area_1{
        margin-bottom:30px;
    }
    input[type=text]:not(.date, .no_v1) {
        box-sizing: border-box;
        border: 1px solid #C3C4CE;
        height:36px;
        text-indent: 8px;
    }
    .search_area_1 .input_wrap {
        margin:0 10px 0 4px;
    }
    .table_02{
        font-size:16px;
    }
    .btn_sorting {
        vertical-align: middle;
    }
    .mobile_info {
        display:none
    }


    /*     상담원접속기록     */
    .list_num .sel1.v3 {
        width:80px;
    }
    .btn_excel_02 {
        padding:0 0 20px;
    }
    .list_num {
        display:inline-block;
        width:calc(100% / 2 - 4px);
    }
    .btn_wrap_3 {
        display:inline-block;
        width:calc(100% / 2 - 4px);
        text-align:right;
    }


    /*      상담기록      */
    /*목록*/
    .btn_wrap_1 {
        display:block;
        text-align:center;
        padding: 10px 0 0;
    }
    .period_area.v1 {
        padding:0 0 8px;
    }
    .period_area.v1 .date {
        width:200px;
    }
    .sel1.v3 {
        width:205px;
    }
    .list_num .sel1.v3 {
        width:80px;
    }
    .input_wrap.v2 input{
        width:260px;
    }
    /*내용보기*/
    .tab.v1 button {
        width:calc(100% / 2);
    }
    .table_06 td,
    .table_06 th{
        padding:12px;
        text-align: left;
        vertical-align: middle;
        min-width: 100px;
    }
    .table_06 th{
        border-bottom: 1px solid #C3CED5;
    }
    .table_06 {
        border-bottom:2px solid #6F7B81;
    }
    .info_title {
        text-align: center;
        font-size:16px;
        font-weight:500;
        padding: 16px 20px;
        border-bottom: 1px solid #C3CED5;
    }
    .info_contents {
        border-bottom:2px solid #6F7B81;
        padding:20px;
        font-size:16px;
    }
    .btn_wrap_4 {
        text-align: center;
        padding:30px 0 0;
    }
    .btn_wrap_4 input{
        margin-right: 16px;
    }
    .btn_wrap_4 .btn_l_line_02.v2 {
        display:none;
    }
    /*수정하기*/
    .ip_title {
        width: 100%;
    }
    textarea {
        border: 1px solid #C3C4CE;
        width: 100%;
    }


    /*       기기목록       */
    /*목록*/
    .txt_box {
        padding: 0 8px 10px 0;
    }
    .treeview_area {
        box-sizing: border-box;
        border: 1px solid #BBBCC1;
        border-radius: 16px;
        min-height: 60px;
        padding: 20px;
    }
    .sub_title_s_3 {
        font-size: 18px;
        font-weight: 500;
        margin: 20px 0 20px;
    }
    .txt_box_1 {
        text-align: right;
        margin-bottom: 10px;
    }
    .sel1.v4 {
        width: 80px;
    }
    .table_02.v1 tr:hover{
        background:#f6f6f6;
    }
    /*정보보기*/
    .sub_title_s_4 {
        font-size: 18px;
        font-weight: 500;
        padding: 30px 0 20px;
    }
    .btn_wrap_5 {
        text-align: right;
        padding:30px 0 0;
    }


    /*       상담원 관리      */
    /*목록*/
    .input_wrap_1 {
        display: block;
        margin:8px 0 0;
    }
    .input_wrap_2{
        margin-right:11px;
    }
    .sel1.v4{
        width: 206px;
    }
    .date.v1{
        width:205px;
    }
    /*수정*/
    .info_1 {
        padding:10px 0 0;
    }
    .info_1.v1{
        line-height: 200%;
    }
    .info_2 {
        padding:0 0 10px;
    }
    .txtarea_1{
        margin: 0 0 10px;
        height:50px;
    }
    .essential {
        color: #ff0000
    }
    .txt_total {
        text-align: right;
        padding: 0 0 10px;
    }
    /*modal*/
    .modal_con_box{
        padding: 10px;
        margin: 12px 0;
        border: 1px solid #ccc;
        border-radius: 6px;
    }
    .modal_con_box.v1 {
        margin:0 0 12px;
    }
    .modal_input{
        width:100%
    }
    /*보기*/
    .table_06.v4 {
        margin-top:20px;
    }


    /*     장애유형관리     */
    .btn_wrap.v1 {
        display:inline-block
    }
    .btn_wrap.v1 input[type="button"]{
        width: 70px;
    }


    /*      앱잠금 제외관리     */
    .info_1.v2 {
        font-size: 16px;
        padding: 0 0 16px 8px;
    }
    .input_2{
        width: 70%;
    }


    /*      설정       */
    .sub_title_s_2.v2{
        padding: 0 0 20px 6px;
    }
    .sub_title_s_2.v3{
        padding: 30px 0 20px 6px;
    }
    .terms {
        height:200px;
        padding:10px;
    }
    .table_06.v1{
        margin-top:0;
    }


    /*      휴일/업무시간 설정     */
    .span_block.v1 input{
        width:50px;
    }
    /*휴일추가*/
    .tab.v2 {
        border:1px solid #8699A8;
        border-bottom:none;
        border-radius: 16px 16px 0 0;
    }
    .tab.v2 button {
        width:calc(100% / 3);
    }
    .tabcontent.v2 {
        border:1px solid #8699A8;
        border-top:none;
        border-radius: 0 0 16px 16px;
        padding:20px 24px 30px;
        font-size:16px;
    }
    .tabcontent.v2 ul li{
        padding: 10px 0;
    }
    .tabcontent.v2 ul li label{
        display:inline-block;
        width:80px;
    }
    .tabcontent.v2 ul li .w100per{
        width:calc(100% - 100px);
    }
    .tabcontent.v2 ul li .label_1 {
        margin-left:30px;
    }
    .tabcontent.v2 ul li .holiday {
        width:80px;
    }
    .tabcontent.v2 ul li span {
        color:#888d91
    }
    .sub_title_s_1.mview{
    	display: none;
    }
}






/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (min-width:480px) and (max-width:767px) {
    /*header*/
    .pc_header {display: none;}
    .mobile_header {
        position: fixed;
        top:0;
        box-sizing: border-box;
        width:100%;
        height:50px;
        padding:0 20px;
        background-color: #38444A;
        vertical-align:middle;
        font-size:0;
        z-index: 2;
    }
    .logo_m {
        float:left;
        box-sizing: border-box;
        width:100%;
        line-height: 50px;
        text-align: center;
        padding-top: 8px;
    }
    .btn_m {/*햄버거 버튼*/
        width: 50px;
        height: 50px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        background-image: url("../image/icon_hamburger.png");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

    /*left_bar & left_menu*/
    .left_pc_wrapper {display: none;}
    .left_pc_wrapper {display: none;}
    html.open {
        overflow: hidden;
    }
    #menu.open {
        left: 0px;
    }
    .page_cover.open {
        display: block;
    }
    #menu {/*메뉴 배경*/
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: -100%;
        z-index: 1000;
        overflow: auto;
        padding: 0 20px 20px;
        background-color: #45545B;
        text-align: center;
        font-weight: bold;
        transition: All 0.2s ease;
        -webkit-transition: All 0.2s ease;
        -moz-transition: All 0.2s ease;
        -o-transition: All 0.2s ease;
    }
    .page_cover {/*투명 검정 배경*/
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 4;
        display: none;
    }
    .close {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 10px;
        top: 8px;
        background-image: url("../image/icon_close.png");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }
    .user_area {
        box-sizing: border-box;
        width:100%;
        padding:60px 10px 30px;
    }
    .user_name {
        display:inline-block;
        width:calc(100% - 180px);
        color:#fff;
        font-size:16px;
        font-weight: 500;
        text-align: left;
    }
    .user_name img {
        width: 34px;
        height: 34px;
        vertical-align: middle;
        padding-right:4px;
    }
    .user_button{
        display:inline-block;
        width:170px;
        text-align: right;
    }
    #nav-v1 {
        width: 100%;
        text-align: left;
        font-size:16px;
        font-weight: 400;
    }
    .menu-v1{
        border-bottom: 1px solid #38444A;
        color:#fff;
    }
    .menu-v1:first-child{
        border-top: 1px solid #38444A;
    }
    .menu-v1:hover {
        background:#3D4E57;
    }
    .menu-v1 a {
        box-sizing: border-box;
        color:#fff;
        display:inline-block;
        width:100%;
        padding:14px 12px;
        cursor: pointer;
    }
    .menu-v1 img {
        vertical-align: text-bottom;
    }
    .menu-v1 .submenu{
        background:#38444A;
        display:none;
        padding:10px 0;
    }
    .menu-v1 .submenu li a{
        box-sizing: border-box;
        color:#B3BDC4;
        width:100%;
        display:inline-block;
        padding:12px 0 12px 20px;
    }
    .menu-v1 .submenu li a:hover{
        color:#AAD808;
    }
    .select_group_top {
        box-sizing: border-box;
        width: 100%;
        margin: 36px 0 0;
    }
    .select_group_top select {
        border:1px solid #5C6A71;
        background: #45545B;
        padding: 0 4px;
        width:100%;
        height: 42px;
        color: #CBD2D6;
    }
    .select_group_top div{
        margin-bottom:10px;
    }

    /*form*/
    input[type=checkbox] {
        width: 24px;
        height: 24px;
        vertical-align: middle;
    }


    /*contents*/
    .contents_wrapper {
        margin:50px 0 0 0;
        font-size:0px;
    }
    .contents {
        width:100%;
        box-sizing: border-box;
        padding:5px 20px;
    }
    .footer {
        padding:0 0 30px;
        text-align: center;
        color:#A8B2B7;
        font-size: 12px
    }
    .sub_title{
        font-size: 24px;
        font-weight: 600;
        padding-left:6px;
        letter-spacing: -1px;
        color: #333;
    }
    .sub_title_s{
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 10px 6px;
    }
    .sub_title_s_1{
        display:inline-block;
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 0 6px;
    }
    .sub_title_s_2{
        display:inline-block;
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 0 6px;
    }


/*   오늘의 통계   */

    /*검색창*/
    .search_area {
        background: #DCDDE3;
        padding: 24px;
        margin: 30px 0;
        border: 0px;
        border-radius: 16px;
        font-size:16px;
    }
    .period {
        display:block;
        width:100%;
        border: 1px solid #C3C4CE;
        font-size:0px;
        margin:0 0 8px 0;
    }
    .period li{
        display: inline-block;
        width:calc(100% / 6);
        box-sizing: border-box;
        text-align: center;
        background: #fff;
        font-size: 16px;
        border-right:1px solid #C3C4CE;
    }
    .period li:last-child{
        border-right:0
    }
    .period li a {
        display: inline-block;
        width: 100%;
        height:34px;
        line-height: 34px;
    }
    .period li a:hover {
        background:#a2b2bb;
        color:#fff;
    }
    input, select {
        box-sizing: border-box;
        border: 1px solid #C3C4CE;
        background:#fff;
    }
    .date {
        width:186.9px;
        height:36px;
        background-image: url(../image/icon_calendar.png);
        background-repeat: no-repeat;
        background-position: 97% center;
        text-indent: 8px;
    }
    .idname_check{
        margin:12px 0;
    }
    .sel1, .sel2 {
        width:193px;
        height:36px;
        text-indent: 6px;
    }
    .search_btn {
        text-align: center;
        padding:16px 0 0;
    }
    /*오늘의 통계안의 유닛 공통*/
    .total_bar {
        border-radius: 16px 16px 0 0;
        background:#96A7B4;
        height: 36px;
        line-height: 36px;
        text-align: right;
        color:#fff;
        padding-right:24px;
    }
    .contents_box{
        box-sizing: border-box;
        padding: 20px 17px 14px;
        width:100%;
    }
    /*상담원별*/
    .consultant_area {
        box-sizing: border-box;
        border: 0px;
        border-radius: 16px;
        background:#fff;
        font-size:16px;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    }
    .consultant_area .graph_id {
        float:left;
        width: 150px;
        height:24px;
        line-height: 24px;
        margin-right:20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .consultant_area .graph_wrap {
        float:left;
        width:calc(100% - 180px);
    }
    .consultant_area .graph_wrap .graph {
        float:left;
        width:100%;
    }
    .consultant_area .graph_wrap .graph_total {
        float:left;
        box-sizing: border-box;
        width:80px;
        height:22px;
        padding-left:6px;
        font-size: 14px;
        line-height: 21px;
    }
    .consultant_area .graph_wrap .graph_10m {
        float:left;
        box-sizing: border-box;
        background:#AAD808;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 45%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_10m span {
        display: none;
    }
    .consultant_area .graph_wrap .graph_15m {
        display: none;
    }
    .consultant_area .graph_wrap .graph_30m {
        display: none;
    }
    .consultant_area .graph_wrap .graph_1h {
        display: none;
    }
    .consultant_area .graph_wrap .graph_1h_over {
        display: none;
    }
    .consultant_area .consultant_info {
        padding:30px 24px 24px;
        text-align: right;
    }
    .consultant_area .consultant_info li{
        display:inline-block;
        padding-left:4px;
        font-size: 14px;
        letter-spacing: -1px;
    }
    .consultant_area .consultant_info li img{
        vertical-align: text-bottom;
    }
    /*6개 유닛 레이아웃*/
    .consultation_wrap, .satisfaction_wrap, .remote_state_wrap,
    .device_wrap, .processing_time_wrap, .disability_wrap {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width:100%;
        margin: 20px 0 0 0;
    }
    .consultation_area, .satisfaction_area, .remote_state_area,
    .device_area, .processing_time_area, .disability_area {
        box-sizing: border-box;
        display: inline-block;
        background:#ffffff;
        border: 0px;
        border-radius: 16px;
        width:100%;
        margin: 10px 0 0 0;
        font-size:16px;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    }
    .consultation_area, .satisfaction_area, .remote_state_area {
        height: 170px;
    }
    .device_area {
        height: 210px;
    }
    .processing_time_area{
        height:240px;
    }
    .disability_area {
        height: 320px;
    }
    .consultation_area .contents_box,
    .satisfaction_area .contents_box,
    .remote_state_area .contents_box {
        text-align: center;
    }
    /*상담결과별*/
    .consultation_area .result_1{
        display: inline-block;
        width: calc(100% / 2 - 30px);
    }
    .consultation_area .result_1:last-child{
        padding-right:0
    }
    .consultation_area .result_1 .txt_1,
    .consultation_area .result_1 .txt_2{
        font-size: 58px;
        font-weight:500;
        color:#85BF0D;
        display:inline-block;
        padding-bottom:10px;
    }
    .consultation_area .result_1 .txt_2{
        color:#6F7B81;
    }
    /*고객만족도별&원격상태별*/
    .satisfaction_area .result_2{
        display: inline-block;
        width: calc(100% / 6 - 5px);
    }
    .remote_state_area .contents_box{
        font-size:0;
    }
    .remote_state_area .result_2{
        display: inline-block;
        width: calc(100% / 5);
        font-size:16px;
    }
    .remote_state_area .result_2 span br{
        display: none;
    }
    .satisfaction_area .result_2:last-child,
    .remote_state_area .result_2:last-child{
        padding-right:0
    }
    .satisfaction_area .result_2 .img_1{
        display: inline-block;
        padding-bottom:3px;
    }
    .remote_state_area .result_2 .img_1{
        display: inline-block;
        padding-bottom:6px;
        width:60px;
    }
    /*기기별&처리시간별&장애유형별*/
    .device_area ul,
    .processing_time_area ul,
    .disability_area ul{
        padding-bottom:28px;
    }
    .device_area li:first-child,
    .processing_time_area li:first-child,
    .disability_area li:first-child{
        width:80%;
    }
    .device_area li:last-child,
    .processing_time_area li:last-child,
    .disability_area li:last-child{
        width:20%;
        text-align: right;
    }
    .device_area li,
    .processing_time_area li,
    .disability_area li{
        float:left;
    }


    /*        상담원별 통계       */
    /*검색창(상담별&시간별)*/
    .date.v1{
        width: 170px;
        background-position: 97% center;
    }
    .sel1.v1, .sel2.v1 {
        width:170px;
    }
    .btn_wrap {
        display: block;
        text-align: center;
        padding:10px 0 0;
    }
    .btn_wrap .btn_l_bg_02 {
        width: 120px;
    }
    /*Tabs*/
    .tab {
        display:none;
    }
    .tabcontent {
        display: block;
        padding:30px 30px 40px;
    }
    .tabcontent .sub_title_s_1{
        display: inline-block;
        text-align: left;
        width:30%;
        font-size: 20px;
        font-weight: 500;
    }
    .tabcontent .btn_excel {
        display: inline-block;
        width:calc(100% - 30% - 15px);
        text-align: right;
        padding:0 0 20px;
    }
    .table_01 {
        min-width: 700px;
    }


    /*   시간별통계   */
    .idname_wrap {
        display: inline-block;
        padding:6px 0;
    }


    /*    장애유형별통계   */
    .contents_box_01 {
        padding: 30px 30px 40px;
    }
    .search_area.v2 {
        text-align: center;
    }
    .date.v2{
        width: calc(100% / 2 - 4px);
        background-position: 97% center;
        margin-bottom:8px;
    }
    .sel1.v2, .sel2.v2 {
        width: calc(100% / 2 - 4px);
        margin-bottom:8px;
    }
    .idname_wrap.v2 {
        display:block;
        text-align: left;
    }
    .btn_excel_01 {
        text-align:right;
        padding:0 0 20px;
    }
    .table_03 td{
        padding: 14px;
    }


    /*      운영체제별 통계     */
    .table_04 td{
        padding: 14px;
    }


    /*    상담원 로그인 현황     */
    .tab.v1 button {
        width:calc(100% / 2);
    }


    /*     상담원 로그인 현황/원격세션 현황     */
    .contents_box_02{
        padding:30px 30px 40px;
    }
    .consultant_area.v1 {
        margin-top:30px;
        font-size:0;
    }
    .time {
        font-size: 14px;
        color:#777;
        margin: 30px 0 -20px;
        padding-right:8px;
        text-align: right;
    }
    .half_area {
        display:inline-block;
        box-sizing: border-box;
        width:calc(100% / 2);
        text-align: center;
    }
    .half_area.v1 {
        display:inline-block;
        background: #96A7B4;
        border-radius: 0 16px 0 0;
    }
    .half_area.v2 {
        display:inline-block;
        background: #96A7B4;
        border-radius: 16px 0 0 0;
    }
    .half_area a {
        display: inline-block;
        box-sizing: border-box;
        width:100%;
        height:60px;
        line-height:60px;
    }
    .half_area.v1 a,
    .half_area.v2 a{
        color:#fff;
    }
    .half_area.v1 a:hover{
        background:#8699A8;
        border-radius: 0 16px 0 0;
    }
    .half_area span{
        font-size:16px;
        font-weight: 500;
    }
    .txt_bg_1 {
        display:inline-block;
        background: #0CB5D8;
        border: 0px;
        border-radius: 30px;
        color:#fff;
        font-size: 13px;
        font-weight: 300 !important;
        line-height:15px;
        min-width:20px;
        padding:4px 8px;
        margin-left: 6px;
    }
    .txt_bg_2 {
        display:inline-block;
        background: #677E88;
        border: 0px;
        border-radius: 30px;
        color:#fff;
        font-size: 13px;
        font-weight: 300 !important;
        line-height:15px;
        min-width:20px;
        padding:4px 8px;
        margin-left: 6px;
    }
    .search_area_1{
        margin-bottom:30px;
    }
    .search_area_1 .sel1 {
        width:120px;
    }
    input[type=text]:not(.date, .no_v1) {
        box-sizing: border-box;
        border: 1px solid #C3C4CE;        
        width: 100%;
        height:36px;
        text-indent: 8px;
    }
    .search_area_1 .input_wrap {
        margin:0 10px 0 4px;
    }
    .table_02{
        font-size:16px;
    }
    .btn_sorting {
        vertical-align: middle;
    }


    /*      상담원 접속 기록      */
    .input_wrap.v1 {
        display:block;
        margin-bottom: 8px;
    }
    .input_wrap.v1 input{
        width: calc(100% - 4px);
    }
    .date_wrap.v1 .date {
        width:calc(100% / 2 - 4px);
        background-position: 97% center;
    }
    .sel1.v3 {
        width:80px;
    }
    .btn_excel_02 {
        padding:0 0 20px;
    }
    .list_num {
        display:inline-block;
        width:calc(100% / 2 - 4px);
    }
    .btn_wrap_3 {
        display:inline-block;
        width:calc(100% / 2 - 4px);
        text-align:right;
    }


    /*      상담기록      */
    /*목록*/
    .btn_wrap_1 {
        display:block;
        text-align:center;
        padding: 14px 0 0;
    }
    .period_area.v1 {
        padding:0 0 8px;
    }
    .period_area.v1 .date {
        width: calc(100% / 2 - 4px);
    }
    .sel1.v3 {
        width: calc(100% / 2 - 4px);
        margin-bottom: 8px;
    }
    .list_num .sel1.v3{
        width: 80px;
    }
    .input_wrap.v2 input{
        width: 100%;
    }
    /*내용보기*/
    .tab.v1{
        width:calc(100% / 2 );
    }
    .tabcontent.v1 {
        display: block;
        padding:30px 30px 0;
    }
    .table_06 {
        margin-top:20px;
        border-bottom:2px solid #6F7B81;
    }
    .table_06 td,
    .table_06 th{
        min-width: 100px;
        padding:12px;
        text-align: left;
        vertical-align: middle;
    }
    .table_06 th{
        border-bottom: 1px solid #C3CED5;
    }
    .info_title {
        text-align: center;
        font-size:16px;
        font-weight:500;
        padding: 16px 20px;
        border-bottom: 1px solid #C3CED5;
    }
    .info_contents {
        border-bottom:2px solid #6F7B81;
        padding:20px;
        font-size:16px;
    }
    .btn_wrap_4 {
        text-align: center;
        padding:30px 0 40px;
    }
    .btn_wrap_4 input{
        margin-right: 16px;
    }
    .btn_wrap_4.v1 {
        display: none;
    }
    /*수정하기*/
    .ip_title {
        width: 100% !important;
    }
    textarea {
        border: 1px solid #C3C4CE;
        width: 100%;
    }
    .btn_wrap_4.v2 {
        text-align: center;
        padding:30px 0 0;
    }


    /*       기기목록       */
    /*목록*/
    .txt_box {
        padding: 0 8px 10px 0;
    }
    .treeview_area {
        box-sizing: border-box;
        border: 1px solid #BBBCC1;
        border-radius: 16px;
        min-height: 60px;
        padding: 20px;
    }
    .sub_title_s_3 {
        font-size: 18px;
        font-weight: 500;
        margin: 20px 0 20px;
    }
    .txt_box_1 {
        text-align: right;
        margin-bottom: 10px;
    }
    .sel1.v4 {
        width: 80px;
    }
    .sel1.v2.single {
        width: calc(100% - 4px);
    }
    .table_02.v1 tr:hover{
        background:#f6f6f6;
    }
    .btn_l_line_05 {
        width:86px !important;
    }
    /*정보보기*/
    .sub_title_s_4 {
        font-size: 18px;
        font-weight: 500;
        padding: 30px 0 20px;
    }
    .btn_wrap_5 {
        text-align: center;
        padding:30px 0 0;
    }


    /*     상담원 관리     */
    /*목록*/
    .date.v1 {
        width: calc(100% / 2 - 4px);
        margin:8px 0;
    }
    .input_wrap_2 {
        display: block;
        text-align: left;
    }
    .input_wrap.v3 input{
        width: calc(100% - 4px);
    }
    .sel1.v4 {
        width: calc(100% / 2 - 4px);
        margin-top:8px;
    }
    .list_num.v1 {
        width: 25%;
    }
    .btn_wrap_3.v1 {
        width: calc(100% - 27%);
        text-align: right;
    }
    .btn_wrap_3.v1 input[type=button]{
        width: 110px;
    }
    .sel1.v2.single.v1 {
        width: calc(100% - 4px);
        margin-top:8px;
    }
    /*등록및수정*/
    .info_1 {
        padding:10px 0 0;
    }
    .info_1.v1{
        line-height: 200%;
    }
    .info_2 {
        padding:0 0 10px;
    }
    .txtarea_1{
        margin: 0 0 10px;
        height:50px;
    }
    .essential {
        color: #ff0000
    }
    .txt_total {
        text-align: right;
        padding: 0 0 10px;
    }
    .input_1{
        width:194px !important;
    }
    /*modal*/
    .modal_con_box{
        padding: 10px;
        margin: 12px 0;
        border: 1px solid #ccc;
        border-radius: 6px;
    }
    .modal_con_box.v1 {
        margin:0 0 12px;
    }
    .modal_input{
        width:100% !important;
    }


    /*      앱잠금 제외관리     */
    .info_1.v2 {
        font-size: 16px;
        line-height: 130%;
        padding: 12px 0 0 8px;
    }
    .input_2{
        width: 100% !important;
    }
    .input_2.v1{
        width: 60% !important;
    }
    .btn_wrap_4.v3 {
        text-align: center;
        padding:30px 0 0;
    }
    .btn_wrap_4.v3 input[type=button]{
        width: calc(100% / 3 - 30px);
        max-width:120px;
        margin:0;
    }
    .btn_wrap_4.v3 .btn_l_line_02.v1 {
        margin:0 8px 0;
    }


    /*   그룹관리    */
    .span_block {
        display:block;
        text-align: left;
    }


    /*      설정       */
    .sub_title_s_2.v2{
        padding: 0 0 20px 6px;
    }
    .sub_title_s_2.v3{
        padding: 30px 0 20px 6px;
    }
    .terms {
        width:95%;
        height:200px;
        padding:10px;
    }
    .table_06.v1 {
        margin-top:0;
        border-bottom:2px solid #6F7B81;
    }
    .table_06.v1 colgroup{
        display:none;
    }
    .table_06.v1 td,
    .table_06.v1 th{
        padding:12px;
        text-align: left;
        display:block;
        width:100%;
        text-align:center;
    }
    .table_06 th{
        border-bottom: 1px solid #C3CED5;
    }
    .table_06.v1 .sel1{
        width:100%;
    }
    .tr_end {
        border:none;
    }


    /*      휴일/업무시간 설정    */
    .span_block.v1 {
        display:inline-block
    }
    .span_block.v1:nth-child(2) {
        display:block;
        text-align: center;
        padding:10px 0
    }
    .span_block.v1 input{
        width:50px;
    }
    .info_1.v2.v3 {
        line-height: 100%;
        padding: 0 0 0 8px;
    }


    /*      휴일/업무시간 설정     */
    .span_block.v1 input{
        width:50px;
    }
    /*휴일추가*/
    .sub_title_s_1.v1 {
        display:inline-block;
        margin:30px 0 15px;
        padding:0;
        width:100%;
        height:34px;
        line-height:34px;
        text-align: center;
        font-size: 16px;
        font-weight:400 !important;
        color:#fff;
        border: 1px solid #8699A8;
        background:#96A7B4;
        border-radius: 4px;
    }
    .sub_title_s_2.v1 {
        font-size: 20px;
    }
    .tab.v2 button {
        width:calc(100% / 3);
    }
    .tabcontent.v2 {
        border:0px solid #8699A8;
        border-top:none;
        border-radius: 0 0 16px 16px;
        padding:0;
        font-size:16px;
    }
    .tabcontent.v2 ul li{
        padding: 10px 0;
    }
    .tabcontent.v2 ul li label{
        display:inline-block;
        width:55px;
    }
    .tabcontent.v2 ul li .w100per{
        width:calc(100% - 65px);
    }
    .tabcontent.v2 ul li .label_1 {
        margin-left:30px;
    }
    .tabcontent.v2 ul li .holiday {
        width:70px;
    }
    .tabcontent.v2 ul li span {
        color:#888d91
    }
    .btn_wrap_4.v2.noshow {
        display:none;
    }
    .sub_title_s_1.mview{
    	display: none;
    }
}





/* 모바일 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {

    /*header*/
    .pc_header {display: none;}
    .mobile_header {
        position: fixed;
        top:0;
        box-sizing: border-box;
        width:100%;
        height:50px;
        padding:0 20px;
        background-color: #38444A;
        vertical-align:middle;
        font-size:0;
        z-index: 2;
    }
    .logo_m {
        float:left;
        box-sizing: border-box;
        width:100%;
        line-height: 50px;
        text-align: center;
        padding-top: 8px;
    }
    .btn_m {/*햄버거 버튼*/
        width: 50px;
        height: 50px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        background-image: url("../image/icon_hamburger.png");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

    /*left_bar & left_menu*/
    .left_pc_wrapper {display: none;}
    html.open {
        overflow: hidden;
    }
    #menu.open {
        left: 0px;
    }
    .page_cover.open {
        display: block;
    }
    #menu {/*메뉴 배경*/
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: -100%;
        z-index: 1000;
        overflow: auto;
        padding: 0 16px 20px;
        background-color: #45545B;
        text-align: center;
        font-weight: bold;
        transition: All 0.2s ease;
        -webkit-transition: All 0.2s ease;
        -moz-transition: All 0.2s ease;
        -o-transition: All 0.2s ease;
    }
    .page_cover {/*투명 검정 배경*/
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        right: 0px;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 4;
        display: none;
    }
    .close {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 10px;
        top: 8px;
        background-image: url("../image/icon_close.png");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }
    .user_area {
        box-sizing: border-box;
        width:100%;
        padding:60px 0 30px;
    }
    .user_name {
        display:block;
        width:100%;
        color:#fff;
        font-size:18px;
        font-weight: 500;
        text-align: center;
        padding:0 0 16px;
    }
    .user_name img {
        width: 24px;
        height: 24px;
        vertical-align: middle;
    }
    .user_button{
        display:inline-block;
        width:170px;
    }
    #nav-v1 {
        width: 100%;
        text-align: left;
        font-size:16px;
        font-weight: 400;
    }
    .menu-v1{
        border-bottom: 1px solid #38444A;
        color:#fff;
    }
    .menu-v1:first-child{
        border-top: 1px solid #38444A;
    }
    .menu-v1:hover {
        background:#3D4E57;
    }
    .menu-v1 a {
        box-sizing: border-box;
        color:#fff;
        display:inline-block;
        width:100%;
        padding:14px 12px;
        cursor: pointer;
    }
    .menu-v1 img {
        vertical-align: text-bottom;
    }
    .menu-v1 .submenu{
        background:#38444A;
        display:none;
        padding:10px 0;
    }
    .menu-v1 .submenu li a{
        box-sizing: border-box;
        color:#B3BDC4;
        width:100%;
        display:inline-block;
        padding:12px 0 12px 20px;
    }
    .menu-v1 .submenu li a:hover{
        color:#AAD808;
    }
    .select_group_top {
        box-sizing: border-box;
        width: 100%;
        margin: 36px 0 0;
    }
    .select_group_top select {
        border:1px solid #5C6A71;
        background: #45545B;
        padding: 0 4px;
        width:100%;
        height: 42px;
        color: #CBD2D6;
    }
    .select_group_top div{
        margin-bottom:10px;
    }

    /*form*/
    input[type=checkbox] {
        width: 24px;
        height: 24px;
        vertical-align: middle;
    }

    /*contents*/
    .contents_wrapper {
        margin:50px 0 0 0;
        font-size:0px;
    }
    .contents {
        width:100%;
        box-sizing: border-box;
        padding:5px 16px;
    }
    .footer {
        padding:0 16px 30px;
        text-align: center;
        color:#A8B2B7;
        font-size: 12px
    }
    .sub_title{
        font-size: 24px;
        font-weight: 600;
        padding-left:6px;
        letter-spacing: -1px;
        color: #333;
    }
    .sub_title_s{
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 10px 6px;
    }
    .sub_title_s_1{
        display:inline-block;
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 0 6px;
    }
    .sub_title_s_2{
        display:inline-block;
        font-size: 18px;
        font-weight: 500;
        color:#333;
        padding: 0 0 0px 6px;
    }


/*   오늘의 통계   */

    /*검색창*/
    .search_area {
        background: #DCDDE3;
        padding: 16px;
        margin: 30px 0;
        border: 0px;
        border-radius: 16px;
        font-size:16px;
    }
    .period_area {
        width:100%
    }
    .period {
        display:block;
        width:100%;
        border: 1px solid #C3C4CE;
        font-size:0px;
        margin:0 0 8px 0;
    }
    .period li{
        display: inline-block;
        width:calc(100% / 6);
        box-sizing: border-box;
        text-align: center;
        background: #fff;
        border-right:1px solid #C3C4CE;
    }
    .period li:last-child{
        border-right:0
    }
    .period li a {
        display: inline-block;
        width: 100%;
        height:32px;
        line-height: 32px;
        font-size:14px;
        letter-spacing: -2px;
    }
    .period li a:hover {
        background:#a2b2bb;
        color:#fff;
    }
    input, select {
        box-sizing: border-box;
        border: 1px solid #C3C4CE;
        background:#fff;
    }
    .date {
        width:100%;
        height:36px;
        background-image: url(../image/icon_calendar.png);
        background-repeat: no-repeat;
        background-position: 97% center;
        text-indent: 8px;
    }
    .date_wrap {
        display: block;
        text-align: center;
    }
    .idname_check{
        margin:12px 0;
    }
    .sel1, .sel2 {
        width:100%;
        height:36px;
        text-indent: 6px;
        margin-bottom: 8px;
    }
    .sel2 {
        margin-bottom:0;
    }
    .search_btn {
        text-align: center;
        padding:14px 0 0;
    }

    /*유닛 공통*/
    .total_bar {
        border-radius: 16px 16px 0 0;
        background:#96A7B4;
        height: 36px;
        line-height: 36px;
        text-align: right;
        color:#fff;
        padding-right:24px;
    }
    .contents_box{
        box-sizing: border-box;
        width: 100%;
        padding: 16px;
    }

    /*상담원별*/
    .consultation_wrap {
        width:100%;
    }
    .consultant_area {
        box-sizing: border-box;
        border: 0px;
        border-radius: 16px;
        background:#fff;
        font-size:16px;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
        height:auto;
    }
    .consultant_area .contents_box {
        padding-bottom: 14px;
    }
    .consultant_area .graph_id {
        float:left;
        width: 20%;
        height:24px;
        line-height: 24px;
        margin-right:10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .consultant_area .graph_id span {
        display:none;
    }
    .consultant_area .graph_wrap {
        float:left;
        width:calc(100% - 20% - 10px);
    }
    .consultant_area .graph_wrap .graph {

        width:100%;
    }
    .consultant_area .graph_wrap .graph_total {
        float:left;
        box-sizing: border-box;
        width:80px;
        height:22px;
        padding-left:6px;
        font-size: 14px;
        line-height: 21px;
    }
    .consultant_area .graph_wrap .graph_10m {
        float:left;
        box-sizing: border-box;
        background:#AAD808;
        height: 22px;
        line-height: 21px;
        color:#fff;
        font-size: 14px;
        text-shadow:0 0 2px rgba(0, 0, 0, 30%);
        text-align: right;
        padding:0 4px;
    }
    .consultant_area .graph_wrap .graph_10m span {
        display: none;
    }
    .consultant_area .graph_wrap .graph_15m {
        display: none;
    }
    .consultant_area .graph_wrap .graph_30m {
        display: none;
    }
    .consultant_area .graph_wrap .graph_1h {
        display: none;
    }
    .consultant_area .graph_wrap .graph_1h_over {
        display: none;
    }
    .consultant_area .consultant_info {
        height:16px;
    }
    .consultant_area .consultant_info ul{
        display:none;
    }

    /*6개 유닛 레이아웃*/
    .consultation_wrap, .satisfaction_wrap, .remote_state_wrap,
    .device_wrap, .processing_time_wrap, .disability_wrap {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        width:100%;
        margin: 20px 0 0 0;
    }
    .consultation_area, .satisfaction_area, .remote_state_area,
    .device_area, .processing_time_area, .disability_area {
        box-sizing: border-box;
        display: inline-block;
        background:#ffffff;
        border: 0px;
        border-radius: 16px;
        width:100%;
        margin: 10px 0 0 0;
        font-size:16px;
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    }
    .consultation_area, .satisfaction_area, .remote_state_area {
        height: auto;
    }
    .device_area {
        height: auto;
    }
    .processing_time_area{
        height:auto;
    }
    .disability_area {
        height: auto;
    }
    .consultation_area .contents_box,
    .satisfaction_area .contents_box,
    .remote_state_area .contents_box {
        text-align: center;
    }

    /*상담결과별*/
    .consultation_area .result_1{
        display: inline-block;
        width: calc(100% / 2 - 30px);
    }
    .consultation_area .result_1:last-child{
        padding-right:0
    }
    .consultation_area .result_1 .txt_1,
    .consultation_area .result_1 .txt_2{
        font-size: 46px;
        font-weight:500;
        color:#85BF0D;
        display:inline-block;
        padding-bottom:10px;
    }
    .consultation_area .result_1 .txt_2{
        color:#6F7B81;
    }

    /*고객만족도별&원격상태별*/
    .satisfaction_area .result_2{
        display: inline-block;
        width: calc(100% / 6 - 5px);
        vertical-align: top;
    }
    .remote_state_area .contents_box{
        font-size: 0;
    }
    .remote_state_area .result_2{
        display: inline-block;
        width: calc(100% / 5);
        vertical-align: top;
        font-size:16px;
    }
    .satisfaction_area .result_2:last-child,
    .remote_state_area .result_2:last-child{
        padding-right:0
    }
    .satisfaction_area .result_2 .img_1{
        display: inline-block;
        padding-bottom:3px;
    }
    .satisfaction_area .result_2 .img_1 img {
        width: 46px;
        height: 46px;
    }
    .remote_state_area .result_2 .img_1{
        display: inline-block;
        padding-bottom:6px;
    }
    .remote_state_area .result_2 .img_1 img {
        width:46px;
        height:40px;
    }

    /*기기별&처리시간별&장애유형별*/
    .device_area ul,
    .processing_time_area ul,
    .disability_area ul{
        padding-bottom:28px;
    }
    .device_area li:first-child,
    .processing_time_area li:first-child,
    .disability_area li:first-child{
        width:70%;
    }
    .device_area li:last-child,
    .processing_time_area li:last-child,
    .disability_area li:last-child{
        width:30%;
        text-align: right;
    }
    .device_area li,
    .processing_time_area li,
    .disability_area li{
        float:left;
    }


    /*     상담원별 통계    */
    /*검색창*/
    .idname_wrap {
        display:block;
        padding:0 0 10px;
        text-align: left !important;
    }
    .date.v1 {
        margin-bottom: 8px;
    }
    .sel1.v1, .sel2.v1 {
        margin-bottom: 8px;
    }
    .btn_wrap {
        display:block;
        text-align: center;
    }
    .btn_wrap .btn_l_bg_02 {
        width: 120px;
    }
    /*Tabs*/
    .tab {
        display:none;
    }
    .tabcontent {
        display: block;
        padding:26px 16px;
    }
    .tabcontent .sub_title_s_1{
        display: inline-block;
        text-align: left;
        width:40%;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: -1px;
        margin-bottom: 20px;
                
    }
    .tabcontent .btn_excel {
        display: inline-block;
        width:calc(100% - 40% - 15px);
        text-align: right;
        padding:0 0 20px;
    }
    .btn_l_line_02 {
    	min-width: 80px;
    }
    .line {
        margin: auto;
        border-bottom:1px dotted #ddd;
        width:90%;
    }
    /*pagination*/
    .pagination_wrap {
        text-align: center;
        font-size:0;
    }
    .pagination a {
        font-size:14px;
        letter-spacing: -2px;
        padding: 4px 10px;
        text-decoration: none;
        transition: background-color .3s;
    }
    .pagination a.act {
        background-color: #677E88;
        color: white;
    }
    .pagination a:hover:not(.act) {
        background-color: #ddd;
    }


    /*    장애유형별통계   */
    .contents_box_01 {
        padding:26px 16px;
    }
    .search_area.v2 {
        text-align: center;
    }
    .date.v2{
        width: 100%;
        background-position: 97% center;
        margin-bottom:8px;
    }
    .sel1.v2, .sel2.v2 {
        width: 100%;
        margin-bottom:8px;
    }
    .idname_wrap.v2 {
        display:block;
        text-align: left;
    }
    .btn_excel_01 {
        text-align:right;
        padding:0 0 20px;
    }
    .table_03 td{
        padding: 14px;
    }


    /*      운영체제별 통계     */
    .table_04 td{
        padding: 14px;
    }


    /*    상담원 로그인 현황     */
    .tab.v1 button {
        width:calc(100% / 2);
    }


    /*     상담원 로그인 현황/원격세션 현황     */
    .contents_box_02{
        padding:26px 16px;
    }
    .consultant_area.v1 {
        margin-top:30px;
        font-size:0;
    }
    .time {
        font-size: 14px;
        color:#777;
        margin: 30px 0 -20px;
        padding-right:8px;
        text-align: right;
    }
    .half_area {
        display:inline-block;
        box-sizing: border-box;
        width:calc(100% / 2);
        text-align: center;
    }
    .half_area.v1 {
        display:inline-block;
        background: #96A7B4;
        border-radius: 0 16px 0 0;
    }
    .half_area.v2 {
        display:inline-block;
        background: #96A7B4;
        border-radius: 16px 0 0 0;
    }
    .half_area a {
        display: inline-block;
        box-sizing: border-box;
        width:100%;
        height:70px;
        padding-top:12px;
    }
    .half_area.v1 a,
    .half_area.v2 a{
        color:#fff;
    }
    .half_area.v1 a:hover{
        background:#8699A8;
        border-radius: 0 16px 0 0;
    }
    .half_area span{
        display:block;
        font-size:16px;
        font-weight: 500;
    }
    .txt_bg_1 {
        display:inline-block !important;
        background: #0CB5D8;
        border: 0px;
        border-radius: 30px;
        color:#fff;
        font-size: 13px;
        font-weight: 300 !important;
        line-height:15px;
        min-width:20px;
        padding:4px 8px;
        margin:6px 0 0 6px;
    }
    .txt_bg_2 {
        display:inline-block !important;
        background: #677E88;
        border: 0px;
        border-radius: 30px;
        color:#fff;
        font-size: 13px;
        font-weight: 300 !important;
        line-height:15px;
        min-width:20px;
        padding:4px 8px;
        margin:6px 0 0 6px;
    }
    .search_area_1{
        margin-bottom:30px;
    }
    input[type=text]:not(.date, .no_v1) {
        box-sizing: border-box;
        border: 1px solid #C3C4CE;
        width: 100%;        
        height:36px;
        text-indent: 8px;
    }
    .btn_wrap_2 {
        display:block;
        text-align: center;
        padding-top:10px;
    }
    .btn_wrap_2 .btn_l_bg_02{
        width:120px;
    }
    .table_02{
        font-size:16px;
    }
    .btn_sorting {
        vertical-align: middle;
    }
    .btn_l_bg_01.v1 {
        width:110px;
    }
    .btn_l_line_02.v1 {
        width:60px;
    }


    /*      상담원 접속 기록      */
    .input_wrap.v1 input{
        margin-bottom: 8px;
    }
    .date_wrap.v1 .date{
        margin-bottom: 8px;
        background-position: 97% center;
    }
    .btn_wrap {
        padding-top:6px;
    }
    .sel1.v3 {
        width:80px;
    }
    .btn_excel_02 {
        padding:0 0 20px;
    }
    .list_num {
        display:inline-block;
        width:calc(100% / 2 - 4px);
    }
    .btn_wrap_3 {
        display:inline-block;
        width:calc(100% / 2 - 4px);
        text-align:right;
    }


    /*      상담기록      */
    /*목록*/
    .btn_wrap_1 {
        display:block;
        text-align:center;
        margin: 14px 0 0;
    }
    .period_area.v1 {
        padding:0 0 8px;
    }
    .period_area.v1 .date {
        width:100%;
    }
    .sel1.v3 {
        width:100%;
    }
    .list_num .sel1.v3{
        width: 80px;
    }
    .input_wrap.v2 input{
        width:100%;
    }
    /*내용보기*/
    .tab.v1{
        width:calc(100% / 2 );
    }
    .tabcontent.v1 {
        display: block;
        padding:20px 16px 10px;
    }
    .table_06 {
        margin-top:20px;
        border-bottom:2px solid #6F7B81;
        word-break: break-word;
    }
    .table_06 colgroup{
        display:none;
    }
    .table_06 td,
    .table_06 th{
        padding:12px;
        text-align: left;
        display:block;
        width:100%;
        text-align:center;
    }
    .table_06 th{
        border-bottom: 1px solid #C3CED5;
    }
    .tr_end {
        border:none;
    }
    .info_title {
        text-align: center;
        font-size:16px;
        font-weight:500;
        padding: 16px;
        border-bottom: 1px solid #C3CED5;
    }
    .info_contents {
        border-bottom:2px solid #6F7B81;
        padding:16px;
        font-size:16px;
    }
    .btn_wrap_4 {
        text-align: center;
        padding:30px 0 30px;
    }
    .btn_wrap_4 input{
        margin-right: 8px;
        width:90px;
    }
    .btn_wrap_4.v1 {
        display: none;
    }
    /*수정하기*/
    .ip_title {
        width: 100% !important;
    }
    textarea {
        border: 1px solid #C3C4CE;
        width: 100%;
    }
    .btn_wrap_4.v2 {
        text-align: center;
        padding:30px 0 0;
    }


    /*       기기목록       */
    /*목록*/
    .txt_box {
        padding: 0 8px 10px 0;
        font-size:14px;
    }
    .treeview_area {
        box-sizing: border-box;
        border: 1px solid #BBBCC1;
        border-radius: 16px;
        min-height: 60px;
        padding: 16px;
    }
    .sub_title_s_3 {
        font-size: 18px;
        font-weight: 500;
        margin: 20px 0 20px;
    }
    .txt_box_1 {
        text-align: right;
        margin-bottom: 10px;
    }
    .sel1.v4 {
        width: 80px;
    }
    .sel1.v2.single {
        width: 100%;
    }
    .table_02.v1 tr:hover{
        background:#f6f6f6;
    }
    .btn_l_line_05 {
        width:86px !important;
    }
    /*정보보기*/
    .sub_title_s_4 {
        font-size: 18px;
        font-weight: 500;
        padding: 30px 0 20px;
    }
    .btn_wrap_5 {
        text-align: center;
        padding:30px 0 0;
    }


    /*       상담원 관리      */
    .input_wrap_2 {
        display: block;
        text-align: left;
        margin-bottom:8px;
    }
    .input_wrap.v3 input{
        margin-bottom:8px;
    }
    .sel1.v4 {
        width: 100%;
    }
    .list_num.v1{
        width:25%;
    }
    .list_num.v1 .sel1.v3{
        width:100%;
    }
    .btn_wrap_3.v1{
        width: calc(100% - 27%);
    }
    /*
    .btn_wrap_3.v1 input[type=button]{
        width:calc(100% / 2 - 5px);
    }
    */
    /*등록및수정*/
    .info_1 {
        padding:10px 0 0;
        text-align: left;
    }
    .info_1.v1{
        line-height: 200%;
    }
    .info_2 {
        padding:0 0 10px;
        text-align: left;
    }
    .txtarea_1{
        margin: 0 0 10px;
        height:70px;
    }
    .essential {
        color: #ff0000
    }
    .btn_l_line_04.v1{
        margin-top:10px;
    }
    .btn_l_line_02.v3{
        /* width:130px; */
    }
    input[type=password] {
        width: 100%;
    }
    .txt_total {
        text-align: right;
        padding: 0 0 10px;
    }
    .modal_txt_1.v1{
        display: block;
        padding:8px 0 0;
    }
    /*modal*/
    .modal_con_box{
        padding: 10px;
        margin: 12px 0;
        border: 1px solid #ccc;
        border-radius: 6px;
    }
    .modal_con_box.v1 {
        margin:0 0 12px;
    }
    .modal_con_box.v1 {
        margin:0 0 12px;
    }
    .modal_input{
        width:100% !important;
    }
    .btn_l_bg_01.v2 {
        width: 60px;
    }
    .btn_l_bg_01.v2.v3 {
        width: 80px;
    }

    /*      장애유형관리     */
    .btn_wrap_3.v1 .btn_l_line_02.v1{
        width:calc(100% / 2 - 15px);
    }
    .btn_wrap_3.v1 .btn_l_bg_01_1.v1{
        width:calc(100% / 2 + 10px);
    }


    /*      앱잠금 제외관리     */
    .info_1.v2 {
        font-size: 16px;
        line-height: 130%;
        padding: 12px 0 0 8px;
    }
    .btn_wrap_4.v3 {
        text-align: center;
        padding:30px 0 0;
    }
    .btn_wrap_4.v3 input[type=button]{
        width: calc(100% / 3 - 8px);
        max-width:120px;
        margin:0;
    }
    .btn_wrap_4.v3 .btn_l_line_02.v1 {
        margin:0 3px 0;
    }

    /*   그룹관리    */
    .span_block {
        display:block;
        text-align: left;
    }


    /*       설정       */
    .sub_title_s_2.v2{
        padding: 0 0 20px 6px;
    }
    .sub_title_s_2.v3{
        padding: 30px 0 20px 6px;
    }
    .terms {
        width: 90%;
        height:200px;
        padding:10px;
    }
    .input_wrap_3 {
        display: block;
        margin:8px 0 0;
    }
    .table_06.v1 {
        margin-top:0;
        border-bottom:2px solid #6F7B81;
    }
    .table_06.v1 colgroup{
        display:none;
    }
    .table_06.v1 td,
    .table_06.v1 th{
        padding:12px;
        text-align: left;
        display:block;
        width:100%;
        text-align:center;
    }
    .table_06 th{
        border-bottom: 1px solid #C3CED5;
    }


    /*      휴일/업무시간 설정    */
    .span_block.v1 {
        display:inline-block
    }
    .span_block.v1:nth-child(2) {
        display:block;
        text-align: center;
        padding:10px 0
    }
    .span_block.v1 input{
        width:50px;
    }
    .info_1.v2.v3 {
        line-height: 130%;
        padding: 0 0 0 8px;
    }
    /*휴일추가*/
    .sub_title_s_1.v1 {
        display:inline-block;
        margin:20px 0 10px;
        padding:0;
        width:100%;
        height:34px;
        line-height:34px;
        text-align: center;
        font-size: 16px;
        font-weight:400 !important;
        color:#fff;
        border: 1px solid #8699A8;
        background:#96A7B4;
        border-radius: 4px;
    }
    .sub_title_s_2.v1 {
        font-size: 20px;
    }
    .tab.v2 button {
        width:calc(100% / 3);
    }
    .tabcontent.v2 {
        border:0px solid #8699A8;
        border-top:none;
        border-radius: 0 0 16px 16px;
        padding:0;
        font-size:16px;
    }
    .tabcontent.v2 ul li{
        padding: 10px 0;
    }
    .tabcontent.v2 ul li label{
        display:block;
        width:55px;
        margin-bottom:10px;
        font-weight:500;
    }
    .tabcontent.v2 ul li .w100per{
        width:100%;
    }
    .tabcontent.v2 ul li .label_1 {
        margin-left:0;
        padding-top:10px;
    }
    .tabcontent.v2 ul li .holiday {
        width:calc(100% - 40px);
        margin-bottom:4px;
    }
    .tabcontent.v2 ul li span {
        display:block;
        padding:10px 0 0;
        color:#888d91;
        line-height: 130%;
    }
    .btn_wrap_4.v2.noshow {
        display:none;
    }
    
	.treeview_area {
		text-align: left;
	}
	.sub_title_s_1.mview{
		display: block;
		margin-bottom: 20px;
	}
	.empty_list {
		text-align: left !important;
	}
	.btn_def_1 {
	    min-width: 80px;
	}
	
	.ui-dialog {
		/* width: 90vw !important; */
	}
}


@media all and (min-width:768px) {
    .ui-dropdownchecklist {
		width: 200px;
	}
	.ui-dropdownchecklist-dropcontainer {
		width: 300px;
		overflow-x: hidden;
	}
}