@charset "utf-8";
/*@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,300");*/

html, body, div, ul, li, img, h1,h2,h3,h4,h5 {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}

body
{
    font-family:  'Nanum Barun Gothic',"Roboto", dotum,"돋움", sans-serif ;
    font-size:14px;
    line-height:1.4;
    letter-spacing:-0.02em;
    letter-spacing: 0;
    word-spacing: 0;
    background-color:#ffffff;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

ul, ol, dl, dt, dd {list-style:none}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothic.woff2) format('woff2'),
       url(../fonts/NanumBarunGothic.woff) format('woff'),
       url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic Bold';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(../fonts/NanumBarunGothicBold.woff) format('woff'),
       url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSansKR-Medium-Hestia.eot);
  src: local('NotoSansKR'),
       local('NotoSansKR'),
       url(../fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
       url(../fonts/NotoSansKR-Medium-Hestia.otf) format('otf');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansKR-Light-Hestia.eot);
  src: local('NotoSansKR'),
       local('NotoSansKR'),
       url(../fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
       url(../fonts/NotoSansKR-Light-Hestia.otf) format('otf');
}

@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 100;
  src: url(../fonts/Roboto-Thin.woff2) format('woff2'),
       url(../fonts/Roboto-Thin.woff) format('woff'),
       url(../fonts/Roboto-Thin.otf) format('opentype');}
       
@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 300;
  src: url(../fonts/Roboto-Light.woff2) format('woff2'),
       url(../fonts/Roboto-Light.woff) format('woff'),
       url(../fonts/Roboto-Light.otf) format('opentype');}
       
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 400;
   src: url(../fonts/Roboto-Regular.woff2) format('woff2'),
        url(../fonts/Roboto-Regular.woff) format('woff'),
        url(../fonts/Roboto-Regular.otf) format('opentype'); }
        
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 500;
   src: url(../fonts/Roboto-Medium.woff2) format('woff2'),
        url(../fonts/Roboto-Medium.woff) format('woff'),
        url(../fonts/Roboto-Medium.otf) format('opentype'); }
        
@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 700;
   src: url(../fonts/Roboto-Bold.woff2) format('woff2'),
        url(../fonts/Roboto-Bold.woff) format('woff'),
        url(../fonts/Roboto-Bold.otf) format('opentype'); }

/*
 
select::-ms-expand { display: none; }
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

box-sizing: border-box;

 {display:table-cell;}
 
 */

img
{
    border-style: none;
    letter-spacing:none;
    word-spacing:none;
    border:none;
    margin:0;
    padding:0;
    outline:0;
    vertical-align:middle;
    line-height:0px;
}
input:focus
{
    outline:none;
    padding:0;
    border:0;
}

input
{
    outline:none;
    padding:0;
    border:0;
}

table {border-collapse: collapse;}

a {outline: none;}
a:link, a:visited {color:#666; text-decoration:none}
a:hover, a:active {text-decoration:none}

button 
{
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    cursor:pointer;
}

/*Font*/

.color-red {color:#F97267;}
.color-blue {color:#1582e1;}
.color-gray {color:#999999;}

input[type="text"] {font-size:14px;color:#444444;border-radius:4px;border: 1px solid #d9d9d9;padding: 8px 10px;letter-spacing: -0.02em;
font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;background-color:#fff;line-height: 15px;}

input[type="password"] {font-size:14px;color:#444444;border-radius:4px;border: 1px solid #d9d9d9;padding: 8px 10px;letter-spacing: -0.02em;
font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;background-color:#fff;line-height: 15px;}

.ipst_box {font-size:14px;color:#444444;border-radius:4px;border: 1px solid #d9d9d9;padding: 8px 10px;letter-spacing: -0.02em;font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;
background-color:#fff;height: 34px;background-image: url(../../images/icon_seltop.png);background-repeat: no-repeat;background-position: right 8px;cursor:pointer;}

input[type="radio"] {display:none;}
input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 8px 0 0;
    vertical-align:middle;
    background:url(../images/checkbox_off.png) no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../images/checkbox_on.png) no-repeat;
}


input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(../images/checkboxSq_off.png) no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(../images/checkboxSq_on.png) no-repeat;
}

textarea {border-radius:4px;border: 1px solid #d9d9d9;font-family: 'Nanum Barun Gothic', sans-serif;line-height:19px;font-size:14px;}

input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

input::placeholder {
  color: #999999;
}
textarea::placeholder {
  color: #999999;
}

.filebox label {display: inline-block;padding: 5px 10px;color: #999;font-size: 12px;line-height: normal;vertical-align: middle;background-color: #fdfdfd;cursor: pointer;border: 1px solid #d4d4d4;border-radius: .25em;} 
.filebox_1 label {display: inline-block;padding: 9px 0;width:100%;color: #fff;font-size: 13px;line-height: normal;vertical-align: middle;background-color: #ff9500;cursor: pointer;border-radius: 4px;text-align:center;}	/* 2019-11-21, 파일 업로드 버튼 */ 
.filebox_1 label:hover {background:#e28400;}
.filebox_1 label.inforBoxIcon {top: 0; padding-bottom: 8px; opacity: 1;}
.filebox_1 label.inforBoxIcon .spanIcon {margin-right: 5px; background-color: #fff; border-radius: 4px; width: 18px; height: 18px; background-position-x: -1px; background-position-y: -1px;}
.filebox_1 label.inforBoxIcon .ifBox {top: 10px; left: auto; width: 210px; background: rgba(0,0,0,0.85); text-align: left; word-break: keep-all;}
.filebox_2 {font-size: 0;}	/* 2019-11-21, 파일 업로드 버튼 */
.filebox_2 label {display: inline-block;padding: 9px 0px;width:129px;color: #fff;font-size: 13px;line-height: normal;vertical-align: middle;background-color: #2094fa;cursor: pointer;border-radius: 4px;text-align:center;}	/* 2019-11-21, 파일 업로드 버튼 */
.filebox_2 label:last-child {margin-left: 8px;}	/* 2019-11-21, 파일 업로드 버튼 */
.filebox_2 label:hover {background:#1582e1;}	/* 2019-11-21, 파일 업로드 버튼 */
.filebox_3 {display:inline;}
.filebox_3 label {display: inline-block;padding: 9px 13px;color: #fff;font-size: 13px;line-height: normal;vertical-align: middle;background-color: #2094fa;cursor: pointer;border-radius: 4px;margin: 0 4px;} 
.filebox_3:hover label {background:#1582e1;}
.filebox_ios {display:inline;}
.filebox_ios label {display: inline-block;padding: 5px 10px;color: #6b6b6b;font-size: 12px;line-height: normal;vertical-align: middle;background-color: #f3f3f3;cursor: pointer;border: 1px solid #d4d4d4;border-radius: .25em;}


.filebox_btn label {display: inline-block;padding: 7px 20px 8px;color: #fff;font-size: 12px;line-height: normal;vertical-align: middle;background-color: #5ac8fa;cursor: pointer;border: 1px solid #5ac8fa;border-radius: .25em;margin: 0 0 0 10px;} 
.filebox_btn {
    display: inline-block;
}

/* 2023.08, 직접입력 추가 */
#xlsForm .filebox_1 {font-size: 0;}
#xlsForm .filebox_1 label {margin-left: 8px; width: 130px;}
#xlsForm .filebox_1 .label_btn:first-of-type {margin-left: 0px;}

#xlsForm .filebox_2 label {margin-left: 8px; width: 130px;}
#xlsForm .filebox_2 .label_btn:first-of-type {margin-left: 0;}

button {border-radius:4px;background:#999;color:#fff;padding: 9px 40px;margin: 0 4px;border: 0;font-size: 14px;font-weight: 500;font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;line-height: 15px;}
button img {padding: 0 5px 0 0;}

select {border-radius:4px;background:#fff;color:#444444;padding: 8px 10px;margin: 0 4px;border: 1px solid #d9d9d9;font-size: 14px;font-weight: 500;
font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;border-radius: 4px;
 /* 아이폰 사파리 보더 없애기 */-webkit-appearance:none; 
 /* 화살표 없애기 for chrome*/-moz-appearance:none;
  /* 화살표 없애기 for firefox*/appearance:none; 
  /* 화살표 없애기 공통*/;background-image: url(../../assets/images/icon_seltop.png);background-repeat: no-repeat;background-position: right 8px;line-height: 15px;}

select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
select option {font-size:13px;line-height:1.4;padding: 8px 0;}

.blue_input {border: 1px solid #bee6ff !important ;background:#e6f7ff !important;}

.fake_button {border-radius:4px;background: #dadada;color: #737373;padding: 6px 8px;margin: 0 4px;border: 0;font-size: 13px;font-weight: 600;font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;width: 105px;margin: 0 auto;}
.fake_button img {padding: 0 5px 0 0;}

.bodySt {background:#eeeeee;/* min-width: 1250px; */}

.cj_wrap {width:100%;min-width: 1250px;}

.MobMenuBtn {display:none;}
.login_top {position: fixed;width:100%;height:50px;background:#3e3e3e;top: 0;left: 0;z-index: 100;} /* 2019-08-28, z-index 수정 */
.login_top h1 {padding: 10px 0 0 14px;font-weight: 500;}	/* 2019-10-30, logo 변경, 추가 */
.login_top h1 img {padding: 0 13px 0 0;width:auto;height: 32px;}	/* 2019-10-30, logo 변경 */
.login_top h1 span {
    position: relative;
    top: 7px;
    font-size: 15px;
    color: #dcdcdc;
}

.login_top .right_area {position:absolute;top:0;right:0;height: 50px;display: inline;display: inline-block;}
.login_top .right_area .userBox {height: 36px;vertical-align:middle;line-height: 36px;font-size:13px;color:#fff;cursor:pointer;border-left: 1px solid #717171;padding: 7px 10px 7px 15px;display: inline-block;}
.login_top .right_area .userBox:hover {color:#dddddd;}

.login_top .right_area .userBox .option_listBox {position:absolute;width:180px;height:auto;border-radius:4px;background:#ffffff;opacity: 0;visibility: hidden;top: 8px;margin: 42px 0 0 0;right: 0px;border: 1px solid #cccccc;}
.login_top .right_area .userBox:hover .option_listBox {opacity: 1;visibility: visible;}
.login_top .right_area .userBox .option_listBox ul {width:90%;margin: 9px auto;}
.login_top .right_area .userBox .option_listBox ul li {position:relative;width:auto;color:#999;padding: 6px 16px;border-bottom: 1px solid #cccccc;font-weight:600;}
.login_top .right_area .userBox .option_listBox ul li:last-child {border:0;}
.login_top .right_area .userBox .option_listBox ul li .listicon {width:20px;height:20px;position:relative;top:5px;padding-right:8px;}
.login_top .right_area .userBox .option_listBox ul li .listicon path{fill:#999;}
.login_top .right_area .userBox .option_listBox ul li:hover {color:#555;background: #f0f0f0;}
.login_top .right_area .userBox .option_listBox ul li:hover .listicon path{fill:#555;}
.login_top .right_area .userBox .option_listBox .talkbox {position:absolute;top:-10px;right:17px;width:20px;}



.login_top .right_area .ar_btn {height: 36px;vertical-align:middle;line-height: 36px;font-size:13px;color:#fff;display: inline-block;position:relative;padding-right: 5px;}
.login_top .right_area .ar_btn .tbt_bell {width: 24px;height: 24px;padding: 4px 3px 14px 3px;cursor:pointer;margin: 0 2px;}
.login_top .right_area .ar_btn .tbt_bell path {fill: #ffffff;}
.login_top .right_area .ar_btn .tbt_bell:hover path {fill: #2094fa;}
.login_top .right_area .ar_btn a.arat_1 .ARnum {position:absolute;top: -1px;right: -1px;padding: 0px 5px 0 5px;font-size: 11px;color:#fff;background:#FA114F;border-radius: 10px;display: block;height: 15px;line-height: 15px;text-align: center;font-family: "Roboto", sans-serif;font-weight: 500;}
.login_top .right_area .ar_btn a.arat_1 {position:relative;display: inline-block;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox {position:absolute;width: 280px;height:auto;border-radius:4px;background:#ffffff;opacity: 0;visibility: hidden;top: 0px;margin: 43px 0 0 0;right: -10px;border: 1px solid #cccccc;}
.login_top .right_area .ar_btn a.arat_1:hover .bell_listBox {opacity: 1;visibility: visible;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox .talkbox {position:absolute;top:-10px;right:17px;width:20px;}

.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul {width:90%;margin: 9px auto;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul li {position:relative;width:auto;color:#666666;padding: 10px 4px;border-bottom: 1px solid #cccccc;font-weight:500;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul li .L_text {width:80%;line-height:17px;font-size:13px;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul li:hover .L_text {text-decoration: underline;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul li:last-child {border:0;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul li .closeBt {position:absolute;top: 5px;right:2px;width: 26px;cursor:pointer;}


.login_top .right_area .ar_btn .tbt_que {width: 24px;height: 24px;padding: 4px 3px 14px 3px;cursor:pointer;margin: 0 2px;}
.login_top .right_area .ar_btn .tbt_que path {fill: #ffffff;}
.login_top .right_area .ar_btn .tbt_que:hover  path {fill: #2094fa;}
.login_top .right_area .ar_btn a.arat_2 {position:relative;display: inline-block;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox {position:absolute;width:280px;height:auto;border-radius:4px;background:#ffffff;opacity: 0;visibility: hidden;top: 0px;margin: 43px 0 0 0;right: -10px;border: 1px solid #cccccc;}
/*.login_top .right_area .ar_btn a.arat_2:hover .Que_listBox {opacity: 1;visibility: visible;}*/
.login_top .right_area .ar_btn a.arat_2 .Que_listBox .talkbox {position:absolute;top:-10px;right:17px;width:20px;}

.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul {width:90%;margin: 9px auto;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul li {position:relative;width:auto;color:#666666;padding: 10px 4px;border-bottom: 1px solid #cccccc;font-weight:500;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul li .L_text {width:80%;line-height:17px;font-size:13px;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul li:hover .L_text {text-decoration: underline;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul li:last-child {border:0;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul li .closeBt {position:absolute;top: 5px;right:2px;width: 26px;cursor:pointer;}






.left_menu {position:fixed;top:50px;left:0;width: 210px;height:calc(100% - 50px);overflow-y: auto;overflow-x: hidden;background: #fff;z-index:1;display: block;}
.left_menu .mn_top {position:relative;width:100%;height:60px;border-bottom: 1px solid #ededed;}
.left_menu .mn_top .mnt_tt {position:absolute;top: 32px;left: 10px;font-size: 11px;color:#999999;font-weight: 600;letter-spacing:0;}

.MobMenuCloseBtn {display:none;}

#lnb {position: relative;width: 210px;}
#lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8;letter-spacing: -2px; background: #d71a21;}
#lnb > ul {}
#lnb > ul > li {position:relative;padding: 2px 0;}
#lnb > ul > li#navi_logo {padding: 0;} /* 2019-10-30, logo 변경, 추가 */
#lnb > ul > li#navi_logo a {padding: 0;text-indent:0;} /* 2019-10-30, logo 변경, 추가 */
#lnb > ul > li#navi_logo a img {width: 100%;} /* 2019-10-30, logo 변경, 추가 */
#lnb > ul > li > a {
    display: block;
    width: 190px;
    padding: 14px 0;
    margin: 0 auto;
    color: inherit;
    font-size: 14px;
    font-weight:600;
    background: #eeeeee;
    border-radius: 4px;
    text-indent: 54px;
    color: #777777;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    }
#lnb > ul > li > a i {position:absolute;top:15px;right:27px;font-size:16px;}
#lnb > ul > li > a.hvc_1 {display: block;width: 190px;padding: 14px 0;margin: 0 auto;color: inherit;font-size: 14px;font-weight:600;background: #ffffff;border-radius: 4px;text-indent: 54px;color: #777777;}
#lnb > ul > li.on > a {color: #222222;background: #ffffff;font-size: 17px;padding: 12px 0 13px;text-indent: 59px;}
#lnb > ul > li a:hover {color: #ffffff; background-color: #2094fa;}
#lnb > ul > li a.hvc_1:hover {color: #ffffff; background-color: #2094fa;}
#lnb > ul > li a.hvc_2:hover {color: #ffffff; background-color: #43b4e9;}
#lnb > ul > li a.hvc_3:hover {color: #ffffff; background-color: #4ddcb8;}
#lnb > ul > li a.hvc_4:hover {color: #ffffff; background-color: #dad458;}
#lnb > ul > li a.hvc_5:hover {color: #ffffff; background-color: #dad458;}
#lnb > ul > li a.hvc_6:hover {color: #ffffff; background-color: #df6b97;}


#lnb > ul > li .mnicon_1 {position:absolute;top: 11px;left: 22px;width: 29px;height: 29px;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
#lnb > ul > li .mnicon_1 path {/*fill: #888888;*/}
#lnb > ul > li a:hover .mnicon_1 path {fill: #ffffff;}
#lnb > ul > li.on .mnicon_1 {position:absolute;top: 9px;left: 22px;width: 34px;height: 34px;}


#lnb > ul > li > ul {display: none;padding-bottom: 20px;margin-bottom: 25px;border-bottom: 1px solid #eeeeee;}
#lnb > ul > li > ul.depth1 {display: none;padding-bottom: 0px;margin-bottom: 0px;border-bottom: 1px solid #eeeeee;}

#lnb > ul > li > ul > li {position:relative;}
#lnb > ul > li > ul > li > a {display: block;padding: 14px 0;color: inherit;font-size: 14px;text-indent: 71px;font-weight:600;color: #888888;background-color: #fff;}
#lnb > ul > li > ul > li > a i {position:absolute;top:13px;right:27px;font-size:16px;}
#lnb > ul > li > ul > li.on a {color: #2094fa; background: #e2faff; }
#lnb > ul > li > ul > li li a:hover {color: #ffffff;background:#2094fa}
#lnb > ul > li > ul > li > a.on {color:#222 !important ;}

#lnb > ul > li > ul.nomalDt > li > a {display: block;padding: 14px 0;color: inherit;font-size: 14px;text-indent: 70px;font-weight:600;color: #888888; background-color: #ededed; }
#lnb > ul > li > ul.nomalDt > li.on a {color: #888888; background: #ededed; }
#lnb > ul > li > ul.nomalDt > li a:hover {color: #333333;background:#ededed}


#lnb > ul > li > ul li ul {display: none;padding-bottom: 8px;background-color: #ffffff;}
#lnb > ul > li > ul li ul li a {display: block;padding: 0 25px 10px 22px; color: #666; font-size: 12px;background-color: #f5f2ec;}
#lnb > ul li.noDepth a {background-image: none !important; }

#lnb > ul > li > ul > li .mnicon_2 {position:absolute;top: 12px;left: 29px;width:27px;height:27px;overflow:hidden;}
#lnb > ul > li > ul > li .mnicon_2 path {fill: #888888;}
#lnb > ul > li > ul > li.on .mnicon_2 path {fill: #2094fa;stroke: #2094fa;}
#lnb > ul > li > ul > li.on a:hover .mnicon_2 path {fill: #2094fa;}
#lnb > ul > li > ul > li a:hover .mnicon_2 path {fill: #ffffff;stroke: #ffffff;}


#lnb > ul > li > ul > li  > ul > li > a {display: block;padding: 14px 0;color: inherit;font-size: 14px;text-indent: 74px;font-weight:600;background:#ededed;color:#888888;}
#lnb > ul > li > ul > li  > ul > li > a:hover {color:#333333;}
#lnb > ul > li > ul > li.on  > ul > li > a {display: block;padding: 14px 0;color: inherit;font-size: 13px;text-indent: 72px;font-weight:600;background:#ededed;color:#888888;}
#lnb > ul > li > ul > li.on  > ul > li > a:hover {color:#333333;}
#lnb > ul > li > ul > li.on  > ul > li > a.on {color:#333333;}


#lnb .app_nameBox {position:relative;width:100%;text-align:center;margin: 10px 0 10px 0;}
#lnb .app_nameBox .appTimg_box {position:relative;width:96px;height:96px;background:#EEEEEE;margin: 0 auto;border-radius:10px;padding: 0 0 0 0;overflow: hidden;}
#lnb .app_nameBox .appTimg_box .Lt_name_1 {position:absolute;top:0;left:0;width:50px;height:25px;border-radius:5px;font-size:12px;line-height:26px;color:#fff;background:#ff8d29;}
#lnb .app_nameBox .appTimg_box .Lt_name_2 {position:absolute;top:0;left:0;width:50px;height:25px;border-radius:5px;font-size:12px;line-height:26px;color:#fff;background:#04de71;}
#lnb .app_nameBox .appTimg_box .app_img {
display: block;
position:absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}


#lnb .app_nameBox .app_settingBtn {position:absolute;top: 0px;right: 24px;width: 20px;height: 20px;cursor:pointer;}
#lnb .app_nameBox .app_settingBtn img {width:100%;height:100%;}
#lnb .app_nameBox .appName {position:relative;width:90%;margin: 0 auto;font-size:13px;color:#333333;font-weight:600;padding: 12px 0 5px 0 ;}

#lnb .app_nameBox .app_seltGo {position:absolute;top: 1px;left: 22px;width: 20px;height: 20px;cursor:pointer;}
#lnb .app_nameBox .app_seltGo img {width:100%;height:100%;}


.cj_content_St {padding-left:210px;overflow: auto;padding-top: 50px;}

.cont_titBar {position:relative;width:100%;height:60px;border-bottom: 1px solid #ededed;background:#ffffff;}
.cont_titBar h2 {padding: 7px 0 0 10px;font-size: 22px;color:#555555;line-height: 26px;position: relative;display: block;vertical-align: middle;}
.cont_titBar h2 .contIcon {width: 30px;height: 30px;position: relative;top: 8px;padding-right: 8px;}
.cont_titBar h2 .contIcon_color {width: 30px;height: 30px;position: relative;top: 8px;padding-right: 8px;}
.cont_titBar h2 .contIcon path {fill:#555555;}

.cont_titBar .R_navBox {position:absolute;bottom: 10px;right: 20px;line-height:20px;}
.cont_titBar .R_navBox > ul > li {float:left;padding: 0 20px 0 5px;font-size:12px;color:#999999;background-image:url(../images/icon_navArr.png);background-repeat:no-repeat;background-position: right 2px;background-size: 15px;}
.cont_titBar .R_navBox > ul > li:last-child {background:none;padding-right:10px;color:#666666;}
.cont_titBar .R_navBox > ul > li:first-child  img {width: 19px;height: 19px;padding-right: 6px;position:relative;top: -2px;}



.cont_Area {position:relative;padding: 15px ;}
.cont_Area .contBox {position:relative;width:100%;min-height:10px;background:#fff;border-radius:4px;background:#fff;margin-bottom:15px;border: 1px solid #e1e1e1;box-sizing: border-box;
box-shadow: 0px 0px 3px -2px #aaaaaa;overflow:hidden;}
.cont_Area .box_blue {background:#fff;border: 1px solid #2094fa;}


.cont_Area .L_DvcArea {position:relative;width:calc(50% - 7px);float:left;margin-right:15px;}

.cont_Area .R_DvcArea {position:relative;width:calc(50% - 8px);float:left;}


@media only screen and (max-width: 1500px) {

.cont_Area .L_DvcArea {position:relative;width:100%;float:left;margin-right:0px;}
.cont_Area .R_DvcArea {position:relative;width:100%;float:left;}
    
}

/*.Art_Box {position:relative;width:100%;min-height:10px;background:#fff;border-radius:4px;background:#F4FFEC;margin-bottom:15px;border: 1px solid #ABEB8C;
box-sizing: border-box;box-shadow: 0px 0px 3px -2px #aaaaaa;overflow:hidden;padding: 10px 12px;font-size: 13px;color:#555555;-webkit-transition: all .2s ease-in-out;}*/
.Art_Box {position:relative;width:100%;min-height:10px;background:#fff;border-radius:4px;background:#F4FFEC;margin-bottom:15px;border: 1px solid #ABEB8C;
box-sizing: border-box;box-shadow: 0px 0px 3px -2px #aaaaaa;overflow:hidden;padding: 10px 12px;font-size: 13px;color:#555555;-webkit-transition: all .7s ease-in-out;opacity:0;top:0px;}
.tran {opacity:1;top:0;}

.Art_Box .text_box {width:100%;}
.Art_Box .text_box span {color:#586FF1;}


.Art_Box .closeBt {position:absolute;top:5px;right:10px;width:26px;cursor:pointer;opacity:0.7;display:none;}
.Art_Box .closeBt:hover {opacity:1;}

.Art_Box_table {position:relative;width:100%;min-height:10px;background:#fff;border-radius:4px;background:#F4FFEC;border: 1px solid #ABEB8C;
box-sizing: border-box;box-shadow: 0px 0px 3px -2px #aaaaaa;overflow:hidden;padding: 10px 12px;font-size: 13px;color:#555555;}
.Art_Box_table .text_box {width: 100%;}
.Art_Box_table .text_box span {color:#586FF1;font-weight:600;}
.Art_Box_table .text_box .tts_1 {font-size:14px;font-weight:600;padding: 10px 0 0 20px;}
.Art_Box_table .text_box .tts_1 img {position:relative;top:-2px;}
.Art_Box_table .text_box .tts_2 {font-size:13px;font-weight:500;padding: 5px 0 5px 42px;line-height:1.7;}
.Art_Box_table .text_box .tts_2 span {font-size:13px;color:#008DE0;font-weight:600;}

.Art_Box2 {position:relative;width:calc(100% - 30px);min-height:10px;background:#fff;border-radius:4px;background:#F4FFEC;margin-bottom:15px;border: 1px solid #ABEB8C;
box-sizing: border-box;box-shadow: 0px 0px 3px -2px #aaaaaa;overflow:hidden;padding: 10px 12px;font-size: 13px;color:#555555;}
.Art_Box2 .text_box {width:calc(100% - 30px );}
.Art_Box2 .text_box span {color:#586FF1;}

.camp_Step {position:relative;height: 90px;}
.camp_Step .step_1 {position:absolute;top:20px;left: 20px;width: 190px;min-height:50px;background:#fff;}
.camp_Step .step_2 {position:absolute;top:20px;left: 50%;margin-left: -150px;width: 225px;min-height:50px;background:#fff;}
.camp_Step .step_3 {position:absolute;top:20px;right: 20px;width:280px;min-height:50px;background:#fff;}
.camp_Step .StepLine {position:absolute;top: 35px;left: 30px;width: 89%;border-top: 1px solid #2094FA;}

.camp_Step .S_num {position:absolute;top:0;left: 10px;padding: 0px 7px;background:#fff;border: 3px solid #EDEDED;border-radius: 50px;font-size: 18px;line-height: 24px;font-weight: 600;color:#EDEDED;font-family: "Roboto", dotum,"돋움", sans-serif;}
.camp_Step .S_num.On {background:#2094FA;border: 3px solid #2094FA;color:#fff;}
.camp_Step .S_num.chk {background:none;border:0;padding:0;}

.camp_Step .sp_info {position:absolute;top: 8px;left: 51px;width: 80%;}
.camp_Step .sp_info .tit {font-size: 15px;line-height: 18px;font-weight: 600;color:#999999;}
.camp_Step .sp_info .tit.On {color:#666666;}
.camp_Step .sp_info .s_tt {font-size: 12px;line-height: 15px;font-weight: 500;color:#999999;padding-top: 6px;}

.tit_ty1 {position:relative;font-size:14px;color:#222222;height:22px;padding: 20px 20px 10px 20px ;font-weight:600;}

.campSeltbox {position:relative;width: 950px;border-radius:4px;border: 1px solid #e1e1e1;box-sizing: border-box;margin:10px 20px 20px;height:70px;cursor:pointer;background:#fff;}
.campSeltbox:hover {border: 1px solid #999999;}
.boxOn {border: 1px solid #2094fa;background:#f5f5f5;}
.campSeltbox .step_check_img {position:absolute;top: 18px;left: 2%;width:32px;height:32px;}

.campSeltbox .camp_selt_box {position:absolute;top:10px;left: 7%;width: 40%;height:50px;border-radius:10px 10px 10px 10px;background:#f5f5f5;overflow:hidden;color:#fff;font-size:18px;font-weight:600;} 
.campSeltbox .camp_selt_box .push_3 {position:absolute;top:0;left:0;width:100%;height:100%;background:#60b5e8;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .push_2 {position:absolute;top:0;left:0;width:50%;height:100%;background:#60b5e8;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .push_1 {position:absolute;top:0;left:0;width:33.33%;height:100%;background:#60b5e8;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .tok_1 {position:absolute;top:0;left:33.33%;width:33.33%;height:100%;background:#dad360;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .tok_2 {position:absolute;top:0;left:50%;width:50%;height:100%;background:#dad360;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .tok_2_left {position:absolute;top:0;left:0%;width:50%;height:100%;background:#dad360;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .tok_3 {position:absolute;top:0;left:0%;width:100%;height:100%;background:#dad360;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .messegee_1 {position:absolute;top:0;left:66.66%;width:34%;height:100%;background:#4edcb9;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .messegee_2 {position:absolute;top:0;left:50%;width:50%;height:100%;background:#4edcb9;line-height:51px;text-align:center;} 

.campSeltbox .campInfott {position:absolute;top: 10px;right: 10px;width: 50%;height:50px;color:#666666;display:table;text-align: left;}
.campSeltbox .campInfott span {display:table-cell;vertical-align:middle;}
.campSeltbox .camp_selt_box .step_arr {position:absolute;top:9px;left:0;}

.Btn_area {position:relative;width:100%;margin-top:20px;padding: 20px 0 40px;border-top: 1px solid #ddd;text-align:center;clear:both;}

.btn_blue {background:#2094fa;}
.btn_blue:hover {background:#1582e1;}

.btn_green {background:#04de71;}
.btn_green:hover {background:#06ca68;}

.btn_sky {background:#43b4e9;}
.btn_sky:hover {background:#329acb;}

.btn_yellow {background:#dad458;}
.btn_yellow:hover {background:#bdb746;}

.btn_orange {background:#ff9500;}
.btn_orange:hover {background:#e28400;}

.btn_emerald {background:#5ac8fa;}
.btn_emerald:hover {background:#38aee3;}

.btn_white {background:#fff;color:#666666;border: 1px solid #cccccc;}
.btn_white:hover {background:#f1f1f1;}

.btn_red {background:#ff3b30;}
.btn_red:hover {background:#e23b32;}

.btn_gray {background:#999;}
.btn_gray:hover {background:#777;}

.btn_gray2 {background:#ebebeb;color:#9e9e9e;}
.btn_gray2:hover {background:#dcdcdc;}

.shotbt {padding: 9px 15px;}

.smbt {padding: 9px 13px;font-size:12px;}
.smbt_icon {padding: 4px 7px;font-size:12px;}
.smbt_icon img {padding:0;}

.btn_grayN {background:#d2d2d2;color:#fff;cursor:default;}
.btn_grayN:hover {background:#d2d2d2;}

.btn_excel {padding: 9px 20px;}
.btn_excel.on {background-color: #1582e1; color: #fff; border-color: #1582e1;}

.btn_auto {padding: 9px 20px;}
.btn_auto.on {background-color: #1582e1; color: #fff; border-color: #1582e1;}

.captop_set {position:relative;width:100%;background:#e6f7ff;min-height:175px;color:#666666;border-bottom: 1px solid #2094fa;overflow: auto;}
.captop_set .left_box {position: relative;width: 520px;float: left;padding: 15px 0 5px 15px;}
.captop_set .right_box {position: relative;width: 780px;float: left;height: auto;padding: 15px 0 15px 15px;}

.iptable_1 {position:relative;width:550px;}
.iptable_1 table {width:100%;}
.iptable_1 table tr th {text-align:right;font-weight: 600;}
.iptable_1 table tr td {padding: 7px 7px;height:33px;}
.iptable_1 table tr td span {font-size:15px;}
.iptable_1 table tr td span b {font-size: 23px;padding: 0 3px;font-weight: 600;font-family: "Roboto", dotum,"돋움", sans-serif;letter-spacing: -0.03em;}

.cald_St {width: 110px;font-size: 13px !important;margin:0px 5px;background-image:url(../images/icon_pick_1.png);background-repeat:no-repeat;background-position: 86px 5px;}
.time_St {width: 110px;font-size: 13px !important;margin:0px 5px;background-image:url(../images/icon_pick_2.png);background-repeat:no-repeat;background-position: 86px 5px;}




.camp_contArea {position:relative;width:100%;background:#fff;min-height:550px;color:#666666;}

.camp_contArea .tab_top_Bar {position:relative;width:calc(100% - 30px);height:74px;margin: 0 auto;border-bottom: 1px solid #cccccc;}
.camp_contArea .tab_top_Bar .top_box {position:absolute;bottom:0;left:0px;}
.camp_contArea .tab_top_Bar .R_btn {position:absolute;bottom:18px;right:0px;}


ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    background: none;
    color: #999999;
    display: inline-block;
    padding: 14px 24px 12px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    border: 1px solid #cccccc;
    border-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    min-width: 80px;
    text-align: center;
}
ul.tabs li:hover {color:#555555;background:#f5f5f5;}

ul.tabs li.cl1.current{
    background: #43b4e9;
    color: #fff;
    border: 1px solid #43b4e9;
    border-bottom: 0;
}
ul.tabs li.cl2.current{
    background: #dad458;
    color: #fff;
    border: 1px solid #dad458;
    border-bottom: 0;
}
ul.tabs li.cl3.current{
    background: #4edcb9;
    color: #fff;
    border: 1px solid #4edcb9;
    border-bottom: 0;
}
ul.tabs li.cl4.current{
    background: #dad458;
    color: #fff;
    border: 1px solid #dad458;
    border-bottom: 0;
}
ul.tabs li.cl5.current{
    background: #F97267;
    color: #fff;
    border: 1px solid #F97267;
    border-bottom: 0;
}



.tab-content{
    display: none;
    background: #fff;
}

.tab-content.current{
    display: inherit;
}



ul.tabs2{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs2 li{
    background: none;
    color: #999999;
    display: inline-block;
    padding: 8px 24px 4px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    border: 1px solid #cccccc;
    border-bottom: 0;
    font-size: 13px;
    font-weight: 600;
}
ul.tabs2 li:hover {color:#555555;background:#f5f5f5;}
ul.tabs2 li.current {color:#ffffff;background:#F97267;}

.tab-content2{
    display: none;
}

.tab-content2.current{
    display: inherit;
}



ul.tabs3{
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #cccccc;
    box-sizing: border-box;
}
ul.tabs3 li{
    background: none;
    color: #999999;
    display: inline-block;
    padding: 13px 34px 10px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    border: 1px solid #cccccc;
    border-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    top: 1px;
}
ul.tabs3 li:hover {color:#3095ed;}
ul.tabs3 li.current {color: #3095ed;background: #ffffff;}

.tab-content3{
    display: none;
}

.tab-content3.current{
    display: inherit;
}
















.camp_contArea .cap_inp_Area {position:relative;width: 100%;margin: 0 auto;}
.camp_contArea .cap_inp_Area .ip_Area {position:relative;width: 97%;margin: 10px auto;overflow:auto;}
.camp_contArea .cap_inp_Area .ip_Area .left_area {position:relative;width:650px;float:left;}
.camp_contArea .cap_inp_Area .ip_Area .right_area {position:relative;width: 450px;float:left;padding-top:10px;padding-left: 10px;}


.iptable_2 {position:relative;width:630px;}
.iptable_2 table {width:100%;font-size:13px;}
.iptable_2 table thead tr th {text-align:center;padding: 13px 13px;border-bottom: 1px solid #e6e6e6;color:#888888;}
.iptable_2 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_2 table tbody tr td {padding: 13px 10px;height:33px;border-bottom: 1px solid #e6e6e6;}
.iptable_2 table tbody tr td span {font-size:15px;}
.iptable_2 table tbody tr td span b {font-size:19px;padding: 0 3px;}


.phshExBox_1 {width: 450px;min-height:600px;border-radius: 20px 20px 0 0;border: 1px solid #cccccc;background:#f8f8f8;margin: 10px 0 0 0;}
.phshExBox_1 .p_messgeBox {width:400px;height:360px;margin: 30px auto 10px;background:#ebebeb;border-radius:10px;overflow:hidden;}

.phshExBox_1 .p_messgeBox .b_top {position:relative;width:100%;height:50px;background:#f2f2f2;}
.phshExBox_1 .p_messgeBox .b_top .top_name {position:absolute;top: 20px;left: 26px;color:#676767;font-size:12px;}
.phshExBox_1 .p_messgeBox .b_top .top_name span {float:left;padding: 0 6px 0 0 ;}
.phshExBox_1 .p_messgeBox .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}

.phshExBox_1 .p_messgeBox .b_inputArea {position:relative;width:360px;margin: 10px auto;}
.phshExBox_1 .p_messgeBox .textarea_St {position:relative;width:360px;height: 240px;margin: 11px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px solid #d9d9d9;font-size:13px;}
.phshExBox_1 .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}

.phshExBox_1 .img_upBox {position:relative;width:92%;margin: 20px auto 10px;border-top: 1px solid #e3e3e3;overflow: auto;padding: 20px 0 0 0;}
.phshExBox_1 .img_upBox .up_tit {position:relative;width: 100px;float:left;padding: 4px 0 10px 0;}
.phshExBox_1 .img_upBox .up_ipSet {position:relative;width: 395px;float:left;}

.phshExBox_1 .img_upBox .up_ipSet .upload_box {position:relative;width:100%;min-height: 75px;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .filebox {float:left;}


.phshExBox_1 .img_upBox .up_ipSet .upload_box .upimg {position:relative;width: 60px;height: 27px;overflow:hidden;background: #999;float:left;margin: 0 0 0 10px;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .upimg .imgSc {display: block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .file_name {position: relative;max-width: 240px;height: 27px;font-size: 12px;letter-spacing: -0.03em;word-break: break-all;vertical-align: middle;display: table;float: left;margin: 0 0 0 10px;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .file_name span {line-height: 14px;display: table-cell;vertical-align: middle;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .file_name .Imgdelbtn {width:20px;margin: 0 0 0 5px;cursor: pointer;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .file_infott {position:absolute;top: 39px;left: 3px;width: 360px;height: 27px;font-size: 12px;letter-spacing: -0.03em;color: #999;}


.type_selt {position:relative;width:100%;margin: 20px 0 20px 0 ;border-bottom: 1px solid #e6e6e6;padding: 0 0 20px 0 ;}




.phshExBox_2 {width: 450px;min-height:600px;border-radius: 10px;border: 1px solid #cccccc;background: #c3d7e2;margin: 10px 0 0 0px;position:relative;}
.phshExBox_2 .p_messgeBox {width: 275px;height: auto;margin: 50px 0 20px 40px;background: #ffffff;border-radius:10px;overflow:hidden;}

.phshExBox_2 .p_messgeBox .b_top {position:relative;width:100%;height:50px;background: #fff300;}
.phshExBox_2 .p_messgeBox .b_top .top_name {position:absolute;top: 14px;left: 0;color: #383838;font-size: 17px;width: 100%;text-align: center;font-weight: 600;}
.phshExBox_2 .p_messgeBox .b_top .top_name span {}
.phshExBox_2 .p_messgeBox .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}
/* // 2023.05.24 알림톡 추가 */
.b_image {position:relative;width:100%;height:130px;line-height: 130px;background: #f9f9f9;text-align: center;}
.b_image .image_center {vertical-align: middle; width: 275px;}
.phshExBox_2 .p_messgeBox .b_forceArea {padding-top: 20px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; border-style:solid;border-bottom-width: thin;border-bottom-color: #ececec}
.phshExBox_2 .p_messgeBox .b_forceArea .subtitle{color:#aaaaaa; font-size :11px; }
.phshExBox_2 .p_messgeBox .b_forceArea .subtitle span {}
.phshExBox_2 .p_messgeBox .b_forceArea .title{font-size: 18px;font-weight: 600; word-break: break-all;}
.phshExBox_2 .p_messgeBox .b_forceArea .title span {}
.phshExBox_2 .p_messgeBox .b_extraArea {}
.phshExBox_2 .p_messgeBox .b_extraArea .extraTemplate{color:#888; font-size :13px;text-align: left; margin: 10px auto 10px; width:92% }
.phshExBox_2 .p_messgeBox .b_extraArea .extraTemplate span {}
.phshExBox_2 .p_messgeBox .b_adArea {}
.phshExBox_2 .p_messgeBox .b_adArea .adTemplate{color:#888; font-size :13px;text-align: left; margin: 10px auto 10px; width:92%}
.phshExBox_2 .p_messgeBox .b_adArea .adTemplate span {}
/* 2023.05.24 알림톡 추가 // */
.phshExBox_2 .p_messgeBox .b_inputArea {position:relative;width: 100%;margin: 10px auto;}
.phshExBox_2 .p_messgeBox .textarea_St {position:relative;width: 100%;height: 220px;margin: 0px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px;font-size:14px;}
.phshExBox_2 .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}
.phshExBox_2 .kakaoCir {position:absolute;top: 34px;right: 117px;width:37px;height:37px;}
.phshExBox_2 .kkname {position:absolute;top: 10px;left: 10px;}
.phshExBox_2 .kkname .imgBox {width:30px;height:30px;border-radius: 11px;background:#f5f5f5;float:left;overflow:hidden;}
.phshExBox_2 .kkname .k_name {font-size:12px;color:#71483d;float:left;padding: 8px 0 0 8px;}

.phshExBox_2 .top_btn_Box {position:relative;width:92%;margin: 10px auto 10px;}
.phshExBox_2 .top_btn_Box .Tbtbox {position:relative;width:100%;height: 20px;line-height: 1.5;background:#eeeeee;color:#333333;text-align:center;border-radius:6px;font-weight: 600;font-size: 15px;padding: 14px 0;}

.cust_selt {position:absolute;top: 49px;left: 10px;width: 400px;height:auto;min-height: 80px;border: 1px solid #ddd;border-radius: 4px;background: #ffffff;box-sizing: border-box;
max-height: 113px;overflow: auto;padding-bottom: 0px;z-index: 1;}
.cust_selt_2 {position:relative;width: 400px;height:auto;min-height: 100px;border: 1px solid #ddd;border-radius: 4px;background: #ffffff;box-sizing: border-box;max-height: 150px;overflow: auto;}

.cust_selt_4 {position:absolute;top: 38px;left: 0px;width: 400px;height:auto;min-height: 80px;border: 1px solid #ddd;border-radius: 4px;background: #ffffff;box-sizing: border-box;
max-height: 113px;overflow: auto;padding-bottom: 0px;z-index:1;}



.cus_list {position:relative;overflow:auto;padding: 9px;}
.cus_list ul > li {float:left;position: relative;margin: 5px 4px 10px 4px;}
.cus_list ul > li span {padding: 4px 4px;border: 1px solid #cdf1b2;background:#f6ffed;color:#555;border-radius:4px;font-size:13px !important;cursor:pointer;}
.cus_list ul > li span:hover {border: 1px solid #b6d99c;}

.tag_list {position:relative;overflow:auto;padding: 9px;}
.tag_list ul > li {float:left;position: relative;margin: 5px 4px 10px 4px;}
.tag_list ul > li span {padding: 4px 14px;border: 1px solid #bee6ff ;background:#e6f7ff ;color:#555;border-radius:4px;font-size:13px !important;cursor:pointer;}
.tag_list ul > li.on span {color:#fff;background: #43b4e9;border: 1px solid #43b4e9;}
.tag_list ul > li span:hover {border: 1px solid #85bde0;}
/* 2022.04.04, 미로그인 */
.tag_list .tag_dim {display: none;}
.tag_list .tag_dim.active {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background-color: #000; opacity: 0.08;}

.device_total .deviceCount {display: none;}
.device_total .deviceCount.active {display: inline-block;}

.CHtag {position:relative;padding: 5px 0 ;}



.phshExBox_3 {width: 450px;min-height:600px;border-radius: 20px 20px 0 0;border: 1px solid #cccccc;background:#f8f8f8;margin: 10px 0 0 0px;}
.phshExBox_3 .mes_selt {position:relative;width: auto;margin: 20px 0 10px;overflow: auto;padding-left: 35px;}
.phshExBox_3 .mes_selt > ul > li {float:left;padding:8px 24px;background:#fff;text-align:center;color:#666666;font-size:13px;font-weight:600;border: 1px solid #cccccc;margin-left:-1px;cursor:pointer;}
.phshExBox_3 .mes_selt > ul > li:first-child {border-radius: 4px 0 0 4px;}
.phshExBox_3 .mes_selt > ul > li:last-child {border-radius: 0 4px 4px 0 ;}
.phshExBox_3 .mes_selt > ul > li.on {color:#fff;background:#1582E1;border: 1px solid #1582E1;}


.phshExBox_3 .p_messgeBox {width:400px;height: 324px;margin: 10px auto 10px;background:#ebebeb;border-radius:10px;overflow:hidden;}
.phshExBox_3 .p_messgeBox .b_inputArea {position:relative;width:360px;margin: 20px auto;}
.phshExBox_3 .p_messgeBox .textarea_St {position:relative;width:360px;height: 240px;margin: 11px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px solid #d9d9d9;}
.phshExBox_3 .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}

.phshExBox_3 .img_upBox {position:relative;width:92%;margin: 20px auto 10px;border-top: 1px solid #e3e3e3;overflow: auto;padding: 20px 0 0 0;}
.phshExBox_3 .img_upBox .up_tit {position:relative;width: 100px;float:left;padding: 4px 0 10px 0;}
.phshExBox_3 .img_upBox .up_ipSet {position:relative;width: 395px;float:left;}

.phshExBox_3 .img_upBox .up_ipSet .upload_box {position:relative;width:100%;min-height: 37px;}
.phshExBox_3 .img_upBox .up_ipSet .upload_box .upimg {position:absolute;top: 0px;left: 80px;width: 60px;height: 27px;overflow:hidden;background: #999;}
.phshExBox_3 .img_upBox .up_ipSet .upload_box .upimg .imgSc {
display: block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.phshExBox_3 .img_upBox .up_ipSet .upload_box .file_name {position:absolute;top: 0px;left: 151px;max-width: 260px;height: 27px;font-size: 12px;letter-spacing: -0.03em;word-break: break-all;display: table;}
.phshExBox_3 .img_upBox .up_ipSet .upload_box .file_name span {line-height: 14px;display: table-cell;vertical-align: middle;}
.phshExBox_3 .img_upBox .up_ipSet .upload_box .file_name .Imgdelbtn {width:20px;margin: 0 0 0 5px;cursor: pointer;}


.phshExBox_3 .img_upBox .up_ipSet .file_infott {width: 340px;height: auto;font-size: 12px;letter-spacing: -0.03em;color: #999;}

.toksize_selt {position:relative;padding: 20px 0 20px 10px;border-bottom: 1px solid #e6e6e6;}





.upload_box_table {position:relative;width:100%;min-height: 37px;}
.upload_box_table .upimg {position:absolute;top: 0px;left: 80px;width: 60px;height: 27px;overflow:hidden;background: #999;}
.upload_box_table .upimg .imgSc {display: block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}


.upload_box_table .file_name {position:absolute;top: 1px;left: 151px;max-width: 280px;height: 27px;font-size: 12px !important;letter-spacing: -0.03em;display: table;word-break: break-all;}
.upload_box_table .file_name span {display: table-cell;vertical-align: middle;font-size: 12px;line-height: 15px;}
.upload_box_table .file_name .Imgdelbtn {width:20px;margin: 0 0 0 5px;cursor: pointer;}
.upload_box_table .file_infott {width: 430px;height: auto;font-size: 12px !important;letter-spacing: -0.03em;color: #999;padding: 10px 0 0 0;}



.upload_box_table2 {position:relative;width:100%;min-height: 27px;display: table;}
.upload_box_table2 .upimg {position:absolute;top: 0px;left: 0px;width: 60px;height: 27px;overflow:hidden;background: #999;}
.upload_box_table2 .upimg .imgSc {
display: block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.upload_box_table2 .file_name {position:absolute;top: 0px;left: 71px;width: calc(100% - 84px);height: 27px;font-size: 12px;letter-spacing: -0.03em;display: table;}
.upload_box_table2 .file_name .tbox {display: table-cell;vertical-align: middle;width: 100%;position: relative;word-break: break-all;}
.upload_box_table2 .file_name span {display: table-cell;vertical-align: middle;font-size:12px;}
.upload_box_table2 .file_name .Imgdelbtn {width:20px;margin: 0 0 0 5px;cursor: pointer;}



.phshExBox_4 {width: 450px;min-height:600px;border-radius: 10px;border: 1px solid #cccccc;background: #c3d7e2;margin: 10px 0 0 0px;position:relative;}
.phshExBox_4 .p_messgeBox {width: 275px;height: auto;margin: 50px 0 20px 40px;background: #ffffff;border-radius:10px;overflow:hidden;}
.phshExBox_4 .wideSize {width:330px;}

.phshExBox_4 .p_messgeBox .b_top {position:relative;width:100%;height:auto;background: #f5f5f5;}
.phshExBox_4 .p_messgeBox .b_top .top_name {position:absolute;top: 14px;left: 0;color: #383838;font-size: 17px;width: 100%;text-align: center;font-weight: 600;}
.phshExBox_4 .p_messgeBox .b_top .top_name span {}
.phshExBox_4 .p_messgeBox .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}

.phshExBox_4 .p_messgeBox .b_top .top_image {position:relative;width:100%;}
.phshExBox_4 .p_messgeBox .b_top .top_image img {width:100%;}

.phshExBox_4 .p_messgeBox .b_inputArea {position:relative;width: 100%;margin: 10px auto;}
.phshExBox_4 .p_messgeBox .textarea_St {position:relative;width: 100%;height: 220px;margin: 0px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px;font-size:14px;}
.phshExBox_4 .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}
.phshExBox_4 .kkname {position:absolute;top: 10px;left: 10px;}
.phshExBox_4 .kkname .imgBox {width:30px;height:30px;border-radius: 11px;background:#f5f5f5;float:left;overflow:hidden;}
.phshExBox_4 .kkname .k_name {font-size:12px;color:#71483d;float:left;padding: 8px 0 0 8px;}

.phshExBox_4 .top_btn_Box {position:relative;width:92%;margin: 10px auto 10px;}
.phshExBox_4 .top_btn_Box .Tbtbox {position:relative;width:100%;height: 20px;line-height: 1.5;background:#eeeeee;color:#333333;text-align:center;border-radius:6px;font-weight: 600;font-size: 15px;padding: 14px 0;}





.iptable_3 {position:relative;width:96%;margin: 0 auto;padding: 30px 0 0 0;}
.iptable_3 table {width:100%;font-size:13px;}
.iptable_3 table thead tr th {text-align:center;padding: 13px 10px;border-bottom: 1px solid #e6e6e6;color:#888888;}
.iptable_3 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_3 table tbody tr td {padding: 13px 10px;height:33px;border-bottom: 1px solid #e6e6e6;background:#fff;text-align:center;font-weight: 600;color:#666666;font-size:15px;line-height:1.5;}
.iptable_3 table tbody tr td span {font-size:15px;}
.iptable_3 table tbody tr td span b {font-size:19px;padding: 0 3px;}



.pv_area {position:relative;width:100%;margin: 50px 0 30px 0;}


.preview_box {position:relative;width:100%;}
.preview_box > ul {margin: 0 auto;text-align: center;}
.preview_box > ul > li {width: 340px;margin: 0 6px;display: inline;display: inline-block;position:relative;vertical-align: top;}
.preview_box > ul > li .pinfo_box {position:relative;width: 340px;margin: 0 auto;white-space: normal;}
.preview_box > ul > li .pinfo_box .NameB {position:relative;width:100%;margin: 0 auto 0px;border-radius:6px;text-align:center;color:#fff;font-size:17px;font-weight:600;background: #43b4e9;padding: 10px 0;}
.preview_box > ul > li .pinfo_box .bg_tok {background:#dad458;}
.preview_box > ul > li .pinfo_box .bg_mes {background:#4edcb9;}

.preview_box .p_messgeBox {width: 340px;min-height: 200px;margin: 30px auto 10px;background:#ebebeb;border-radius: 30px;overflow:hidden;}
.preview_box .p_messgeBox .b_top {position:relative;width:100%;height:50px;background:#f2f2f2;}
.preview_box .p_messgeBox .b_top .m_time {position:absolute;top: 24px;right: 17px;font-size:12px;}
.preview_box .p_messgeBox .b_top .top_name {position:absolute;top: 20px;left: 26px;color:#676767;font-size:12px;}
.preview_box .p_messgeBox .b_top .top_name span {float:left;padding: 0 6px 0 0 ;}
.preview_box .p_messgeBox .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}
.preview_box .p_messgeBox .b_inputArea {position:relative;width:90%;margin: 10px auto 20px;text-align:left;}
.preview_box .p_messgeBox .b_inputArea .p_tit {position:relative;width:100%;margin: 20px 0 0 0;text-align:left;font-size:16px;line-height: 19px;color:#222222;}
.preview_box .p_messgeBox .b_inputArea .p_text {position:relative;width:100%;margin: 10px 0 0 0;text-align:left;font-size:14px;line-height: 19px;color:#333333;}

/* 2019-09-23 qkddn0012 추가 // */
.preview_box .p_messgeBox .b_top_img {position:relative;width:100%;height:auto;background: #f5f5f5;}
.preview_box .p_messgeBox .b_top_img .top_name {position:absolute;top: 14px;left: 0;color: #383838;font-size: 17px;width: 100%;text-align: center;font-weight: 600;}
.preview_box .p_messgeBox .b_top_img .top_name span {}
.preview_box .p_messgeBox .b_top_img .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}
.preview_box .p_messgeBox .b_top_img .top_image {position:relative;width:100%;}
.preview_box .p_messgeBox .b_top_img .top_image img {width:100%;}
/* // 2019-09-23 qkddn0012 추가 */

.preview_box .p_messgeBox_2 {width: 340px;min-height: 150px;margin: 30px auto 10px;background: #ffffff;border-radius: 30px;overflow:hidden;border:  1px solid #dddddd;}
.preview_box .p_messgeBox_2 .b_top {position:relative;width:100%;height: 40px;background: #ffffff;}
.preview_box .p_messgeBox_2 .b_top .m_time {position:absolute;top: 24px;right: 17px;font-size:12px;}
.preview_box .p_messgeBox_2 .b_top .top_name {position:absolute;top: 20px;left: 19px;color:#676767;font-size:12px;}
.preview_box .p_messgeBox_2 .b_top .top_name span {float:left;padding: 0 6px 0 0 ;}
.preview_box .p_messgeBox_2 .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}
.preview_box .p_messgeBox_2 .b_inputArea {position:relative;width:90%;margin: 0px auto 20px;text-align:left;}
.preview_box .p_messgeBox_2 .b_inputArea .p_tit {position:relative;width:100%;margin: 9px 0 0 0;text-align:left;font-size: 14px;line-height: 19px;color:#222222;}
.preview_box .p_messgeBox_2 .b_inputArea .p_text {position:relative;width:100%;margin: 1px 0 0 0;text-align:left;font-size:14px;line-height: 19px;color:#333333;}



.preview_box .p_messgeBox_3 {width: 275px;height: auto;margin: 30px auto 20px;background: #ffffff;border-radius:10px;overflow:hidden;border: 1px solid #dddddd;}
.preview_box .p_messgeBox_3 .b_top {position:relative;width:100%;height:50px;background: #fff300;}
.preview_box .p_messgeBox_3 .b_top .top_name {position:absolute;top: 14px;left: 0;color: #383838;font-size: 17px;width: 100%;text-align: center;font-weight: 600;}
.preview_box .p_messgeBox_3 .b_top .top_name span {}
.preview_box .p_messgeBox_3 .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}
/* // 2023.05.24 알림톡 추가 */
.preview_box .p_messgeBox_3 .b_forceArea {position:relative;width: 93%;padding:20px 10px;text-align: left;border-style:solid;border-bottom-width: thin;border-bottom-color: #ececec;}
.preview_box .p_messgeBox_3 .b_forceArea .subtitle{color:#aaaaaa; font-size :11px; }
.preview_box .p_messgeBox_3 .b_forceArea .subtitle span {}
.preview_box .p_messgeBox_3 .b_forceArea .title{font-size : 18px;font-weight: 600;}
.preview_box .p_messgeBox_3 .b_forceArea .title span {}
.preview_box .p_messgeBox_3 .b_extraArea {}
.preview_box .p_messgeBox_3 .b_extraArea .extraTemplate{color:#888; font-size :13px;text-align: left; margin: 10px auto 10px; width:92%}
.preview_box .p_messgeBox_3 .b_extraArea .extraTemplate span {}
.preview_box .p_messgeBox_3 .b_adArea {}
.preview_box .p_messgeBox_3 .b_adArea .adTemplate{color:#888; font-size :13px;text-align: left; margin: 10px auto 10px; width:92%}
.preview_box .p_messgeBox_3 .b_adArea .adTemplate span {}
/* 2023.05.24 알림톡 추가 // */
.preview_box .p_messgeBox_3 .b_inputArea {position:relative;width: 90%;margin: 10px auto 20px;}
.preview_box .p_messgeBox_3 .b_inputArea .p_tit {position:relative;width:100%;margin: 20px 0 0 0;text-align:left;font-size: 14px;line-height: 19px;color:#222222;}
.preview_box .p_messgeBox_3 .b_inputArea .p_text {position:relative;width:100%;/* margin: 10px 0 0 0; */text-align:left;font-size:14px;line-height: 19px;color:#333333;}
.preview_box .p_messgeBox_3 .textarea_St {position:relative;width: 100%;height: 220px;margin: 0px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px;}
.preview_box .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}
.preview_box .kakaoCir {position:absolute;top: 54px;right: 35px;width:37px;height:37px;}
.preview_box .top_btn_Box {position:relative;width:92%;margin: 10px auto 10px;}
.preview_box .top_btn_Box .Tbtbox {position:relative;width:100%;height: 20px;line-height: 1.5;background:#eeeeee;color:#333333;text-align:center;border-radius:6px;font-weight: 600;font-size: 15px;padding: 14px 0;}



.preview_box .p_messgeBox_4 {width: 340px;min-height: 150px;margin: 30px auto 10px;background: #e5e4e9;border-radius:10px;overflow:hidden;border:  1px solid #e5e4e9;}

/* 2019-09-23 qkddn0012 추가 // */
.preview_box .p_messgeBox_4 .b_top {position:relative;width:100%;height:auto;background: #f5f5f5;}
.preview_box .p_messgeBox_4 .b_top .top_name {position:absolute;top: 14px;left: 0;color: #383838;font-size: 17px;width: 100%;text-align: center;font-weight: 600;}
.preview_box .p_messgeBox_4 .b_top .top_name span {}
.preview_box .p_messgeBox_4 .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}
.preview_box .p_messgeBox_4 .b_top .top_image {position:relative;width:100%;}
.preview_box .p_messgeBox_4 .b_top .top_image img {width:100%;}
/* // 2019-09-23 qkddn0012 추가 */

.preview_box .p_messgeBox_4 .b_inputArea {position:relative;width:90%;margin: 0px auto 20px;text-align:left;}
.preview_box .p_messgeBox_4 .b_inputArea .p_tit {position:relative;width:100%;margin: 20px 0 0 0;text-align:left;font-size: 14px;line-height: 19px;color:#000;}
.preview_box .p_messgeBox_4 .b_inputArea .p_text {position:relative;width:100%;margin: 1px 0 0 0;text-align:left;font-size:14px;line-height: 19px;color:#333333;}




.preview_box .p_messgeBox_5 {width: 275px;height: auto;margin: 30px auto 10px;background: #ffffff;border-radius:10px;overflow:hidden;border: 1px solid #dddddd;}
.preview_box .wideSize {width:330px;}

.preview_box .p_messgeBox_5 .b_top {position:relative;width:100%;height:auto;background: #f5f5f5;}
.preview_box .p_messgeBox_5 .b_top .top_name {position:absolute;top: 14px;left: 0;color: #383838;font-size: 17px;width: 100%;text-align: center;font-weight: 600;}
.preview_box .p_messgeBox_5 .b_top .top_name span {}
.preview_box .p_messgeBox_5 .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}
.preview_box .p_messgeBox_5 .b_top .top_image {position:relative;width:100%;}
.preview_box .p_messgeBox_5 .b_top .top_image img {width:100%;}

.preview_box .p_messgeBox_5 .b_inputArea {position:relative;width: 90%;margin: 10px auto 20px;}
.preview_box .p_messgeBox_5 .b_inputArea .p_tit {position:relative;width:100%;margin: 20px 0 0 0;text-align:left;font-size: 14px;line-height: 19px;color:#222222;}
.preview_box .p_messgeBox_5 .b_inputArea .p_text {position:relative;width:100%;/* margin: 10px 0 0 0; */text-align:left;font-size:14px;line-height: 19px;color:#222222;}

.preview_box .p_messgeBox_5 .textarea_St {position:relative;width: 100%;height: 220px;margin: 0px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px;}
.preview_box .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}
.preview_box .kkname {position:absolute;top: 10px;left: 10px;}
.preview_box .kkname .imgBox {width:30px;height:30px;border-radius: 11px;background:#f5f5f5;float:left;overflow:hidden;}
.preview_box .kkname .k_name {font-size:12px;color:#71483d;float:left;padding: 8px 0 0 8px;}





/*팝업*/

.popup_St {position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.popup_St .popBg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.popup_St .pop_content {position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;overflow:auto;}



.pop_Area_1300 {position:relative;width:1120px;margin: 150px auto 50px ;background:#fff;min-height:500px;border-radius:8px;}
.pop_Area_1300 .A_btnBox {position:absolute;top: -50px;left: -4px;}
.pop_Area_1300 .pop_topbar {position:relative;width:100%;height:50px;border-bottom: 1px solid #cccccc;}
.pop_Area_1300 .pop_topbar .p_tit {font-size: 14px;font-weight:600;color:#666666;padding: 16px 0 0 20px ;}
.pop_Area_1300 .pop_topbar .pop_close {position:absolute;top: 7px;right:20px;cursor:pointer;opacity:0.6;}
.pop_Area_1300 .pop_topbar .pop_close:hover {opacity:1;}


.pop_Area_1300 .p_content {position:relative;width:100%;min-height:194px;padding: 30px 0;} /* 2019-10-07, min-height */

.pop_Area_1300 .pop_bottombar {position:relative;width:90%;margin: 0 auto ;height:auto;border-top: 1px solid #cccccc;padding: 10px 0 ;}
.pop_Area_1300 .pop_bottombar .p_info_TT {padding: 8px 10px ;font-size:13px;color:#444444;border: 1px solid #ffcac7;background:#fff1f0;box-sizing:border-box;border-radius:4px;}
.pop_Area_1300 .pop_bottombar .pb_btnArea {position:relative;width: 101%;margin: 0 0 0 -0.5%;padding: 10px 0;overflow:auto;text-align:center;}





.pop_Area_500 {position:relative;width:500px;margin: 280px auto 50px;background:#fff;border-radius:8px;}
.pop_Area_500 .A_btnBox {position:absolute;top: -50px;left: -4px;}
.pop_Area_500 .pop_topbar {position:relative;width:100%;height:50px;border-bottom: 1px solid #cccccc;}
.pop_Area_500 .pop_topbar .p_tit {font-size: 14px;font-weight:600;color:#666666;padding: 16px 0 0 20px ;}
.pop_Area_500 .pop_topbar .pop_close {position:absolute;top: 7px;right:20px;cursor:pointer;opacity:0.6;}
.pop_Area_500 .pop_topbar .pop_close:hover {opacity:1;}

.pop_Area_500 .p_content {position:relative;width:100%;padding: 40px 0 40px;}

.p_content .TT_Box {position:relative;width:80%;margin: 0 auto;text-align: center;}
.p_content .TT_Box .ipbox {position:relative;width: 100%;margin: 0 auto;text-align: center;}
.p_content .TT_Box .ipbox .img_ps {display: inline;display: inline-block;padding: 0 10px 0 0;}
.p_content .TT_Box .ipbox .TT_ps {display: inline;display: inline-block;max-width: 320px;vertical-align: middle;text-align: left;font-size:14px;font-weight:600;color:#222222;line-height:1.5;word-break: keep-all;white-space: pre-wrap;text-overflow:ellipsis;overflow:hidden;} /* 2019-10-02, 경고창 수정 */
.p_content .TT_Box .ipbox .TT_ps span {color:#f5202c;}


.p_content .upload_Box {position:relative;width:80%;margin: 0 auto;text-align: center;}
.p_content .upload_Box .load_ps {position:relative;width:100%;text-align: center;padding: 0 0 10px 0 ;font-size:12px;font-weight:600;color:#444444;}
.p_content .upload_Box .load_ps span {font-weight:600;color: #2094fa;}
.p_content .upload_Box .upload_bar {position:relative;width:100%;height:14px;border-radius:7px;background:#cccccc;}
.p_content .upload_Box .upload_bar .bar {position:absolute;top:0;left:0;height:14px;border-radius:7px;background:#2094fa;}

.p_content .pc_top_gl .top_tit {position: relative; width: 96%; margin: 0 auto; padding: 10px 0 0 0;}
.p_content .pc_top_gl .top_tit p {position: relative; margin-bottom: 0; padding: 0 10px; text-indent: 20px;}
.p_content .pc_top_gl .top_tit p:before {content: "*"; display: inline-block; position: absolute; width: auto; left: 0;}

.pop_Area_1000 {position:relative;width:1000px;margin: 150px auto 50px;background:#fff;border-radius:8px;}
.pop_Area_1000 .A_btnBox {position:absolute;top: -50px;left: -4px;}
.pop_Area_1000 .pop_topbar {position:relative;width:100%;height:50px;border-bottom: 1px solid #cccccc;}
.pop_Area_1000 .pop_topbar .p_tit {font-size: 14px;font-weight:600;color:#666666;padding: 16px 0 0 20px ;}
.pop_Area_1000 .pop_topbar .pop_close {position:absolute;top: 7px;right:20px;cursor:pointer;opacity:0.6;}
.pop_Area_1000 .pop_topbar .pop_close:hover {opacity:1;}

.pop_Area_1000 .p_content {position:relative;width:100%;padding: 20px 0 20px;}

.pop_Area_750 {position:relative;width:750px;margin: 230px auto 50px;background:#fff;border-radius:8px;}
.pop_Area_750 .A_btnBox {position:absolute;top: -50px;left: -4px;}
.pop_Area_750 .pop_topbar {position:relative;width:100%;height:50px;border-bottom: 1px solid #cccccc;}
.pop_Area_750 .pop_topbar .p_tit {font-size: 14px;font-weight:600;color:#666666;padding: 16px 0 0 20px ;}
.pop_Area_750 .pop_topbar .pop_close {position:absolute;top: 7px;right:20px;cursor:pointer;opacity:0.6;}
.pop_Area_750 .pop_topbar .pop_close:hover {opacity:1;}
.pop_Area_750 .pop_topbar span {font-size:12px;color:#999;padding: 0 0 0 10px;font-weight:500;}

.pop_Area_750 .p_content {position:relative;width:100%;padding: 40px 0 40px;box-sizing:border-box;}
.pop_Area_750 .p_content.pading15 {padding:15px;}

.iptable_4 {position:relative;width:96%;margin: 0 auto;padding: 10px 0 0 0;}
.iptable_4 table {width:100%;font-size:13px;}
.iptable_4 table thead tr th {text-align:center;padding: 13px 13px;border-bottom: 1px solid #e6e6e6;color:#888888;}
.iptable_4 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_4 table tbody tr td {padding: 13px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#333333;font-size:13px;line-height:1.5;}
.iptable_4 table tbody tr td span {font-size:15px;}
.iptable_4 table tbody tr td span b {font-size:19px;padding: 0 3px;}

.iptable_pkye {position:relative;width:96%;margin: 0 auto 20px;padding: 10px 0 0 0;}
.iptable_pkye table {width:100%;font-size:13px;}
.iptable_pkye table thead tr th {text-align:center;padding: 13px 13px;border-bottom: 1px solid #e6e6e6;color:#888888;}
.iptable_pkye table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_pkye table tbody tr td {padding: 10px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#333333;font-size:13px;line-height:1.5;}
.iptable_pkye table tbody tr td span {font-size:15px;}
.iptable_pkye table tbody tr td span b {font-size:19px;padding: 0 3px;}

.Setting_text_Area {position:relative;width: calc(100% - 40px);margin: 0 auto 20px;font-size: 15px;color:#333333;font-weight:500;min-height:400px;line-height: 1.7;
/*border: 1px solid #d2d2d2;box-sizing: border-box;padding: 15px;border-radius: 4px;*/}

.ep_paging {position:relative;width:100%;background:#ffffff;padding: 20px 0 40px 0 ;font-family: 'Nanum Barun Gothic', sans-serif;}
.ep_paging .ps_area {position:relative;width:100%;height:50px;text-align:center;}
.ep_paging .ps_area span {font-size: 14px;font-weight:600;margin: 0 2px;padding: 8px 0px;background: #ffffff;border-radius: 4px;border: 1px solid #cccccc;}
.ep_paging .ps_area span a {color: #a5a5a5;padding: 10px 12px;}
.ep_paging .ps_area span.imgb a {color: #a5a5a5;padding: 10px 4px;}
.ep_paging .ps_area span.on {background: #ffffff;border: 1px solid #2094fa;}
.ep_paging .ps_area span.on a {color: #1987e8;}
.ep_paging .ps_area span:hover {background: #ffffff;border: 1px solid #2094fa;}
.ep_paging .ps_area span:hover a {color:#333333;}

.ep_paging .ps_area img {width:50%;max-width:21px;margin-top: -2px;}
.ep_paging .ps_area .gobtn {margin: 0 3px;opacity:0.5;}
.ep_paging .ps_area .gobtn:hover {opacity:1;}


.pc_top_1 {position:relative;width:96%;margin: 0 auto; height:50px;color:#666666;}
.pc_top_1 .top_tit {font-size:13px;}
.pc_top_1 .R_btnSelt {position:absolute;right:0;top:1px;}
.pc_top_1 .L_btnSelt {display:flex;position:absolute;left:0px;top:6px;}


.iptable_5 {position:relative;width:100%;}
.iptable_5 table {width:100%;font-size:13px;border-top: 1px solid #e6e6e6;}
.iptable_5 table thead tr th {text-align:center;padding: 13px 13px;border-bottom: 1px solid #e6e6e6;color:#888888;}
.iptable_5 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;background: #F8F8F8;}
.iptable_5 table tbody tr td {padding: 13px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:left;background: #F8F8F8;}
.iptable_5 table tbody tr td span {font-size:15px;}
.iptable_5 table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_5 table tbody tr td p {padding: 5px 0;font-size:12px;color:#666666;margin: 0;}
.iptable_5 table tbody tr th.talign {text-align:center;}
.iptable_5 table tbody tr th .tdt_1 {padding: 8px 0 4px 0 ;}
.iptable_5 table tbody tr th .tdt_2 {color:#F97267;}

.cust_selt_3 {position:relative;height:auto;box-sizing: border-box;}
.cus_list_2 {position:relative;overflow:auto;padding: 0px 9px 4px 0;}
.cus_list_2 ul > li {float:left;position: relative;margin: 5px  4px 5px 0px;}
.cus_list_2 ul > li span {padding: 4px 4px;border: 1px solid #cdf1b2;background:#f6ffed;color:#555;border-radius:4px;font-size:13px !important;cursor:pointer;}
.cus_list_2 ul > li span:hover {border: 1px solid #b6d99c;}



.mail_tab {position:relative;}
.mail_wrBox {position:relative;width:750px;height:600px;border: 1px solid #CCCCCC;background:#fff;}



.s_tble {position:relative;width:850px;padding: 20px 0 ;}
.s_tble table {width:100%;font-size:13px;border:0;}
.s_tble table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border:0;}
.s_tble table tbody tr td {padding: 5px 10px;height:33px;text-align:left;background: #F8F8F8;border:0;}
.s_tble table tbody tr td span {font-size:15px;}
.s_tble table tbody tr td span b {font-size:19px;padding: 0 3px;}


.textarea_table {position:relative;width:650px;height: 100px;margin: 0px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px solid #d9d9d9;font-size:13px;}


.tb_dwList {position:relative;width:750px;margin: 10px 0 0 0 ;}
.tb_dwList ul li {float:left;width: 240px;margin: 10px 5px 10px 0;}

.tb_infoTT_bottom {position:relative;width: 860px;font-size: 12px;color:#F97267;padding: 10px 0 10px 30px;line-height: 1.6;}




.LoginArea {position:absolute;top:0;left:0;width:100%;height:100%;background:#eeeeee;overflow: auto;}
.LoginArea .LoginWrap {position: relative; top: 50%; transform: translateY(-50%);} 	/* 2019-10-30, logo 변경, 추가 */
.LoginArea .loginBox {position:relative;width:753px;margin: 0 auto 14px;min-height:386px;border: 2px solid #1799ea;border-radius:10px;background:#fff;overflow:hidden;}	/* 2019-10-30, logo 변경 */

.LoginArea .loginBox .Left_box {position:absolute;top:0;left:0;width:50%;height:100%;background:#1799ea;}	/* 2019-10-30, logo 변경 */
.LoginArea .loginBox .Left_box .contP {position:relative;width:100%;text-align:center;}
.LoginArea .loginBox .Left_box .contP h1 {position:relative;margin: 0 auto;padding:110px 0 0 0 ;}	/* 2019-10-30, logo 변경 */
.LoginArea .loginBox .Left_box .contP h1> img {width:auto;height:48px;}	/* 2019-10-30, logo 변경 */

.LoginArea .loginBox .Left_box .contP .Sname {font-size: 15px;text-align:center;width:90%;margin: 0 auto;color:#ffffff;padding: 12px 0 0 0;line-height: 1.3;}
.LoginArea .loginBox .Left_box .contP .sv_info {font-size: 14px;text-align:center;width:90%;margin: 0 auto;color:#ffffff;padding: 54px 0 0 0;line-height: 2;font-weight: 600;letter-spacing: 0.05em;}	/* 2019-10-30, logo 변경 */


.LoginArea .loginBox .Right_box {position:absolute;top:0;left:50%;width:50%;height:100%;background:#ffffff;}
.LoginArea .loginBox .Right_box .login_ip {position:relative;width:265px;margin: 0 auto;padding-top: 100px;text-align: center;}	/* 2019-10-30, logo 변경 */
.LoginArea .loginBox .Right_box .login_ip .id_input {position:relative;width:100%;height:42px;text-align:left;border-bottom: 1px solid #c1c1c1;line-height: 42px; font-size:0;} /* 2019-10-30, logo 변경 */
.LoginArea .loginBox .Right_box .login_ip .id_input .imgSt1 {width: 22px;height: 22px;padding-right:8px;position: relative;top: -3px; vertical-align: middle;}
.LoginArea .loginBox .Right_box .login_ip .id_input .imgSt2 {width: 26px;height: 26px;padding-right:4px;position: relative;top: -2px; vertical-align: middle;}
.LoginArea .loginBox .Right_box .login_ip .id_input .auth_btn {position: absolute; top: 50%; transform: translateY(-50%); padding: 9px 18px;}
.LoginArea .loginBox .Right_box .login_ip .id_input #timeZone {position: absolute; top: 50%; right: 80px; transform: translateY(-50%); margin-right: 9px; padding-top: 9px; padding-bottom: 9px;}
.LoginArea .loginBox .Right_box .login_ip input {border:0;font-size: 17px;font-weight: 600;color:#444444; vertical-align: middle;}


.Right_box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666666;
  opacity: 1; /* Firefox */
}

.Right_box  :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666666;
}

.Right_box  ::-ms-input-placeholder { /* Microsoft Edge */
  color: #666666;
}

.LoginArea .loginBox .Right_box .login_ip .login_btn {margin: 30px auto 0 ;padding: 12px 0;background:#e71549;font-size: 16px;font-weight: 600;width:100%;}	/* 2019-10-30, logo 변경 */
.LoginArea .loginBox .Right_box .login_ip .login_btn:hover {background:#e71549;}	/* 2019-10-30, logo 변경 */

.LoginArea .loginBox .Right_box .login_ip .id_create {margin: 34px auto 0;padding: 7px 15px 6px 15px;background:#ffffff;font-size: 13px;font-weight: 600;border: 1px solid #ececec;color: #999;}	/* 2019-10-30, logo 변경 */
.LoginArea .loginBox .Right_box .login_ip .id_create img {width: 16px;height: 16px;position: relative;top: -2px;}
.LoginArea .loginBox .Right_box .login_ip .id_create:hover {border: 1px solid #cccccc;color: #777777;}

.LoginArea .copyright {position:relative;font-size: 12px;color:#666666;text-align:center;width:757px;margin: 0 auto;font-weight: 600;}	/* 2019-10-30, logo 변경 */
.LoginArea .copyright::after {content:"";display:block;position:relative;clear:both;}	/* 2019-10-30, logo 변경, 추가 */
.LoginArea .copyright span:last-child {color: #ACACAC;}	/* 2019-10-30, logo 변경, 추가 */




.mp_table {position:relative;width:100%;background:#f2f2f2;}
.mp_table table {width:100%;font-size:13px;border:0;}
.mp_table table tbody tr th {text-align:right;font-weight:600;padding: 8px 13px;border:0;color:#9b9b9b;}
.mp_table table tbody tr td {padding: 8px 10px;height:33px;text-align:left;border:0;color:#aaaaaa;}
.mp_table table tbody tr td p {font-size:13px;margin:0;}
.mp_table table tbody tr td.normal {color:#666;}
.mp_table label {color:#444444;}



.mp_table_mf {position:relative;width:100%;padding: 10px 0 20px 0;margin-bottom: 15px;}
.mp_table_mf table {width:100%;font-size:13px;border:0;}
.mp_table_mf table tbody tr th {text-align:right;font-weight:600;padding: 8px 13px;border:0;color:#9b9b9b;}
.mp_table_mf table tbody tr td {padding: 8px 10px;height:33px;text-align:left;border:0;color:#aaaaaa;}
.mp_table_mf table tbody tr td p {font-size:13px;margin:0;}
.mp_table_mf label {color:#444444;}
.mp_table_mf table tbody tr td.normal {color:#666;}



.cont_Top {position:relative;width:100%;height:55px;}
.cont_Top h3 {font-size:15px;color:#333333;padding: 17px 0 0 17px ;}
.cont_Top .R_area {position:absolute;top:0;right:0;padding: 10px 17px 0 0 ;}


.cont_Top_2 {position:relative;width:100%;height:55px;}
.cont_Top_2 h3 {font-size:15px;color:#333333;padding: 17px 0 0 0px ;}
.cont_Top_2 h3 span {font-size:15px;color:#888;padding: 0 2px ;}
.cont_Top_2 .R_area {position:absolute;top:0;right:0;padding: 10px 0px 0 0 ;}
.cont_Top_2 .chNum {position:absolute;top:0;right:0;padding: 13px 0px 0 0;font-size:13px;color:#999999;font-weight:600;}
.cont_Top_2 .chNum span {font-size: 21px;color:#333333;font-family:"Roboto", sans-serif;font-weight:600;}


.inforBoxIcon {position:relative;padding: 0 0 0 5px;top: -1px;display: inline;display: inline-block;opacity:0.8;cursor:pointer;}
.inforBoxIcon:hover {opacity:1;}
.inforBoxIcon:hover .ifBox {opacity:1;visibility: visible;}
.inforBoxIcon .ifBox {position:absolute;top:0;left: -100px;width: 200px;min-height: 18px;padding: 10px 14px;background: rgba(0,0,0,0.65);border-radius:4px;font-size: 12px;color:#fff;font-weight:500;margin: 25px 0 0 0;opacity:0;visibility: hidden;z-index: 5;}
.inforBoxIcon .ifBox b {font-size:13px;font-weight:500;display:block;padding: 0 0 5px 0 ;}
.inforBoxIcon .ifBox.ifBox_left {text-align: left;}

.ch_MonthGraph {position:relative;width:100%;padding: 10px 0 25px;}

.ch_MonthGraph .grh_box {position:relative;width:100%;height: 30px;}
.ch_MonthGraph .grh_box .g_name {position:absolute;top:0;left:0;width: 64px;height:100%;font-size:14px;color:#666666;font-weight:600;text-align:right;line-height: 30px;}
.ch_MonthGraph .grh_box .g_Bar {position:absolute;top: 13px;left:80px;width:calc(100% - 220px);height:5px;border-radius:3px;background:#e6e8e2;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color {position:absolute;top:0;left:0;height:100%;border-radius:3px;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color.bcol1 {background:#43b4e9;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color.bcol2 {background:#de6a96;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color.bcol3 {background:#dad458;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color.bcol4 {background:#dad458;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color.bcol5 {background:#4edcb9;}

.ch_MonthGraph .grh_box .g_Sum {position:absolute;top:0;right:0;width:130px;height:100%;font-size: 12px;color:#999;text-align:right;line-height: 30px;}
.ch_MonthGraph .grh_box .g_Sum span {font-size: 16px;color:#666666;font-family:"Roboto", sans-serif;font-weight:600;padding: 0 3px;}





.cont_page {position:relative;width:100%;}


.tab_top_Bar2 {position:relative;width:97%;height:64px;margin: 0 auto;border-bottom: 1px solid #cccccc;}
.tab_top_Bar2 .top_box {position:absolute;bottom:0;left:0px;}
.tab_top_Bar2 .R_btn {position:absolute;bottom:18px;right:0px;}


.tab_top_Bar3 {position:relative;width:calc(100% - 30px);margin-left:15px;height:64px;margin: 0 auto ;border-bottom: 1px solid #cccccc;}
.tab_top_Bar3 .top_box {position:absolute;bottom:0;left:0px;}

.tab_top_Bar4 {position:relative;width:calc(100% - 30px);margin-left:15px;height:64px;margin: 0 auto 20px ;border-bottom: 1px solid #cccccc;}
.tab_top_Bar4 .top_box {position:absolute;bottom:-1px;left:0px;}




.tabcontPage {position:relative;width:97%;margin: 0 auto;}

.tabcontPage_mf {position:relative;width: 700px;margin: 0 0 0 15px;}
.tabcontPage_mf2 {position:relative;width: 100%;margin: 0 0 0 15px;}

.deviceGraph {position:relative;width:97%;margin: 10px auto;height:320px;}
.deviceGraph_2 {position:relative;width:97%;margin: 10px auto;height:330px;}
.deviceGraph_3 {position:relative;width:97%;margin: 10px auto 20px ;height:420px;}

.monthIst {position:relative;width:100%;margin: 0 auto;padding: 20px 0 10px 0;}
.monthIst .mct_tit {font-size:14px;color:#999;padding: 0 0 1px 30px;font-weight: 600;}
.monthIst .mct_Num {font-size: 35px;color:#666;font-family:"Roboto", sans-serif;font-weight:600;padding: 0 0 1px 30px;}


.iptable_ptb {position:relative;width:100%;margin: 0 auto;padding: 10px 0 0 0;}
.iptable_ptb table {width:100%;font-size:13px;}
.iptable_ptb table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999999;}
.iptable_ptb table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb table tbody tr td {padding: 10px 6px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#666666;font-size:13px;line-height:1.5;}
.iptable_ptb table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ptb table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ptb .searBtn {cursor:pointer;opacity:0.8;}
.iptable_ptb .searBtn:hover {opacity:1;}
.iptable_ptb .m_icon {width:25px;height:25px;padding-right:5px;}
.iptable_ptb .al_right {text-align:right;}
.iptable_ptb .osImg {width:26px;}


.iptable_ds1 {position:relative;width:100%;margin: 0 auto;padding: 10px 0 0 0;}
.iptable_ds1 table {width:100%;font-size:13px;}
.iptable_ds1 table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999999;}
.iptable_ds1 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_ds1 table tbody tr td {padding: 10px 6px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#666666;font-size:13px;line-height:1.5;}
.iptable_ds1 table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ds1 table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ds1 .searBtn {cursor:pointer;opacity:0.8;}
.iptable_ds1 .searBtn:hover {opacity:1;}
.iptable_ds1 .m_icon {width:25px;height:25px;padding-right:5px;}
.iptable_ds1 .al_right {text-align:right;}


.iptable_dvc {position:relative;width:100%;margin: 0 auto ;padding: 20px 0 40px 0;}
.iptable_dvc table {width:100%;font-size:13px;}
.iptable_dvc table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #ececec;color:#7c7c7c;background:#f0f0f0;}
.iptable_dvc table tbody tr th {text-align:right;font-weight:600;padding: 4px 13px;border-bottom: 1px solid #ececec;}
.iptable_dvc table tbody tr td {padding: 4px 6px;height:33px;border-bottom: 1px solid #ececec;text-align:center;font-weight: 600;color:#676767;font-size:13px;line-height:1.5;}
.iptable_dvc table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_dvc table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_dvc table tbody tr.sumT td {padding: 4px 6px;height:33px;border-bottom: 1px solid #ececec;text-align:center;font-weight: 600;color:#666666;font-size:13px;line-height:1.5;
background:#f3fafe;}



.table_top {position:relative;width:100%;margin: 10px 0 ;}
.table_top .L_area {display:inline-block;}
.table_top .R_area {display:inline-block;position:absolute;right:0;top:0;}

.table_bot {position:relative;width:100%;margin: 10px 0 ;}
.table_bot .L_area {display:inline-block;}
.table_bot .R_area {display:inline-block;position:absolute;right:0;top:0;}


.tb_bottom_search {position:relative;width:100%;margin: 40px 0 10px ;text-align:center;}





.g_App_select {position:relative;width:90%;margin: 25px auto 0 ;}

.iptable_ptb2 {position:relative;width:90%;margin: 0 auto;}
.iptable_ptb2 table {width:100%;font-size:13px;}
.iptable_ptb2 table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999999;}
.iptable_ptb2 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb2 table tbody tr td {padding: 10px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#666666;font-size:13px;line-height:1.5;}
.iptable_ptb2 table tbody tr td span {font-size:15px;margin-right:0;}


.iptable_ptb3 {position:relative;width:100%;margin: 0 auto;padding: 10px 0 0 0;}
.iptable_ptb3 table {width:100%;font-size:13px;}
.iptable_ptb3 table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999999;}
.iptable_ptb3 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb3 table tbody tr td {padding: 10px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#666666;font-size:15px;line-height:1.5;}
.iptable_ptb3 table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ptb3 table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ptb3 .m_icon {width:30px;height:30px;padding: 0 5px;}
.iptable_ptb3 .fr_td {text-align:left;}

.iptable_ptb3 .td_1{margin: 0 auto;position:relative;width: 80px;}
.iptable_ptb3 .td_1 ul li {/* background: #999; */width: 80px;height: 33px;overflow: hidden;text-align: center;}
.iptable_ptb3 .td_1 ul li:first-child {border-radius: 6px 6px 0 0 ;}
.iptable_ptb3 .td_1 ul li:last-child {border-radius: 0 0 6px 6px ;}
.iptable_ptb3 .td_1 ul li img {margin-left: -21px;}


.iptable_ptb4 {position:relative;width:100%;margin: 0 auto;padding: 10px 0 0 0;}
.iptable_ptb4 table {width:100%;font-size:13px;}
.iptable_ptb4 table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999999;}
.iptable_ptb4 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb4 table tbody tr td {padding: 10px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#666666;font-size:13px;line-height:1.5;}
.iptable_ptb4 table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ptb4 table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ptb4 .m_icon {width:25px;height:25px;padding-right:5px;}

.iptable_ptb4 .td_1{margin: 0 auto;position:relative;width: 70px;}
.iptable_ptb4 .td_1 ul {border-radius: 5px;overflow: hidden;}
.iptable_ptb4 .td_1 ul li {width: 70px;height: 32px;text-align: center;}
.iptable_ptb4 .td_1 ul li img {margin-left: -26px;}

.iptable_ptb4 .td_2{margin: 0 auto;position:relative;}
.iptable_ptb4 .td_2 ul li {overflow: hidden;text-align: center;font-size:15px;padding: 5px 0;}


.iptable_ptb_chop {position:relative;width:100%;margin: 0 auto;padding: 10px 0 10px 0;}
.iptable_ptb_chop table {width:100%;font-size:13px;}
.iptable_ptb_chop table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999;}
.iptable_ptb_chop table tbody tr th {text-align:left;font-weight:600;padding: 1px 13px;color:#444;font-size:15px;line-height:1.5;}
.iptable_ptb_chop table tbody tr td {padding: 10px 10px;height:33px;text-align:center;font-weight: 600;color:#666666;font-size:15px;line-height:1.5;}
.iptable_ptb_chop table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ptb_chop table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ptb_chop .m_icon {width:30px;height:30px;padding: 0 5px;}
.iptable_ptb_chop .fr_td {text-align:left;}


.iptable_ptb_sc {position:relative;width: 530px;margin: 0 0 0 190px;padding: 10px 0 10px 0;overflow: auto;height: 400px;}
.iptable_ptb_sc table {width:100%;font-size:13px;}
.iptable_ptb_sc table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999;}
.iptable_ptb_sc table tbody tr th {text-align:center;font-weight:600;padding: 1px 13px;color:#707070;font-size:15px;line-height:1.5;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb_sc table tbody tr td {padding: 10px 10px;height:33px;text-align:center;font-weight: 600;color:#707070;font-size:15px;line-height:1.5;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb_sc table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ptb_sc table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ptb_sc .m_icon {width:30px;height:30px;padding: 0 5px;}
.iptable_ptb_sc .fr_td {text-align:left;}

.pop_content .SeltBox {position:absolute;top: 74px;left: 40px;}





.Total_acc {position:relative;width:100%;padding:20px 0 50px 0 ;font-size:13px;color:#333333;text-align:right;font-weight:600;}
.Total_acc span {font-size: 34px;font-family:"Roboto", sans-serif;font-weight: 600;letter-spacing: -0.04em;padding: 0 4px 0 20px ;}
.Total_acc b {font-size: 25px;padding-right:15px;}


.AppCate {position:relative;width:100%;}
.AppCate .mes_selt {position:relative;width: auto;margin: 20px 0 20px;overflow: auto;}
.AppCate .mes_selt > ul {border-radius: 4px;overflow:hidden;}
.AppCate .mes_selt > ul > li {float:left;padding:8px 30px;background:#fff;text-align:center;color:#999;font-size:13px;font-weight:600;border: 1px solid #cccccc;margin-left:-1px;cursor:pointer;}
.AppCate .mes_selt > ul > li:first-child {border-radius: 4px 0 0 4px;}
.AppCate .mes_selt > ul > li:last-child {border-radius: 0 4px 4px 0 ;}
.AppCate .mes_selt > ul > li:hover {color:#666666;}
.AppCate .mes_selt > ul > li.on {color:#fff;background:#2094fa;border: 1px solid #1582E1;}



.AppsListBox {position:relative;width:100%;}
.AppsListBox .ListArea {position:relative;width:100%;}
.AppsListBox .ListArea > ul {width: 101%;margin-left: -0.5%;}
.AppsListBox .ListArea > ul > li {float:left;width:32.33%;border: 1px solid #e7e7e7;border-radius:4px;background:#fff;margin: 0 0.5%;box-sizing: border-box;max-width:500px;margin-bottom: 15px;}

.AppsListBox .ListArea .appBox {position:relative;width:94%;margin: 0 auto;}

.AppsListBox .ListArea .appBox .boxTop {position:relative;width:100%;margin: 10px 0 0 0 ;}
.AppsListBox .ListArea .appBox .boxTop .CateBox {padding: 4px 5px 3px;background:#999;color:#fff;width:50px;text-align:center;border-radius:4px;font-size:13px;}
.AppsListBox .ListArea .appBox .boxTop .CateBox.c_green  {background:#04de71}
.AppsListBox .ListArea .appBox .boxTop .CateBox.c_orange  {background:#ff9000}
.AppsListBox .ListArea .appBox .boxTop .Setting {position:absolute;top: -5px;right: 2px;font-size: 12px;color: #999;font-weight: 600;cursor:pointer;}
.AppsListBox .ListArea .appBox .boxTop .Setting .setIcon {width: 20px;height: 20px;padding-left:6px;position: relative;top: 7px;}
.AppsListBox .ListArea .appBox .boxTop .Setting:hover {color:#555555;}
.AppsListBox .ListArea .appBox .boxTop .Setting:hover .setIcon path {fill:#555555;}


.AppsListBox .ListArea .appBox .boxmid {position:relative;width:100%;margin: 10px 0 0 0 ;}
.AppsListBox .ListArea .appBox .boxmid .Appimg {position:relative;width:125px;height:125px;border-radius:10px;background:#f1f1f1;margin: 0 auto;overflow:hidden;}
.AppsListBox .ListArea .appBox .boxmid .Appimg .imgSc {display: block;
position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.AppsListBox .ListArea .appBox .boxmid .AppName {position:relative;width: 80%;height:60px;text-align:center;font-size:15px;font-weight:600;display:table;color:#333333;margin: 0 auto;overflow:hidden;line-height: 1.3;}
.AppsListBox .ListArea .appBox .boxmid .AppName span {display: table-cell;vertical-align: middle;word-break: break-all;}

.AppsListBox .ListArea .appBox .boxbottom {position:relative;width:99%;margin: 0 auto;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt {position:relative;width: 100%;margin: 10px 0 20px;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul {border-radius: 4px;overflow:hidden;margin-left:1px;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul > li {float:left;padding: 8px 0;background:#fff;text-align:center;color:#999999;font-size:13px;font-weight:600;border: 1px solid #cccccc;cursor:pointer;width: 33.33%;box-sizing: border-box;border-left: 0;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul > li:first-child {border-radius: 4px 0 0 4px;border-left: 1px solid #cccccc;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul > li:last-child {border-radius: 0 4px 4px 0 ;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul > li:hover {color:#2f9bfa;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul > li.on {color:#2f9bfa;}


.appInfoArea_dt {position:relative;width:100%;margin: 0 auto;overflow:auto;}
.appInfoArea_dt .Appimg {position:relative;width:250px;float:left;}
.appInfoArea_dt .Appimg .img {position:relative;width:125px;height:125px;border-radius:10px;background:#f1f1f1;margin: 0 auto;overflow:hidden;margin: 0 auto;}
.appInfoArea_dt .Appimg .img  .imgSc {display: block;
position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.appInfoArea_dt .Appimg .img .Lt_name_1 {position:absolute;top:0;left:0;width: 60px;height: 30px;border-radius:5px;font-size: 13px;line-height: 31px;color:#fff;background:#ff8d29;text-align:center;}
.appInfoArea_dt .Appimg .img .Lt_name_1.c_green  {background:#04de71}
.appInfoArea_dt .Appimg .img .Lt_name_1.c_orange  {background:#ff9000}

.appInfoArea_dt .Appimg .aName {position:relative;width: 80%;height:60px;text-align:center;font-size:16px;font-weight:600;display:table;color:#333333;margin: 0 auto;overflow:hidden;line-height: 1.3;}
.appInfoArea_dt .Appimg .aName span {display: table-cell;vertical-align: middle;word-break: break-all;}


.appInfoArea_dt .appifTT {position:relative;width: 550px;float:left;margin: 30px 0 0 50px;}
.appInfoArea_dt .appifTT .appTT {position:relative;width:100%;padding: 6px 0 ;}
.appInfoArea_dt .appifTT .appTT .tit {font-size:14px;color:#333333;font-weight:600;}
.appInfoArea_dt .appifTT .appTT .info {font-size:14px;color:#3095ed;font-weight:600;}

.appIpTab {position:relative;width:96%;margin: 0 auto;}

.appifmid {position:relative;width:96%;margin: 0 auto;}

.ifbox_1 {position:relative;width:100%;margin: 20px 0 0 0 ;border: 1px solid #008dde;background:#e1f9fe;border-radius:4px;padding: 15px;box-sizing:border-box;
font-size:13px;color:#666;line-height:1.7;}
.ifbox_1 span a {color:#ff9000;text-decoration:underline;}

.if_box_1_m {position:relative;width:100%;margin: 25px 0 30px 0 ;overflow:auto;}
.if_box_1_m .L_ifbox {position:relative;width:49.5%;margin-right:0.5%;border: 1px solid #cbcbcb;border-radius:4px;background:#fff;box-sizing:border-box;overflow:hidden;float:left;height: 210px;}
.if_box_1_m .L_ifbox .b_top {position:relative;width:100%;height:48px;line-height:48px;background:#f8f8f8;border-bottom: 1px solid #cccccc;}
.if_box_1_m .L_ifbox .b_top .l_tit {font-size:15px;color:#666666;}
.if_box_1_m .L_ifbox .b_top .l_tit img {width:20px;padding: 0 8px 0 21px;}
.if_box_1_m .L_ifbox .b_top .R_btn {position:absolute;top:0;right:0;}
.if_box_1_m .L_ifbox .b_top .R_btn .bbox {padding: 4px 8px 3px;border: 1px solid #cccccc;background:#f5f5f5;border-radius: 4px;font-size: 13px;margin:  0 10px 0 0;font-weight: 500;color: #666666;}
.if_box_1_m .L_ifbox .b_mid {position:relative;width:100%;text-align:center;}
.if_box_1_m .L_ifbox .b_mid .ap1_tit {position:relative;width:90%;margin: 20px auto 10px ;font-size:14px;color:#666666;text-align:left;}
.if_box_1_m .L_ifbox .b_bot {position:relative;width:100%;text-align:center;margin: 15px 0 25px ;}

.if_box_1_m .R_ifbox {position:relative;width:49.5%;margin-left:0.5%;border: 1px solid #cbcbcb;border-radius:4px;background:#fff;box-sizing:border-box;overflow:hidden;float:left;height: 210px;}
.if_box_1_m .R_ifbox .b_top {position:relative;width:100%;height:48px;line-height:48px;background:#f8f8f8;border-bottom: 1px solid #cccccc;}
.if_box_1_m .R_ifbox .b_top .l_tit {font-size:15px;color:#666666;}
.if_box_1_m .R_ifbox .b_top .l_tit img {width:20px;padding: 0 8px 0 21px;}
.if_box_1_m .R_ifbox .b_top .R_btn {position:absolute;top:0;right:0;}
.if_box_1_m .R_ifbox .b_top .R_btn .bbox {padding: 4px 8px 3px;border: 1px solid #cccccc;background:#f5f5f5;border-radius: 4px;font-size: 13px;margin:  0 10px 0 0;font-weight: 500;color: #666666;}
.if_box_1_m .R_ifbox .b_mid {position:relative;width:90%;text-align:center;margin: 0 auto;overflow:auto;}
.if_box_1_m .R_ifbox .b_mid .l_mib {width:48%;margin-right:2%;float:left;}
.if_box_1_m .R_ifbox .b_mid .l_mib .ap1_tit {position:relative;width: 100%;margin: 20px auto 10px;font-size:14px;color:#666666;text-align:left;}
.if_box_1_m .R_ifbox .b_mid .l_mib .file_ipbox {padding: 0px 4px 2px;border: 1px solid #cccccc;background:#fff;border-radius: 4px;text-align: left;}
.if_box_1_m .R_ifbox .b_mid .R_mib {width:48%;margin-left:2%;float:left;text-align: left;}
.if_box_1_m .R_ifbox .b_mid .R_mib .ap1_tit {position:relative;width: 100%;margin: 20px auto 10px;font-size:14px;color:#666666;text-align:left;}
.if_box_1_m .R_ifbox .b_mid .R_mib .file_ipbox {padding: 0px 4px 2px;border: 1px solid #cccccc;background:#fff;border-radius: 4px;text-align: left;}

.if_box_1_m .R_ifbox .b_bot {position:relative;width:100%;text-align:center;margin: 15px 0 25px ;}

#appTapCont_1 .if_box_1_m .L_ifbox,
#appTapCont_1 .if_box_1_m .R_ifbox {height: auto; min-height: 210px;}

.if_box_2_m {position:relative;width:100%;margin: 25px 0 30px 0 ;overflow:auto;}
.if_box_2_m .L_ifbox {position:relative;width: 100%;border: 1px solid #cbcbcb;border-radius:4px;background:#fff;box-sizing:border-box;overflow:hidden;float:left;height: 210px;}
.if_box_2_m .L_ifbox .b_top {position:relative;width:100%;height:48px;background:#f8f8f8;border-bottom: 1px solid #cccccc;padding: 7px 0 0 10px;box-sizing:border-box;}

.if_box_2_m .L_ifbox .b_mid {position:relative;width:100%;overflow: auto;height: 160px;}
.if_box_2_m .L_ifbox .b_mid .TagNum {position:relative;width: 100%;padding: 15px 0 10px 2%;font-size:14px;color:#666666;text-align:left;box-sizing: border-box;}
.if_box_2_m .L_ifbox .b_mid .TagNum span {color:#3095ed;font-weight:600;}

.if_box_2_m .L_ifbox .b_mid .TagList {position:relative;width:96%;margin: 0 auto;text-align:left;}
.if_box_2_m .L_ifbox .b_mid .TagList ul li {position: relative;white-space: nowrap;width: auto;margin: 0 2px 9px;float: left;}
.if_box_2_m .L_ifbox .b_mid .TagList ul li span {padding: 8px 11px;border: 1px solid #cccccc;border-radius: 4px;font-size: 13px;display: inline-block;cursor: pointer;}
.if_box_2_m .L_ifbox .b_mid .TagList ul li span:hover {background:#f5f5f5;}
.if_box_2_m .L_ifbox .b_mid .TagList ul li span .deleteBt {width:20px;position: relative;top: -1px;cursor: pointer;opacity:0.6;margin-left:4px;}
.if_box_2_m .L_ifbox .b_mid .TagList ul li span .deleteBt:hover {opacity:1;}





.if_box_3_m {position:relative;width:100%;margin: 25px 0 30px 0 ;overflow:auto;}
.if_box_3_m .L_ifbox {position:relative;width: 100%;border: 1px solid #cbcbcb;border-radius:4px;background:#fff;box-sizing:border-box;overflow:hidden;float:left;}
.if_box_3_m .L_ifbox .b_top {position:relative;width:100%;height:48px;background:#f8f8f8;border-bottom: 1px solid #cccccc;padding: 7px 0 0 10px;box-sizing:border-box;}

.if_box_3_m .L_ifbox .b_mid {position:relative;width:100%;}
.if_box_3_m .L_ifbox .b_bot {position:relative;width:100%;text-align:center;margin: 15px 0 25px ;}



.iptable_app1 {position:relative;width:96%;margin: 0 auto;padding: 10px 0 0 0;}
.iptable_app1 table {width:100%;font-size:13px;}
.iptable_app1 table thead tr th {text-align:center;padding: 9px 13px;border-bottom: 1px solid #e6e6e6;color:#a9a9a9;background:#f0f0f0;}
.iptable_app1 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_app1 table tbody tr td {padding: 5px 10px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color: #a2a2a2;font-size:13px;line-height:1.5;}
.iptable_app1 table tbody tr td .appVs1 {font-size:13px;padding: 5px 0 ;max-width:100px;border: 1px solid #cccccc;border-radius:4px;margin: 0 auto;box-sizing:border-box;color:#888;}
.iptable_app1 table tbody tr td .appVs1 .osicon {width:15px;padding: 0 4px 0 0 ;position:relative;top:-1px;}
.iptable_app1 table tbody tr td .appVs2 {font-size:13px;padding: 5px 0 ;max-width:100px;border-radius:4px;margin: 0 auto;background:#f97267;color:#fff;}
.iptable_app1 table tbody tr td .appVs3 {font-size:13px;padding: 5px 0 ;max-width:100px;border-radius:4px;margin: 0 auto;background:#ff9500;color:#fff;}




.dash_topArea {position:relative;width:100%;}
.dash_topArea > ul {width:calc(100% + 15px);margin-left:-7px;overflow: auto;}
.dash_topArea > ul > li {position:relative;width:calc(33.3% - 15px);float:left;margin: 0 7px 15px 8px ;}
.dash_topArea.row4 > ul > li {position:relative;width:calc(25% - 15px);float:left;margin: 0 7px 15px 8px ;}

.dash_topArea > ul > li .ds_tBox {position:relative;width:100%;border-radius:10px;background:#999;height:125px;}
.dash_topArea > ul > li .ds_tBox .tb_tit {position:absolute;top: 30px;left:20px;font-size: 14px;color:#fff;font-weight: 500;}
.dash_topArea > ul > li .ds_tBox .tb_Num {position:absolute;top: 48px;left:20px;font-size: 34px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out}
.dash_topArea > ul > li .ds_tBox .B_icon {position:absolute;bottom: 12px;right:20px;opacity: 0.6;}
.dash_topArea > ul > li .ds_tBox .bcon {width: 68px;height: 68px;}
.dash_topArea > ul > li .ds_tBox .bcon path { fill:#fff;}

.dash_topArea > ul > li .ds_tBox .tb_tit_2 {position:absolute;top: 17px;left:20px;font-size: 14px;color:#fff;font-weight: 500;}
.dash_topArea > ul > li .ds_tBox .tb_Num_2 {position:absolute;top: 44px;left:20px;font-size: 34px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out}
.dash_topArea > ul > li .ds_tBox .golink {position:absolute;top: 95px;left:20px;font-size: 12px;color:#fff;font-weight: 500;cursor:pointer;}
.dash_topArea > ul > li .ds_tBox .golink > img {position:relative;top:-1px;padding:0 0 0 3px;}
.dash_topArea > ul > li .ds_tBox .golink:hover {text-decoration:underline;}
.dash_topArea > ul > li .ds_tBox .B_icon_2 {position:absolute;bottom: 12px;right:20px;opacity: 0.3;}
.dash_topArea > ul > li .ds_tBox .bcon_2 {width: 68px;height: 68px;}
.dash_topArea > ul > li .ds_tBox .bcon_2 path { fill:#000;}

.dash_topArea > ul > li .ds_tBox .tb_tit_ot {position:absolute;top: 8px;left: 27px;font-size: 14px;color: #666666;font-weight: 600;background: #fff;padding: 0 8px;z-index: 1;}
.dash_topArea > ul > li .ds_tBox .cd_Box {position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px );
    border: 1px solid #ccc; border-radius: 6px;}
.dash_topArea > ul > li .ds_tBox .cd_Box ul {width:98%;margin: 0 auto;}
.dash_topArea > ul > li .ds_tBox .cd_Box ul > li {position:relative;width:18%;float:left;margin: 0 1%;text-align:center;}
.dash_topArea > ul > li .ds_tBox .cd_Box ul > li .cd_name {position:relative;width:100%;text-align:center;font-size:13px;color:#999999;margin: 28px 0 10px;font-weight: 600;}
.dash_topArea > ul > li .ds_tBox .cd_Box ul > li .cond_box {cursor:pointer;width:100%;max-width:50px;}
.dash_topArea > ul > li .ds_tBox .cd_Box ul > li .cond_box img {width:100%;}



.dash_topArea > ul > li .bgGrd_1 {background: linear-gradient( 90deg, #489fc7, #5ac8fa );}
.dash_topArea > ul > li .bgGrd_2 {background: linear-gradient( 90deg, #93c444, #abe252 );}
.dash_topArea > ul > li .bgGrd_3 {background: linear-gradient( 90deg, #c65b52, #f87267 );}
.dash_topArea > ul > li .bgGrd_4 {background: linear-gradient( 90deg, #4edcb9, #4edcb9 );}
.dash_topArea > ul > li .bgGrd_5 {background: linear-gradient( 90deg, #1a71bf, #2094f9 );}

.dash_topArea > ul > li .bgGrd_mp1 {background: linear-gradient( 90deg, #43b4e9, #43b4e9 );}
.dash_topArea > ul > li .bgGrd_mp2 {background: linear-gradient( 90deg, #de6a96, #de6a96 );}
.dash_topArea > ul > li .bgGrd_mp3 {background: linear-gradient( 90deg, #dad458, #dad458 );}
.dash_topArea > ul > li .bgGrd_mp4 {background: linear-gradient( 90deg, #4edcb9, #4edcb9 );}
.dash_topArea > ul > li .bgGrd_mp5 {background: #fff;}





.dash_midArea {position:relative;width:100%;overflow: auto;clear:both;}

.dash_midArea .L_dashBox {position:relative;width:calc(50% - 7px);float:left;margin:  0 7px 0 0 ;}
.dash_midArea .R_dashBox {position:relative;width:calc(50% - 8px);float:left;margin:  0 0 0 8px ;}

.dash_midArea .dashbox {position: relative;background:#fff;border-radius:4px;padding: 5px 15px;box-sizing:border-box;border: 1px solid #e0e0e0;margin: 0 0 15px 0 ;}

/*.dash_midArea .L_dashBox {position:relative;width:49.5%;float:left;background:#fff;border-radius:4px;padding: 5px 15px;box-sizing:border-box;border: 1px solid #e0e0e0;margin:  0 0.5% 15px 0 ;}
.dash_midArea .R_dashBox {position:relative;width:49.5%;float:left;background:#fff;border-radius:4px;padding: 5px 15px;box-sizing:border-box;border: 1px solid #e0e0e0;margin:  0 0 15px 0.5% ;min-height:400px;}*/

.ds_GraghArea {position:relative;width:100%;margin: 0 0 50px 0;}
.ds_GraghArea .GraphBox {position:relative;width:100%;overflow: auto;margin: 1px 0 44px;}
.ds_GraghArea .GraphBox .gr_tit {position:relative;float:left;text-align:right;color:#999;font-size: 13px;width: 70px;font-weight: 600;padding: 15px 15px 0 0;}
.ds_GraghArea .GraphBox .Graph_print {position:relative;float:left;width: calc(100% - 85px);height:200px;}

.ds_GraghArea2 {position:relative;width:100%;margin: 0 0 50px 0;}
.ds_GraghArea2 .GraphBox {position:relative;width:100%;overflow: auto;margin: 1px 0 29px;}
.ds_GraghArea2 .GraphBox .gr_tit {position:relative;float:left;text-align:right;color:#999;font-size: 13px;width: 110px;font-weight: 600;padding: 15px 15px 0 0;}
.ds_GraghArea2 .GraphBox .Graph_print {position:relative;float:left;width: calc(100% - 125px);height:150px;}


.cur_Num {font-size: 12px;color:#999999;font-weight: 600;}
.cur_Num span {font-size: 30px;color:#333333;font-family: "Roboto", sans-serif;padding:  0 0 0 5px;}

.graph_bot_Box {position:relative;width:100%;height:160px;}

.graph_bot_Box2 {position:relative;width:100%;overflow:auto;}
.graph_bot_Box2 .L_grBox {position:relative;width:50%;height:220px;float:left;}

.graph_bot_Box2 .R_grBox {position:relative;width:50%;height:220px;float:left;}
.device_Sum {position:relative;width: 80%;margin: 50px auto 0;max-width:350px;}
.device_Sum table {width:100%}
.device_Sum table tr th {padding: 5px 2px ;text-align:center;}
.device_Sum table tr th img {width:30px;}
.device_Sum table tr td {padding: 5px 2px;text-align:right;font-size: 28px;color:#222222;font-family: "Roboto", sans-serif;font-weight:600;}
.device_Sum table tr td .p_plus {font-size: 15px;color:#2094fa;}
.device_Sum table tr td .p_minus {font-size:15px;color:#ff3b30;}
.device_Sum table tr td.PPnum {text-align:left;}



@media only screen and (max-width: 1790px) {
    
.dash_midArea .L_dashBox {position:relative;width:100%;margin: 0;}
.dash_midArea .R_dashBox {position:relative;width:100%;margin:0;}
    
}

@media only screen and (max-width: 1550px) {

.dash_topArea.row4 > ul > li .ds_tBox .tb_Num {position:absolute;top: 51px;left:20px;font-size: 28px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;}
.dash_topArea.row4 > ul > li .ds_tBox .bcon {width: 63px;height: 63px;}
.dash_topArea.row4 > ul > li .ds_tBox .bcon_2 {width: 63px;height: 63px;}


}

@media only screen and (max-width: 1400px) {

.dash_topArea.row4 > ul > li .ds_tBox .tb_Num {position:absolute;top: 53px;left:20px;font-size: 24px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;}
.dash_topArea.row4 > ul > li .ds_tBox .bcon {width: 54px;height: 54px;}
.dash_topArea.row4 > ul > li .ds_tBox .bcon_2 {width: 54px;height: 54px;}

.dash_topArea > ul > li .ds_tBox .tb_Num {position:absolute;top: 50px;left:20px;font-size: 30px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;}
.dash_topArea > ul > li .ds_tBox .tb_Num_2 {position:absolute;top: 46px;left:20px;font-size: 30px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;}
}






.csl_imgGrArea {position:relative;width:100%;color:#666666;}

.cs_FrArea {position:relative;width:100%;color:#666666;background:#f8f8f8;}



.FlowMapArea {position:relative;width:100%;margin: 0 auto;padding: 50px 0 ;border-bottom: 1px solid #e3e3e3 ;}
.FlowMapArea .print_btn {position:absolute;top:20px;right:20px;}


.FlowMapArea .cb_blue {background:#43b4e9;}
.FlowMapArea .cb_yellow {background:#dad458;}
.FlowMapArea .cb_green {background:#4edcb9;}
.FlowMapArea .cb_red {background:#f97267;}

.FlowMapArea .cb_3blue {background:#2093f9;}
.FlowMapArea .cb_3green {background:#abe252;}
.FlowMapArea .cb_3gray {background:#999999;}



.map_pam {position:relative;width:1050px;height:300px;margin: 0 auto;}
.map_pam .depth_1 {position:absolute;top:50px;left: 15px;width:200px;height:200px;background:#2094fa;border-radius:8px;color:#fff;text-align:center;}
.map_pam .depth_1 .deTit {font-size: 14px;font-weight: 500;padding-top: 71px;}
.map_pam .depth_1 .SuNum {font-size: 28px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding-top: 1px;}

.map_pam .depth_2 {width: 200px;height:80px;border-radius: 4px;color:#fff;}
.map_pam .depth_2 .deTit {position:absolute;top: 21px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_pam .depth_2 .SuNum {font-size: 24px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 12px 12px 0 0;text-align: right;}
.map_pam .depth_2 .perc {font-size: 15px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 0 12px 0 0;text-align: right;}

.map_pam .depth_3 {width: 190px;height:40px;border-radius: 4px;color:#fff;position:relative;margin: 0 0  5px 0;}
.map_pam .depth_3 .deTit {position:absolute;top: 1px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_pam .depth_3 .SuNum {font-size: 22px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 5px 12px 0 0;text-align: right;}

.map_pam .position2_1 {position:absolute;top: 27px;left: 300px;}
.map_pam .position2_2 {position:absolute;top: 113px;left: 300px;}
.map_pam .position2_3 {position:absolute;top: 199px;left: 300px;}
.map_pam .position3_1 {position:absolute;top: 2px;left: 580px;}
.map_pam .position3_2 {position:absolute;top: 119px;left: 814px;}
.map_pam .position3_3 {position:absolute;top: 198px;left: 580px;}
.map_pam .position3_2c {position:absolute;top: 198px;left: 580px;}

.map_pam .flowimg_1 {position:absolute;top: 71px;left: 208px;}
.map_pam .flowimg_2 {position:absolute;top: 22px;left: 498px;}
.map_pam .flowimg_3 {position:absolute;top: 132px;left: 438px;}
.map_pam .flowimg_4 {position:absolute;top: 216px;left: 498px;}




.map_p {position:relative;width:790px;height:300px;margin: 0 auto;}
.map_p .depth_1 {position:absolute;top:50px;left: 15px;width:200px;height:200px;background:#2094fa;border-radius:8px;color:#fff;text-align:center;}
.map_p .depth_1 .deTit {font-size: 14px;font-weight: 500;padding-top: 71px;}
.map_p .depth_1 .SuNum {font-size: 28px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding-top: 1px;}

.map_p .depth_2 {width: 200px;height:80px;border-radius: 4px;color:#fff;}
.map_p .depth_2 .deTit {position:absolute;top: 21px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_p .depth_2 .SuNum {font-size: 24px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 12px 12px 0 0;text-align: right;}
.map_p .depth_2 .perc {font-size: 15px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 0 12px 0 0;text-align: right;}

.map_p .depth_3 {width: 200px;height:40px;border-radius: 4px;color:#fff;position:relative;margin: 0 0  5px 0;}
.map_p .depth_3 .deTit {position:absolute;top: 1px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_p .depth_3 .SuNum {font-size: 22px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 5px 12px 0 0;text-align: right;}

.map_p .position2_1 {position:absolute;top: 27px;left: 300px;}
.map_p .position2_2 {position:absolute;top: 113px;left: 300px;}
.map_p .position2_3 {position:absolute;top: 199px;left: 300px;}
.map_p .position3_1 {position:absolute;top: 89px;left: 580px;}
.map_p .position3_2 {position:absolute;top: 119px;left: 814px;}
.map_p .position3_3 {position:absolute;top: 198px;left: 580px;}
.map_p .position3_2c {position:absolute;top: 111px;left: 580px;}

.map_p .flowimg_1 {position:absolute;top: 71px;left: 208px;}
.map_p .flowimg_2 {position:absolute;top: 108px;left: 498px;}
.map_p .flowimg_2c {position:absolute;top: 130px;left: 498px;}
.map_p .flowimg_3 {position:absolute;top: 132px;left: 438px;}
.map_p .flowimg_4 {position:absolute;top: 216px;left: 498px;}




.map_pa {position:relative;width:790px;height:300px;margin: 0 auto;}
.map_pa .depth_1 {position:absolute;top:50px;left: 15px;width:200px;height:200px;background:#2094fa;border-radius:8px;color:#fff;text-align:center;}
.map_pa .depth_1 .deTit {font-size: 14px;font-weight: 500;padding-top: 71px;}
.map_pa .depth_1 .SuNum {font-size: 28px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding-top: 1px;}

.map_pa .depth_2 {width: 200px;height:80px;border-radius: 4px;color:#fff;}
.map_pa .depth_2 .deTit {position:absolute;top: 21px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_pa .depth_2 .SuNum {font-size: 24px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 12px 12px 0 0;text-align: right;}
.map_pa .depth_2 .perc {font-size: 15px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 0 12px 0 0;text-align: right;}

.map_pa .depth_3 {width: 190px;height:40px;border-radius: 4px;color:#fff;position:relative;margin: 0 0  5px 0;}
.map_pa .depth_3 .deTit {position:absolute;top: 1px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_pa .depth_3 .SuNum {font-size: 22px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 5px 12px 0 0;text-align: right;}

.map_pa .position2_1 {position:absolute;top: 47px;left: 300px;}
.map_pa .position2_2 {position:absolute;top: 175px;left: 300px;}
.map_pa .position2_3 {position:absolute;top: 199px;left: 300px;}
.map_pa .position3_1 {position:absolute;top: 22px;left: 580px;}
.map_pa .position3_1c {position:absolute;top: 45px;left: 580px;}
.map_pa .position3_2 {position:absolute;top: 175px;left: 580px;}
.map_pa .position3_3 {position:absolute;top: 198px;left: 580px;}

.map_pa .flowimg_1 {position:absolute;top: 71px;left: 208px;}
.map_pa .flowimg_2 {position:absolute;top: 41px;left: 498px;}
.map_pa .flowimg_2c {position:absolute;top: 62px;left: 498px;}
.map_pa .flowimg_3 {position:absolute;top: 132px;left: 438px;}
.map_pa .flowimg_4 {position:absolute;top: 192px;left: 498px;}


.cp_time {position:relative;width:calc(100% - 30px);margin: 0 auto 20px ;overflow:auto;}
.cp_time .t_box_1 {position:relative;width: 260px;height:80px;float:left;}
.cp_time .t_box_1 .tit {font-size:15px;color:#999;padding: 20px 0 0px 0 ;}
.cp_time .t_box_1 .cont {font-size: 22px;color:#666;font-family: "Roboto", sans-serif;font-weight:600;}

.cp_time .t_box_2 {position:relative;width: 160px;height:80px;float:left;}
.cp_time .t_box_2 .tit {font-size:15px;color:#999;padding: 20px 0 0px 0 ;}
.cp_time .t_box_2 .cont {font-size: 22px;color:#666;font-family: "Roboto", sans-serif;font-weight:600;}


.ph_graph_1 {position:relative;width:calc(100% - 30px);margin: 0 auto 15px ;border: 1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding: 10px;overflow:auto;}
.ph_graph_1 ul li {width:25%;float:left;}
.ph_graph_1 ul li .pg_box {position:relative;width:98%;margin: 0 auto;overflow:hidden;}
.ph_graph_1 ul li .pg_box .pb_tit {font-size:14px;color:#333333;font-weight:600;padding: 10px 0 0 10px ;}
.ph_graph_1 ul li .pg_box .ppg_box {width:100%;height:250px;}


.ph_graph_2 {position:relative;width:calc(100% - 15px);margin: 0 0 0 7px  ;overflow:auto;}
.ph_graph_2 ul li {width:50%;float:left;}
.ph_graph_2 ul li .pg2_box {position:relative;width:calc(100% - 15px);margin: 0 7px 15px 8px ;overflow:hidden;border: 1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding: 10px;}
.ph_graph_2 ul li .pg2_box .pb_tit {font-size:14px;color:#333333;font-weight:600;padding: 10px 0 0 10px ;}
.ph_graph_2 ul li .pg2_box .ppg_box {width:98%;height:250px;margin: 0 auto ;}

.ph_graph_3 {position:relative;width:calc(100% - 30px);margin: 0 auto 15px ;border: 1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding: 10px;overflow:auto;}


.ph_graph_4 {position:relative;width:calc(100% - 30px);margin: 0 auto 15px ;border: 1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding: 10px;overflow:auto;}
.ph_graph_4 ul li {width:33.33%;float:left;}
.ph_graph_4 ul li .pg_box {position:relative;width:98%;margin: 0 auto;overflow:hidden;}
.ph_graph_4 ul li .pg_box .pb_tit {font-size:14px;color:#333333;font-weight:600;padding: 10px 0 0 10px ;}
.ph_graph_4 ul li .pg_box .ppg_box {width:100%;height:250px;}

.pbGr_tit {font-size: 15px;color:#333333;font-weight:600;padding: 10px 0 10px 10px;}


@media only screen and (max-width: 1550px) {
    
    .ph_graph_1 ul li {width:50%;float:left;}
    
    .ph_graph_2 ul li {width:100%;float:left;}
    
}



.left_menu::-webkit-scrollbar {
  width: 4px;  
  /*height: 20px; */
}

.left_menu::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
}

.left_menu::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #dedede;
}



.ErrorPop {position:absolute;top:0;left:0;width:100%;height:100%;background:#eeeeee;overflow: auto;}
.ErrorPop .p_posit {position:relative;width: 540px;margin: 300px auto 19px;}

.ErrorPop .p_posit .logoTop {position:relative;width:100%;text-align:center;font-size: 17px;font-weight:600;color:#999999;margin: 0 0 25px 0;letter-spacing: 0.05em;}
.ErrorPop .p_posit .logoTop img {width: 48px;height: 48px;padding: 0 10px 0 0;}


.ErrorPop .info_Box {position:relative;width: 540px;min-height: 230px;border: 2px solid #5b73ec;border-radius:10px;background:#fff;overflow:hidden;}
.ErrorPop .info_Box .p_content {position:relative;width:100%;padding: 75px 0;}
.ErrorPop .info_Box .p_content .TT_Box {position:relative;width:80%;margin: 0 auto;text-align: center;}
.ErrorPop .info_Box .p_content .TT_Box .ipbox {position:relative;width: 100%;margin: 0 auto;text-align: center;}
.ErrorPop .info_Box .p_content .TT_Box .ipbox .img_ps {display: inline;display: inline-block;padding: 0 10px 0 0;}
.ErrorPop .info_Box .p_content .TT_Box .ipbox .img_ps img {width:80px;height:80px;}
.ErrorPop .info_Box .p_content .TT_Box .ipbox .TT_ps {display: inline;display: inline-block;max-width: 300px;vertical-align: middle;text-align: left;font-size: 21px;font-weight:600;color: #666666;line-height: 1.8;}
.ErrorPop .info_Box .p_content .TT_Box .ipbox .TT_ps span {color:#f5202c;}

.ErrorPop .p_posit .ep_btnP {position:relative;width:100%;text-align:center;font-size:14px;font-weight:600;color:#999999;}
.ErrorPop .p_posit .ep_btnP > button {font-size:20px;margin: 40px 0 0 0;padding: 16px 50px;font-weight: 600;}



/*mobile*/
/*mobile*/
/*mobile*/
/*mobile*/
/*mobile*/
/*mobile*/
/*mobile*/
/*mobile*/
/*mobile*/
/*mobile*/



@media only screen and (max-width: 700px) {
    

.color-red {color:#F97267;}
.color-blue {color:#1582e1;}
.color-gray {color:#999999;}


input[type="text"] {font-size:14px;color:#444444;border-radius:4px;border: 1px solid #d9d9d9;padding: 8px 10px;letter-spacing: -0.02em;
font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;background-color:#fff;line-height: 15px;}

input[type="password"] {font-size:14px;color:#444444;border-radius:4px;border: 1px solid #d9d9d9;padding: 8px 10px;letter-spacing: -0.02em;
font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;background-color:#fff;line-height: 15px;}

.ipst_box {font-size:14px;color:#444444;border-radius:4px;border: 1px solid #d9d9d9;padding: 8px 10px;letter-spacing: -0.02em;font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;
background-color:#fff;height: 34px;background-image: url(../../images/icon_seltop.png);background-repeat: no-repeat;background-position: right 8px;cursor:pointer;}

input[type="radio"] {display:none;}
input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 8px 0 0;
    vertical-align:middle;
    background:url(../images/checkbox_off.png) no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../images/checkbox_on.png) no-repeat;
}


input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(../images/checkboxSq_off.png) no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(../images/checkboxSq_on.png) no-repeat;
}

textarea {border-radius:4px;border: 1px solid #d9d9d9;font-family: 'Nanum Barun Gothic', sans-serif;line-height:19px;font-size:14px;}

input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

input::placeholder {
  color: #999999;
}
textarea::placeholder {
  color: #999999;
}

.filebox label {display: inline-block;padding: 5px 10px;color: #999;font-size: 12px;line-height: normal;vertical-align: middle;background-color: #fdfdfd;cursor: pointer;border: 1px solid #d4d4d4;border-radius: .25em;} 
.filebox_1 label {display: inline-block;color: #fff;font-size: 13px;line-height: normal;vertical-align: middle;background-color: #ff9500;cursor: pointer;border-radius: 4px;}	/* 2019-11-21, 파일 업로드 버튼 */ 
.filebox_1:hover label {background:#e28400;}
.filebox_2 label {display: inline-block;color: #fff;font-size: 13px;line-height: normal;vertical-align: middle;background-color: #2094fa;cursor: pointer;border-radius: 4px;}	/* 2019-11-21, 파일 업로드 버튼 */ 
.filebox_2:hover label {background:#1582e1;}
.filebox_3 {display:inline;}
.filebox_3 label {display: inline-block;padding: 9px 13px;color: #fff;font-size: 13px;line-height: normal;vertical-align: middle;background-color: #2094fa;cursor: pointer;border-radius: 4px;margin: 0 4px;} 
.filebox_3:hover label {background:#1582e1;}
.filebox_ios {display:inline;}
.filebox_ios label {display: inline-block;padding: 5px 10px;color: #6b6b6b;font-size: 12px;line-height: normal;vertical-align: middle;background-color: #f3f3f3;cursor: pointer;border: 1px solid #d4d4d4;border-radius: .25em;}


.filebox_btn label {display: inline-block;padding: 7px 20px 8px;color: #fff;font-size: 12px;line-height: normal;vertical-align: middle;background-color: #5ac8fa;cursor: pointer;border: 1px solid #5ac8fa;border-radius: .25em;margin: 0 0 0 10px;} 
.filebox_btn {
    display: inline-block;
}

button {border-radius:4px;background:#999;color:#fff;padding: 9px 20px;margin: 0 4px;border: 0;font-size: 14px;font-weight: 500;font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;line-height: 15px;}
button img {padding: 0 5px 0 0;}

select {
 border-radius:4px;
 background:#fff;
 color:#444444;
 padding: 8px 10px 7px;
 margin: 0 4px;
 border: 1px solid #d9d9d9;
 font-size: 14px;
 font-weight: 500;
 font-family: 'Nanum Barun Gothic', sans-serif;
 box-sizing: border-box;
 border-radius: 4px;
 /* 아이폰 사파리 보더 없애기 */
 -webkit-appearance:none; 
 /* 화살표 없애기 for chrome*/
 -moz-appearance:none;
  /* 화살표 없애기 for firefox*/
 appearance:none; 
  /* 화살표 없애기 공통*/
 background-image: url(../../assets/images/icon_seltop.png);
 background-repeat: no-repeat;
 background-position: right 8px;
 line-height: 16px;
 max-width:400px; 
 }

select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
select option {font-size:13px;line-height:1.4;padding: 8px 0;}

.blue_input {border: 1px solid #bee6ff !important ;background:#e6f7ff !important;}

.fake_button {border-radius:4px;background: #dadada;color: #737373;padding: 6px 8px;margin: 0 4px;border: 0;font-size: 13px;font-weight: 600;font-family: 'Nanum Barun Gothic', sans-serif;box-sizing: border-box;width: 105px;margin: 0 auto;}
.fake_button img {padding: 0 5px 0 0;}






.bodySt {background:#eeeeee;/* min-width: 1250px; */}

.cj_wrap {width:100%;min-width: 319px;}


.login_top {position: fixed;width:100%;height: 80px;background:#3e3e3e;top: 0;left: 0;z-index: 2;}
.login_top h1 {padding: 27px 0 0 88px;font-size: 17px;font-weight:500;}
.login_top h1 img {padding: 0px 14px 0 0;width:auto;height: 30px;}
.login_top h1 span {
    position: relative;
    top: 7px;
    font-size: 16px;
    color: #dcdcdc;
}





.MobMenuBtn {display:block;position:absolute;top:0;left: 5px;width: 80px;height: 80px;}
.MobMenuBtn img {width:100%;}
.login_top .right_area {position:absolute;top: 15px;right:0;height: 50px;display: inline;display: inline-block;}
.login_top .right_area .userBox {height: 36px;vertical-align:middle;line-height: 36px;font-size:13px;color:#fff;cursor:pointer;border-left: 1px solid #717171;padding: 7px 10px 7px 15px;display: inline-block;}
.login_top .right_area .userBox:hover {color:#dddddd;}

.login_top .right_area .userBox .option_listBox {position:absolute;width:180px;height:auto;border-radius:4px;background:#ffffff;opacity: 0;visibility: hidden;top: 8px;margin: 42px 0 0 0;right: 0px;border: 1px solid #cccccc;}
.login_top .right_area .userBox:hover .option_listBox {opacity: 1;visibility: visible;}
.login_top .right_area .userBox .option_listBox ul {width:90%;margin: 9px auto;}
.login_top .right_area .userBox .option_listBox ul li {position:relative;width:auto;color:#999;padding: 6px 16px;border-bottom: 1px solid #cccccc;font-weight:600;}
.login_top .right_area .userBox .option_listBox ul li:last-child {border:0;}
.login_top .right_area .userBox .option_listBox ul li .listicon {width:20px;height:20px;position:relative;top:5px;padding-right:8px;}
.login_top .right_area .userBox .option_listBox ul li .listicon path{fill:#999;}
.login_top .right_area .userBox .option_listBox ul li:hover {color:#555;background: #f0f0f0;}
.login_top .right_area .userBox .option_listBox ul li:hover .listicon path{fill:#555;}
.login_top .right_area .userBox .option_listBox .talkbox {position:absolute;top:-10px;right:17px;width:20px;}



.login_top .right_area .ar_btn {height: 36px;vertical-align:middle;line-height: 36px;font-size:13px;color:#fff;display: inline-block;position:relative;padding-right: 5px;}
.login_top .right_area .ar_btn .tbt_bell {width: 24px;height: 24px;padding: 4px 3px 14px 3px;cursor:pointer;margin: 0 2px;}
.login_top .right_area .ar_btn .tbt_bell path {fill: #ffffff;}
.login_top .right_area .ar_btn .tbt_bell:hover path {fill: #2094fa;}
.login_top .right_area .ar_btn a.arat_1 .ARnum {position:absolute;top: -1px;right: -1px;padding: 0px 5px 0 5px;font-size: 11px;color:#fff;background:#FA114F;border-radius: 10px;display: block;height: 15px;line-height: 15px;text-align: center;font-family: "Roboto", sans-serif;font-weight: 500;}
.login_top .right_area .ar_btn a.arat_1 {position:relative;display: inline-block;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox {position:absolute;width: 280px;height:auto;border-radius:4px;background:#ffffff;opacity: 0;visibility: hidden;top: 0px;margin: 43px 0 0 0;right: -10px;border: 1px solid #cccccc;}
.login_top .right_area .ar_btn a.arat_1:hover .bell_listBox {opacity: 1;visibility: visible;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox .talkbox {position:absolute;top:-10px;right:17px;width:20px;}

.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul {width:90%;margin: 9px auto;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul li {position:relative;width:auto;color:#666666;padding: 10px 4px;border-bottom: 1px solid #cccccc;font-weight:500;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul li .L_text {width:80%;line-height:17px;font-size:13px;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul li:hover .L_text {text-decoration: underline;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul li:last-child {border:0;}
.login_top .right_area .ar_btn a.arat_1 .bell_listBox ul li .closeBt {position:absolute;top: 5px;right:2px;width: 26px;cursor:pointer;}


.login_top .right_area .ar_btn .tbt_que {width: 24px;height: 24px;padding: 4px 3px 14px 3px;cursor:pointer;margin: 0 2px;}
.login_top .right_area .ar_btn .tbt_que path {fill: #ffffff;}
.login_top .right_area .ar_btn .tbt_que:hover  path {fill: #2094fa;}
.login_top .right_area .ar_btn a.arat_2 {position:relative;display: inline-block;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox {position:absolute;width:280px;height:auto;border-radius:4px;background:#ffffff;opacity: 0;visibility: hidden;top: 0px;margin: 43px 0 0 0;right: -10px;border: 1px solid #cccccc;}
/*.login_top .right_area .ar_btn a.arat_2:hover .Que_listBox {opacity: 1;visibility: visible;}*/
.login_top .right_area .ar_btn a.arat_2 .Que_listBox .talkbox {position:absolute;top:-10px;right:17px;width:20px;}

.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul {width:90%;margin: 9px auto;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul li {position:relative;width:auto;color:#666666;padding: 10px 4px;border-bottom: 1px solid #cccccc;font-weight:500;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul li .L_text {width:80%;line-height:17px;font-size:13px;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul li:hover .L_text {text-decoration: underline;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul li:last-child {border:0;}
.login_top .right_area .ar_btn a.arat_2 .Que_listBox ul li .closeBt {position:absolute;top: 5px;right:2px;width: 26px;cursor:pointer;}






.left_menu {position:fixed;top: 80px;left:0;width: 100%;height:calc(100% - 50px);overflow-y: auto;overflow-x: hidden;background: #fff;z-index: 100;display: none;background: rgba(0,0,0,0.8);}
.left_menu .mn_top {position:relative;width:100%;height:60px;border-bottom: 1px solid #ededed;display: none;}
.left_menu .mn_top .mnt_tt {position:absolute;top: 32px;left: 10px;font-size: 11px;color:#999999;font-weight: 600;letter-spacing:0;}

.MobMenuCloseBtn {position: absolute;top: 0;left: 350px;width: 80px;height: 79px;display:block;}
.MobMenuCloseBtn img {width:100%;}

#lnb {position: absolute;width: 350px;background: #fff;height: calc(100% - 10px);top: 0;left: 0;padding: 10px 0 0 0;}
#lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8;letter-spacing: -2px; background: #d71a21;}
#lnb > ul {
    padding: 0 0 50px 0;
    background: #fff;
}
#lnb > ul > li {position:relative;padding: 2px 0;background: #fff;}
#lnb > ul > li > a {
    display: block;
    width: 330px;
    padding: 14px 0;
    margin: 0 auto;
    color: inherit;
    font-size: 14px;
    font-weight:600;
    background: #eeeeee;
    border-radius: 4px;
    text-indent: 54px;
    color: #777777;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    }
#lnb > ul > li > a i {position:absolute;top:15px;right:27px;font-size:16px;}
#lnb > ul > li > a.hvc_1 {display: block;width: 330px;padding: 14px 0;margin: 0 auto;color: inherit;font-size: 14px;font-weight:600;background: #ffffff;border-radius: 4px;text-indent: 54px;color: #777777;}
#lnb > ul > li.on > a {color: #222222;background: #ffffff;font-size: 17px;padding: 12px 0 13px;text-indent: 59px;}
#lnb > ul > li a:hover {color: #ffffff; background-color: #2094fa;}
#lnb > ul > li a.hvc_1:hover {color: #ffffff; background-color: #2094fa;}
#lnb > ul > li a.hvc_2:hover {color: #ffffff; background-color: #43b4e9;}
#lnb > ul > li a.hvc_3:hover {color: #ffffff; background-color: #4ddcb8;}
#lnb > ul > li a.hvc_4:hover {color: #ffffff; background-color: #dad458;}
#lnb > ul > li a.hvc_5:hover {color: #ffffff; background-color: #dad458;}
#lnb > ul > li a.hvc_6:hover {color: #ffffff; background-color: #df6b97;}


#lnb > ul > li .mnicon_1 {position:absolute;top: 11px;left: 22px;width: 29px;height: 29px;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
#lnb > ul > li .mnicon_1 path {/*fill: #888888;*/}
#lnb > ul > li a:hover .mnicon_1 path {fill: #ffffff;}
#lnb > ul > li.on .mnicon_1 {position:absolute;top: 9px;left: 22px;width: 34px;height: 34px;}


#lnb > ul > li > ul {display: none;padding-bottom: 20px;margin-bottom: 25px;border-bottom: 1px solid #eeeeee;}
#lnb > ul > li > ul.depth1 {display: none;padding-bottom: 0px;margin-bottom: 0px;border-bottom: 1px solid #eeeeee;}

#lnb > ul > li > ul > li {position:relative;}
#lnb > ul > li > ul > li > a {display: block;padding: 14px 0;color: inherit;font-size: 14px;text-indent: 91px;font-weight:600;color: #888888;background-color: #fff;}
#lnb > ul > li > ul > li > a i {position:absolute;top:13px;right:27px;font-size:16px;}
#lnb > ul > li > ul > li.on a {color: #2094fa; background: #e2faff; }
#lnb > ul > li > ul > li li a:hover {color: #ffffff;background:#2094fa}
#lnb > ul > li > ul > li > a.on {color:#222 !important ;}

#lnb > ul > li > ul.nomalDt > li > a {display: block;padding: 14px 0;color: inherit;font-size: 14px;text-indent: 70px;font-weight:600;color: #888888; background-color: #ededed; }
#lnb > ul > li > ul.nomalDt > li.on a {color: #888888; background: #ededed; }
#lnb > ul > li > ul.nomalDt > li a:hover {color: #333333;background:#ededed}


#lnb > ul > li > ul li ul {display: none;padding-bottom: 8px;background-color: #ffffff;}
#lnb > ul > li > ul li ul li a {display: block;padding: 0 25px 10px 22px; color: #666; font-size: 12px;background-color: #f5f2ec;}
#lnb > ul li.noDepth a {background-image: none !important; }

#lnb > ul > li > ul > li .mnicon_2 {position:absolute;top: 12px;left: 49px;width:27px;height:27px;overflow:hidden;}
#lnb > ul > li > ul > li .mnicon_2 path {fill: #888888;}
#lnb > ul > li > ul > li.on .mnicon_2 path {fill: #2094fa;stroke: #2094fa;}
#lnb > ul > li > ul > li.on a:hover .mnicon_2 path {fill: #2094fa;}
#lnb > ul > li > ul > li a:hover .mnicon_2 path {fill: #ffffff;stroke: #ffffff;}


#lnb > ul > li > ul > li  > ul > li > a {display: block;padding: 14px 0;color: inherit;font-size: 14px;text-indent: 74px;font-weight:600;background:#ededed;color:#888888;}
#lnb > ul > li > ul > li  > ul > li > a:hover {color:#333333;}
#lnb > ul > li > ul > li.on  > ul > li > a {display: block;padding: 14px 0;color: inherit;font-size: 13px;text-indent: 72px;font-weight:600;background:#ededed;color:#888888;}
#lnb > ul > li > ul > li.on  > ul > li > a:hover {color:#333333;}
#lnb > ul > li > ul > li.on  > ul > li > a.on {color:#333333;}


#lnb .app_nameBox {position:relative;width:100%;text-align:center;margin: 10px 0 10px 0;}
#lnb .app_nameBox .appTimg_box {position:relative;width:96px;height:96px;background:#EEEEEE;margin: 0 auto;border-radius:10px;padding: 0 0 0 0;overflow: hidden;}
#lnb .app_nameBox .appTimg_box .Lt_name_1 {position:absolute;top:0;left:0;width:50px;height:25px;border-radius:5px;font-size:12px;line-height:26px;color:#fff;background:#ff8d29;}
#lnb .app_nameBox .appTimg_box .Lt_name_2 {position:absolute;top:0;left:0;width:50px;height:25px;border-radius:5px;font-size:12px;line-height:26px;color:#fff;background:#04de71;}
#lnb .app_nameBox .appTimg_box .app_img {
display: block;
position:absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}


#lnb .app_nameBox .app_settingBtn {position:absolute;top: 0px;right: 24px;width: 20px;height: 20px;cursor:pointer;}
#lnb .app_nameBox .app_settingBtn img {width:100%;height:100%;}
#lnb .app_nameBox .appName {position:relative;width:90%;margin: 0 auto;font-size:13px;color:#333333;font-weight:600;padding: 12px 0 5px 0 ;}

#lnb .app_nameBox .app_seltGo {position:absolute;top: 1px;left: 22px;width: 20px;height: 20px;cursor:pointer;}
#lnb .app_nameBox .app_seltGo img {width:100%;height:100%;}


.cj_content_St {padding-left: 0;overflow: auto;padding-top: 80px;}

.cont_titBar {position:relative;width:100%;height:60px;border-bottom: 1px solid #ededed;background:#ffffff;}
.cont_titBar h2 {padding: 7px 0 0 10px;font-size: 22px;color:#555555;line-height: 26px;position: relative;display: block;vertical-align: middle;}
.cont_titBar h2 .contIcon {width: 30px;height: 30px;position: relative;top: 8px;padding-right: 8px;}
.cont_titBar h2 .contIcon_color {width: 30px;height: 30px;position: relative;top: 8px;padding-right: 8px;}
.cont_titBar h2 .contIcon path {fill:#555555;}

.cont_titBar .R_navBox {position:absolute;bottom: 10px;right: 20px;line-height:20px;}
.cont_titBar .R_navBox > ul > li {float:left;padding: 0 20px 0 5px;font-size:12px;color:#999999;background-image:url(../images/icon_navArr.png);background-repeat:no-repeat;background-position: right 2px;background-size: 15px;}
.cont_titBar .R_navBox > ul > li:last-child {background:none;padding-right:10px;color:#666666;}
.cont_titBar .R_navBox > ul > li:first-child  img {width: 19px;height: 19px;padding-right: 6px;position:relative;top: -2px;}



.cont_Area {position:relative;padding: 15px ;}
.cont_Area .contBox {position:relative;width:100%;min-height:10px;background:#fff;border-radius:4px;background:#fff;margin-bottom:15px;border: 1px solid #e1e1e1;box-sizing: border-box;
box-shadow: 0px 0px 3px -2px #aaaaaa;overflow:hidden;}
.cont_Area .box_blue {background:#fff;border: 1px solid #2094fa;}


.cont_Area .L_DvcArea {position:relative;width:calc(50% - 7px);float:left;margin-right:15px;}

.cont_Area .R_DvcArea {position:relative;width:calc(50% - 8px);float:left;}


@media only screen and (max-width: 1500px) {

.cont_Area .L_DvcArea {position:relative;width:100%;float:left;margin-right:0px;}
.cont_Area .R_DvcArea {position:relative;width:100%;float:left;}
    
}





.Art_Box {position:relative;width:100%;min-height:10px;background:#fff;border-radius:4px;background:#F4FFEC;margin-bottom:15px;border: 1px solid #ABEB8C;
box-sizing: border-box;box-shadow: 0px 0px 3px -2px #aaaaaa;overflow:hidden;padding: 10px 12px;font-size: 13px;color:#555555;}
.Art_Box .text_box {width:calc(100% - 30px );}
.Art_Box .text_box span {color:#586FF1;}
.Art_Box .closeBt {position:absolute;top:5px;right:10px;width:26px;cursor:pointer;opacity:0.7;}
.Art_Box .closeBt:hover {opacity:1;}

.Art_Box_table {position:relative;width: 100%;min-height:10px;background:#fff;border-radius:4px;background:#F4FFEC;border: 1px solid #ABEB8C;box-sizing: border-box;box-shadow: 0px 0px 3px -2px #aaaaaa;overflow:hidden;padding: 10px 12px;font-size: 13px;color:#555555;}
.Art_Box_table .text_box {width: 100%;}
.Art_Box_table .text_box span {color:#586FF1;font-weight:600;}
.Art_Box_table .text_box .tts_1 {font-size:14px;font-weight:600;padding: 10px 0 0 20px;}
.Art_Box_table .text_box .tts_1 img {position:relative;top:-2px;}
.Art_Box_table .text_box .tts_2 {font-size:13px;font-weight:500;padding: 5px 0 5px 42px;line-height:1.7;}
.Art_Box_table .text_box .tts_2 span {font-size:13px;color:#008DE0;font-weight:600;}

.Art_Box2 {position:relative;width:calc(100% - 30px);min-height:10px;background:#fff;border-radius:4px;background:#F4FFEC;margin-bottom:15px;border: 1px solid #ABEB8C;
box-sizing: border-box;box-shadow: 0px 0px 3px -2px #aaaaaa;overflow:hidden;padding: 10px 12px;font-size: 13px;color:#555555;}
.Art_Box2 .text_box {width:calc(100% - 30px );}
.Art_Box2 .text_box span {color:#586FF1;}





.camp_Step {position:relative;height: 90px;}
.camp_Step .step_1 {position:absolute;top:20px;left: 11px;width: 190px;min-height:50px;background:#fff;}
.camp_Step .step_2 {position:absolute;top:20px;left: 50%;margin-left: -151px;width: 225px;min-height:50px;background:#fff;}
.camp_Step .step_3 {position:absolute;top:20px;right: 20px;width: 255px;min-height:50px;background:#fff;}
.camp_Step .StepLine {position:absolute;top: 35px;left: 30px;width: 89%;border-top: 1px solid #2094FA;}

.camp_Step .S_num {position:absolute;top:0;left: 10px;padding: 0px 7px;background:#fff;border: 3px solid #EDEDED;border-radius: 50px;font-size: 18px;line-height: 24px;font-weight: 600;color:#EDEDED;font-family: "Roboto", dotum,"돋움", sans-serif;}
.camp_Step .S_num.On {background:#2094FA;border: 3px solid #2094FA;color:#fff;}
.camp_Step .S_num.chk {background:none;border:0;padding:0;}

.camp_Step .sp_info {position:absolute;top: 8px;left: 51px;width: 80%;}
.camp_Step .sp_info .tit {font-size: 15px;line-height: 18px;font-weight: 600;color:#999999;}
.camp_Step .sp_info .tit.On {color:#666666;}
.camp_Step .sp_info .s_tt {font-size: 12px;line-height: 15px;font-weight: 500;color:#999999;padding-top: 6px;}



.tit_ty1 {position:relative;font-size:14px;color:#222222;height:22px;padding: 20px 20px 10px 20px ;font-weight:600;}

.campSeltbox {position:relative;width: 626px;border-radius:4px;border: 1px solid #e1e1e1;box-sizing: border-box;margin:10px 20px 20px;height:70px;cursor:pointer;background:#fff;}
.campSeltbox:hover {border: 1px solid #999999;}
.boxOn {border: 1px solid #2094fa;background:#f5f5f5;}
.campSeltbox .step_check_img {position:absolute;top: 18px;left: 2%;width:32px;height:32px;}

.campSeltbox .camp_selt_box {position:absolute;top:10px;left: 9.4%;width: 45%;height:50px;border-radius:10px 10px 10px 10px;background:#f5f5f5;overflow:hidden;color:#fff;font-size:18px;font-weight:600;} 
.campSeltbox .camp_selt_box .push_3 {position:absolute;top:0;left:0;width:100%;height:100%;background:#60b5e8;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .push_2 {position:absolute;top:0;left:0;width:50%;height:100%;background:#60b5e8;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .push_1 {position:absolute;top:0;left:0;width:33.33%;height:100%;background:#60b5e8;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .tok_1 {position:absolute;top:0;left:33.33%;width:33.33%;height:100%;background:#dad360;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .tok_2 {position:absolute;top:0;left:50%;width:50%;height:100%;background:#dad360;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .tok_2_left {position:absolute;top:0;left:0%;width:50%;height:100%;background:#dad360;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .tok_3 {position:absolute;top:0;left:0%;width:100%;height:100%;background:#dad360;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .messegee_1 {position:absolute;top:0;left:66.66%;width:34%;height:100%;background:#4edcb9;line-height:51px;text-align:center;} 
.campSeltbox .camp_selt_box .messegee_2 {position:absolute;top:0;left:50%;width:50%;height:100%;background:#4edcb9;line-height:51px;text-align:center;} 

.campSeltbox .campInfott {position:absolute;top: 10px;right: 10px;width: 42%;height:50px;color:#666666;display:table;text-align: left;}
.campSeltbox .campInfott span {display:table-cell;vertical-align:middle;}
.campSeltbox .camp_selt_box .step_arr {position:absolute;top:9px;left:0;}

.Btn_area {position:relative;width:100%;margin-top:20px;padding: 20px 0 40px;border-top: 1px solid #ddd;text-align:center;clear:both;}

.btn_blue {background:#2094fa;}
.btn_blue:hover {background:#1582e1;}

.btn_green {background:#04de71;}
.btn_green:hover {background:#06ca68;}

.btn_sky {background:#43b4e9;}
.btn_sky:hover {background:#329acb;}

.btn_yellow {background:#dad458;}
.btn_yellow:hover {background:#bdb746;}

.btn_orange {background:#ff9500;}
.btn_orange:hover {background:#e28400;}

.btn_emerald {background:#5ac8fa;}
.btn_emerald:hover {background:#38aee3;}

.btn_white {background:#fff;color:#666666;border: 1px solid #cccccc;}
.btn_white:hover {background:#f1f1f1;}

.btn_red {background:#ff3b30;}
.btn_red:hover {background:#e23b32;}

.btn_gray {background:#999;}
.btn_gray:hover {background:#777;}

.btn_gray2 {background:#ebebeb;color:#9e9e9e;}
.btn_gray2:hover {background:#dcdcdc;}

.shotbt {padding: 9px 15px;}

.smbt {padding: 9px 13px;font-size:12px;}
.smbt_icon {padding: 4px 7px;font-size:12px;}
.smbt_icon img {padding:0;}

.btn_grayN {background:#d2d2d2;color:#fff;cursor:default;}
.btn_grayN:hover {background:#d2d2d2;}


.captop_set {position:relative;width:100%;background:#e6f7ff;min-height:175px;color:#666666;border-bottom: 1px solid #2094fa;overflow: auto;}
.captop_set .left_box {position: relative;width: 520px;float: left;padding: 15px 0 5px 15px;}
.captop_set .right_box {position: relative;width: 600px;float: left;height: auto;padding: 15px 0 15px 15px;}

.iptable_1 {position:relative;width:550px;}
.iptable_1 table {width:100%;}
.iptable_1 table tr th {text-align:right;font-weight: 600;}
.iptable_1 table tr td {padding: 7px 7px;height:33px;}
.iptable_1 table tr td span {font-size:15px;}
.iptable_1 table tr td span b {font-size: 23px;padding: 0 3px;font-weight: 600;font-family: "Roboto", dotum,"돋움", sans-serif;letter-spacing: -0.03em;}

.cald_St {width: 110px;font-size: 13px !important;margin:0px 5px;background-image:url(../images/icon_pick_1.png);background-repeat:no-repeat;background-position: 86px 5px;}
.time_St {width: 110px;font-size: 13px !important;margin:0px 5px;background-image:url(../images/icon_pick_2.png);background-repeat:no-repeat;background-position: 86px 5px;}




.camp_contArea {position:relative;width:100%;background:#fff;min-height:550px;color:#666666;}

.camp_contArea .tab_top_Bar {position:relative;width:calc(100% - 30px);height: 124px;margin: 0 auto;border-bottom: 1px solid #cccccc;}
.camp_contArea .tab_top_Bar .top_box {position:absolute;bottom:0;left:0px;}
.camp_contArea .tab_top_Bar .R_btn {position:absolute;bottom: 68px;right:0px;}


ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    background: none;
    color: #999999;
    display: inline-block;
    padding: 14px 16px 12px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    border: 1px solid #cccccc;
    border-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    min-width: 80px;
    text-align: center;
}
ul.tabs li:hover {color:#555555;background:#f5f5f5;}

ul.tabs li.cl1.current{
    background: #43b4e9;
    color: #fff;
    border: 1px solid #43b4e9;
    border-bottom: 0;
}
ul.tabs li.cl2.current{
    background: #dad458;
    color: #fff;
    border: 1px solid #dad458;
    border-bottom: 0;
}
ul.tabs li.cl3.current{
    background: #4edcb9;
    color: #fff;
    border: 1px solid #4edcb9;
    border-bottom: 0;
}
ul.tabs li.cl4.current{
    background: #dad458;
    color: #fff;
    border: 1px solid #dad458;
    border-bottom: 0;
}
ul.tabs li.cl5.current{
    background: #F97267;
    color: #fff;
    border: 1px solid #F97267;
    border-bottom: 0;
}



.tab-content{
    display: none;
    background: #fff;
}

.tab-content.current{
    display: inherit;
}



ul.tabs2{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs2 li{
    background: none;
    color: #999999;
    display: inline-block;
    padding: 8px 24px 4px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    border: 1px solid #cccccc;
    border-bottom: 0;
    font-size: 13px;
    font-weight: 600;
}
ul.tabs2 li:hover {color:#555555;background:#f5f5f5;}
ul.tabs2 li.current {color:#ffffff;background:#F97267;}

.tab-content2{
    display: none;
}

.tab-content2.current{
    display: inherit;
}



ul.tabs3{
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #cccccc;
    box-sizing: border-box;
}
ul.tabs3 li{
    background: none;
    color: #999999;
    display: inline-block;
    padding: 13px 34px 10px;
    cursor: pointer;
    border-radius: 4px 4px 0 0;
    border: 1px solid #cccccc;
    border-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    top: 1px;
}
ul.tabs3 li:hover {color:#3095ed;}
ul.tabs3 li.current {color: #3095ed;background: #ffffff;}

.tab-content3{
    display: none;
}

.tab-content3.current{
    display: inherit;
}
















.camp_contArea .cap_inp_Area {position:relative;width: 100%;margin: 0 auto;}
.camp_contArea .cap_inp_Area .ip_Area {position:relative;width: 97%;margin: 10px auto;overflow:auto;}
.camp_contArea .cap_inp_Area .ip_Area .left_area {position:relative;width:640px;float:left;}
.camp_contArea .cap_inp_Area .ip_Area .right_area {position:relative;width: 450px;float:left;padding-top:10px;padding-left: 10px;}


.iptable_2 {position:relative;width:630px;}
.iptable_2 table {width:100%;font-size:13px;}
.iptable_2 table thead tr th {text-align:center;padding: 13px 13px;border-bottom: 1px solid #e6e6e6;color:#888888;}
.iptable_2 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_2 table tbody tr td {padding: 13px 10px;height:33px;border-bottom: 1px solid #e6e6e6;}
.iptable_2 table tbody tr td span {font-size:15px;}
.iptable_2 table tbody tr td span b {font-size:19px;padding: 0 3px;}


.phshExBox_1 {width: 450px;min-height:600px;border-radius: 20px 20px 0 0;border: 1px solid #cccccc;background:#f8f8f8;margin: 10px 0 0 0;}
.phshExBox_1 .p_messgeBox {width:400px;height:360px;margin: 30px auto 10px;background:#ebebeb;border-radius:10px;overflow:hidden;}

.phshExBox_1 .p_messgeBox .b_top {position:relative;width:100%;height:50px;background:#f2f2f2;}
.phshExBox_1 .p_messgeBox .b_top .top_name {position:absolute;top: 20px;left: 26px;color:#676767;font-size:12px;}
.phshExBox_1 .p_messgeBox .b_top .top_name span {float:left;padding: 0 6px 0 0 ;}
.phshExBox_1 .p_messgeBox .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}

.phshExBox_1 .p_messgeBox .b_inputArea {position:relative;width:360px;margin: 10px auto;}
.phshExBox_1 .p_messgeBox .textarea_St {position:relative;width:360px;height: 240px;margin: 11px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px solid #d9d9d9;font-size:13px;}
.phshExBox_1 .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}

.phshExBox_1 .img_upBox {position:relative;width:92%;margin: 20px auto 10px;border-top: 1px solid #e3e3e3;overflow: auto;padding: 20px 0 0 0;}
.phshExBox_1 .img_upBox .up_tit {position:relative;width: 100px;float:left;padding: 4px 0 10px 0;}
.phshExBox_1 .img_upBox .up_ipSet {position:relative;width: 395px;float:left;}

.phshExBox_1 .img_upBox .up_ipSet .upload_box {position:relative;width:100%;min-height: 75px;}
/*.phshExBox_1 .img_upBox .up_ipSet .upload_box .upimg {position:absolute;top: 0px;left: 80px;width: 60px;height: 27px;overflow:hidden;background: #999;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .upimg .imgSc {display: block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .file_name {position:absolute;top: 6px;left: 151px;width: 240px;height: 27px;font-size: 12px;letter-spacing: -0.03em;word-break: break-all;vertical-align: middle;display: table-cell;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .file_infott {position:absolute;top: 39px;left: 3px;width: 360px;height: 27px;font-size: 12px;letter-spacing: -0.03em;color: #999;}*/

.phshExBox_1 .img_upBox .up_ipSet .upload_box .upimg {position:relative;width: 60px;height: 27px;overflow:hidden;background: #999;float:left;margin: 0 0 0 10px;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .upimg .imgSc {display: block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .file_name {position: relative;max-width: 240px;height: 27px;font-size: 12px;letter-spacing: -0.03em;word-break: break-all;vertical-align: middle;display: table;float: left;margin: 0 0 0 10px;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .file_name span {line-height: 14px;display: table-cell;vertical-align: middle;}
.phshExBox_1 .img_upBox .up_ipSet .upload_box .file_name .Imgdelbtn {width:20px;margin: 0 0 0 5px;cursor: pointer;}






.type_selt {position:relative;width:100%;margin: 20px 0 20px 0 ;border-bottom: 1px solid #e6e6e6;padding: 0 0 20px 0 ;}




.phshExBox_2 {width: 450px;min-height:600px;border-radius: 10px;border: 1px solid #cccccc;background: #c3d7e2;margin: 10px 0 0 0px;position:relative;}
.phshExBox_2 .p_messgeBox {width: 275px;height: auto;margin: 50px 0 20px 40px;background: #ffffff;border-radius:10px;overflow:hidden;}

.phshExBox_2 .p_messgeBox .b_top {position:relative;width:100%;height:50px;background: #fff300;}
.phshExBox_2 .p_messgeBox .b_top .top_name {position:absolute;top: 14px;left: 0;color: #383838;font-size: 17px;width: 100%;text-align: center;font-weight: 600;}
.phshExBox_2 .p_messgeBox .b_top .top_name span {}
.phshExBox_2 .p_messgeBox .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}

.phshExBox_2 .p_messgeBox .b_inputArea {position:relative;width: 100%;margin: 10px auto;}
.phshExBox_2 .p_messgeBox .textarea_St {position:relative;width: 100%;height: 220px;margin: 0px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px;font-size:14px;}
.phshExBox_2 .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}
.phshExBox_2 .kakaoCir {position:absolute;top: 34px;right: 117px;width:37px;height:37px;}
.phshExBox_2 .kkname {position:absolute;top: 10px;left: 10px;}
.phshExBox_2 .kkname .imgBox {width:30px;height:30px;border-radius: 11px;background:#f5f5f5;float:left;overflow:hidden;}
.phshExBox_2 .kkname .k_name {font-size:12px;color:#71483d;float:left;padding: 8px 0 0 8px;}

.phshExBox_2 .top_btn_Box {position:relative;width:92%;margin: 10px auto 10px;}
.phshExBox_2 .top_btn_Box .Tbtbox {position:relative;width:100%;height: 20px;line-height: 1.5;background:#eeeeee;color:#333333;text-align:center;border-radius:6px;font-weight: 600;font-size: 15px;padding: 14px 0;}

.cust_selt {position:absolute;top: 49px;left: 10px;width: 400px;height:auto;min-height: 80px;border: 1px solid #ddd;border-radius: 4px;background: #ffffff;box-sizing: border-box;
max-height: 113px;overflow: auto;padding-bottom: 0px;z-index: 1;}
.cust_selt_2 {position:relative;width: 400px;height:auto;min-height: 100px;border: 1px solid #ddd;border-radius: 4px;background: #ffffff;box-sizing: border-box;max-height: 150px;overflow: auto;}

.cust_selt_4 {position:absolute;top: 38px;left: 0px;width: 400px;height:auto;min-height: 80px;border: 1px solid #ddd;border-radius: 4px;background: #ffffff;box-sizing: border-box;
max-height: 113px;overflow: auto;padding-bottom: 0px;z-index:1;}



.cus_list {position:relative;overflow:auto;padding: 9px;}
.cus_list ul > li {float:left;position: relative;margin: 5px 4px 10px 4px;}
.cus_list ul > li span {padding: 4px 4px;border: 1px solid #cdf1b2;background:#f6ffed;color:#555;border-radius:4px;font-size:13px !important;cursor:pointer;}
.cus_list ul > li span:hover {border: 1px solid #b6d99c;}

.tag_list {position:relative;overflow:auto;padding: 9px;}
.tag_list ul > li {float:left;position: relative;margin: 5px 4px 10px 4px;}
.tag_list ul > li span {padding: 4px 14px;border: 1px solid #bee6ff ;background:#e6f7ff ;color:#555;border-radius:4px;font-size:13px !important;cursor:pointer;}
.tag_list ul > li.on span {color:#fff;background: #43b4e9;border: 1px solid #43b4e9;}
.tag_list ul > li span:hover {border: 1px solid #85bde0;}

.CHtag {position:relative;padding: 5px 0 ;}



.phshExBox_3 {width: 450px;min-height:600px;border-radius: 20px 20px 0 0;border: 1px solid #cccccc;background:#f8f8f8;margin: 10px 0 0 0px;}
.phshExBox_3 .mes_selt {position:relative;width: auto;margin: 20px 0 10px;overflow: auto;padding-left: 35px;}
.phshExBox_3 .mes_selt > ul > li {float:left;padding:8px 24px;background:#fff;text-align:center;color:#666666;font-size:13px;font-weight:600;border: 1px solid #cccccc;margin-left:-1px;cursor:pointer;}
.phshExBox_3 .mes_selt > ul > li:first-child {border-radius: 4px 0 0 4px;}
.phshExBox_3 .mes_selt > ul > li:last-child {border-radius: 0 4px 4px 0 ;}
.phshExBox_3 .mes_selt > ul > li.on {color:#fff;background:#1582E1;border: 1px solid #1582E1;}


.phshExBox_3 .p_messgeBox {width:400px;height: 324px;margin: 10px auto 10px;background:#ebebeb;border-radius:10px;overflow:hidden;}
.phshExBox_3 .p_messgeBox .b_inputArea {position:relative;width:360px;margin: 20px auto;}
.phshExBox_3 .p_messgeBox .textarea_St {position:relative;width:360px;height: 240px;margin: 11px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px solid #d9d9d9;}
.phshExBox_3 .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}

.phshExBox_3 .img_upBox {position:relative;width:92%;margin: 20px auto 10px;border-top: 1px solid #e3e3e3;overflow: auto;padding: 20px 0 0 0;}
.phshExBox_3 .img_upBox .up_tit {position:relative;width: 100px;float:left;padding: 4px 0 10px 0;}
.phshExBox_3 .img_upBox .up_ipSet {position:relative;width: 395px;float:left;}

.phshExBox_3 .img_upBox .up_ipSet .upload_box {position:relative;width:100%;min-height: 37px;}
.phshExBox_3 .img_upBox .up_ipSet .upload_box .upimg {position:absolute;top: 0px;left: 80px;width: 60px;height: 27px;overflow:hidden;background: #999;}
.phshExBox_3 .img_upBox .up_ipSet .upload_box .upimg .imgSc {
display: block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
/*.phshExBox_3 .img_upBox .up_ipSet .upload_box .file_name {position:absolute;top: 7px;left: 151px;width: 260px;height: 27px;font-size: 12px;letter-spacing: -0.03em;word-break: break-all;}
.phshExBox_3 .img_upBox .up_ipSet .file_infott {width: 340px;height: auto;font-size: 12px;letter-spacing: -0.03em;color: #999;}*/

.phshExBox_3 .img_upBox .up_ipSet .upload_box .file_name {position:absolute;top: 0px;left: 151px;max-width: 260px;height: 27px;font-size: 12px;letter-spacing: -0.03em;word-break: break-all;display: table;}
.phshExBox_3 .img_upBox .up_ipSet .upload_box .file_name span {line-height: 14px;display: table-cell;vertical-align: middle;}
.phshExBox_3 .img_upBox .up_ipSet .upload_box .file_name .Imgdelbtn {width:20px;margin: 0 0 0 5px;cursor: pointer;}


.toksize_selt {position:relative;padding: 20px 0 20px 10px;border-bottom: 1px solid #e6e6e6;}





.upload_box_table {position:relative;width:100%;min-height: 37px;}
.upload_box_table .upimg {position:absolute;top: 0px;left: 80px;width: 60px;height: 27px;overflow:hidden;background: #999;}
.upload_box_table .upimg .imgSc {
display: block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
/*.upload_box_table .file_name {position:absolute;top: 7px;left: 151px;width: 60px;height: 27px;font-size: 12px;letter-spacing: -0.03em;}
.upload_box_table .file_infott {width: 430px;height: auto;font-size: 12px !important;letter-spacing: -0.03em;color: #999;padding: 10px 0 0 0;}*/

.upload_box_table .file_name {position:absolute;top: 1px;left: 151px;max-width: 280px;height: 27px;font-size: 12px !important;letter-spacing: -0.03em;display: table;word-break: break-all;}
.upload_box_table .file_name span {display: table-cell;vertical-align: middle;font-size: 12px;line-height: 15px;}
.upload_box_table .file_name .Imgdelbtn {width:20px;margin: 0 0 0 5px;cursor: pointer;}
.upload_box_table .file_infott {width: 430px;height: auto;font-size: 12px !important;letter-spacing: -0.03em;color: #999;padding: 10px 0 0 0;}



/*.upload_box_table2 {position:relative;width:100%;min-height: 27px;display: table;}
.upload_box_table2 .upimg {position:absolute;top: 0px;left: 0px;width: 60px;height: 27px;overflow:hidden;background: #999;}
.upload_box_table2 .upimg .imgSc {
display: block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.upload_box_table2 .file_name {position:absolute;top: 0px;left: 71px;width: calc(100% - 71px);height: 27px;font-size: 12px;letter-spacing: -0.03em;display: table;}
.upload_box_table2 .file_name .tbox {display: table-cell;vertical-align: middle;width: 100%;position: relative;word-break: break-all;}*/

.upload_box_table2 {position:relative;width:100%;min-height: 27px;display: table;}
.upload_box_table2 .upimg {position:absolute;top: 0px;left: 0px;width: 60px;height: 27px;overflow:hidden;background: #999;}
.upload_box_table2 .upimg .imgSc {
display: block;position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.upload_box_table2 .file_name {position:absolute;top: 0px;left: 71px;width: calc(100% - 84px);height: 27px;font-size: 12px;letter-spacing: -0.03em;display: table;}
.upload_box_table2 .file_name .tbox {display: table-cell;vertical-align: middle;width: 100%;position: relative;word-break: break-all;}
.upload_box_table2 .file_name span {display: table-cell;vertical-align: middle;font-size:12px;}
.upload_box_table2 .file_name .Imgdelbtn {width:20px;margin: 0 0 0 5px;cursor: pointer;}


.phshExBox_4 {width: 450px;min-height:600px;border-radius: 10px;border: 1px solid #cccccc;background: #c3d7e2;margin: 10px 0 0 0px;position:relative;}
.phshExBox_4 .p_messgeBox {width: 275px;height: auto;margin: 50px 0 20px 40px;background: #ffffff;border-radius:10px;overflow:hidden;}
.phshExBox_4 .wideSize {width:330px;}

.phshExBox_4 .p_messgeBox .b_top {position:relative;width:100%;height:auto;background: #f5f5f5;}
.phshExBox_4 .p_messgeBox .b_top .top_name {position:absolute;top: 14px;left: 0;color: #383838;font-size: 17px;width: 100%;text-align: center;font-weight: 600;}
.phshExBox_4 .p_messgeBox .b_top .top_name span {}
.phshExBox_4 .p_messgeBox .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}

.phshExBox_4 .p_messgeBox .b_top .top_image {position:relative;width:100%;}
.phshExBox_4 .p_messgeBox .b_top .top_image img {width:100%;}

.phshExBox_4 .p_messgeBox .b_inputArea {position:relative;width: 100%;margin: 10px auto;}
.phshExBox_4 .p_messgeBox .textarea_St {position:relative;width: 100%;height: 220px;margin: 0px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px;font-size:14px;}
.phshExBox_4 .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}
.phshExBox_4 .kkname {position:absolute;top: 10px;left: 10px;}
.phshExBox_4 .kkname .imgBox {width:30px;height:30px;border-radius: 11px;background:#f5f5f5;float:left;overflow:hidden;}
.phshExBox_4 .kkname .k_name {font-size:12px;color:#71483d;float:left;padding: 8px 0 0 8px;}

.phshExBox_4 .top_btn_Box {position:relative;width:92%;margin: 10px auto 10px;}
.phshExBox_4 .top_btn_Box .Tbtbox {position:relative;width:100%;height: 20px;line-height: 1.5;background:#eeeeee;color:#333333;text-align:center;border-radius:6px;font-weight: 600;font-size: 15px;padding: 14px 0;}





.iptable_3 {position:relative;width:96%;margin: 0 auto;padding: 30px 0 0 0;overflow: auto;}
.iptable_3 table {width: 1000px;font-size:13px;}
.iptable_3 table thead tr th {text-align:center;padding: 13px 10px;border-bottom: 1px solid #e6e6e6;color:#888888;}
.iptable_3 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_3 table tbody tr td {padding: 13px 10px;height:33px;border-bottom: 1px solid #e6e6e6;background:#fff;text-align:center;font-weight: 600;color:#666666;font-size:15px;line-height:1.5;}
.iptable_3 table tbody tr td span {font-size:15px;}
.iptable_3 table tbody tr td span b {font-size:19px;padding: 0 3px;}



.pv_area {position:relative;width:100%;margin: 50px 0 30px 0;overflow: auto;}


.preview_box {position:relative;width: 100%;}
.preview_box > ul {margin: 0 auto;text-align: center;}
.preview_box > ul > li {width: 340px;margin: 0 6px 50px;display: inline;display: inline-block;position:relative;vertical-align: top;}
.preview_box > ul > li .pinfo_box {position:relative;width: 340px;margin: 0 auto;white-space: normal;}
.preview_box > ul > li .pinfo_box .NameB {position:relative;width:100%;margin: 0 auto 0px;border-radius:6px;text-align:center;color:#fff;font-size:17px;font-weight:600;background: #43b4e9;padding: 10px 0;}
.preview_box > ul > li .pinfo_box .bg_tok {background:#dad458;}
.preview_box > ul > li .pinfo_box .bg_mes {background:#4edcb9;}

.preview_box .p_messgeBox {width: 340px;min-height: 200px;margin: 30px auto 10px;background:#ebebeb;border-radius: 30px;overflow:hidden;}
.preview_box .p_messgeBox .b_top {position:relative;width:100%;height:50px;background:#f2f2f2;}
.preview_box .p_messgeBox .b_top .m_time {position:absolute;top: 24px;right: 17px;font-size:12px;}
.preview_box .p_messgeBox .b_top .top_name {position:absolute;top: 20px;left: 26px;color:#676767;font-size:12px;}
.preview_box .p_messgeBox .b_top .top_name span {float:left;padding: 0 6px 0 0 ;}
.preview_box .p_messgeBox .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}
.preview_box .p_messgeBox .b_inputArea {position:relative;width:90%;margin: 10px auto 20px;text-align:left;}
.preview_box .p_messgeBox .b_inputArea .p_tit {position:relative;width:100%;margin: 20px 0 0 0;text-align:left;font-size:16px;line-height: 19px;color:#222222;}
.preview_box .p_messgeBox .b_inputArea .p_text {position:relative;width:100%;margin: 10px 0 0 0;text-align:left;font-size:14px;line-height: 19px;color:#333333;}

.preview_box .p_messgeBox_2 {width: 340px;min-height: 150px;margin: 30px auto 10px;background: #ffffff;border-radius: 30px;overflow:hidden;border:  1px solid #dddddd;}
.preview_box .p_messgeBox_2 .b_top {position:relative;width:100%;height: 40px;background: #ffffff;}
.preview_box .p_messgeBox_2 .b_top .m_time {position:absolute;top: 24px;right: 17px;font-size:12px;}
.preview_box .p_messgeBox_2 .b_top .top_name {position:absolute;top: 20px;left: 19px;color:#676767;font-size:12px;}
.preview_box .p_messgeBox_2 .b_top .top_name span {float:left;padding: 0 6px 0 0 ;}
.preview_box .p_messgeBox_2 .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}
.preview_box .p_messgeBox_2 .b_inputArea {position:relative;width:90%;margin: 0px auto 20px;text-align:left;}
.preview_box .p_messgeBox_2 .b_inputArea .p_tit {position:relative;width:100%;margin: 9px 0 0 0;text-align:left;font-size: 14px;line-height: 19px;color:#222222;}
.preview_box .p_messgeBox_2 .b_inputArea .p_text {position:relative;width:100%;margin: 1px 0 0 0;text-align:left;font-size:14px;line-height: 19px;color:#333333;}



.preview_box .p_messgeBox_3 {width: 275px;height: auto;margin: 30px auto 20px;background: #ffffff;border-radius:10px;overflow:hidden;border: 1px solid #dddddd;}
.preview_box .p_messgeBox_3 .b_top {position:relative;width:100%;height:50px;background: #fff300;}
.preview_box .p_messgeBox_3 .b_top .top_name {position:absolute;top: 14px;left: 0;color: #383838;font-size: 17px;width: 100%;text-align: center;font-weight: 600;}
.preview_box .p_messgeBox_3 .b_top .top_name span {}
.preview_box .p_messgeBox_3 .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}

.preview_box .p_messgeBox_3 .b_inputArea {position:relative;width: 90%;margin: 10px auto 20px;}
.preview_box .p_messgeBox_3 .b_inputArea .p_tit {position:relative;width:100%;margin: 20px 0 0 0;text-align:left;font-size: 14px;line-height: 19px;color:#222222;}
.preview_box .p_messgeBox_3 .b_inputArea .p_text {position:relative;width:100%;/* margin: 10px 0 0 0; */text-align:left;font-size:14px;line-height: 19px;color:#333333;}
.preview_box .p_messgeBox_3 .textarea_St {position:relative;width: 100%;height: 220px;margin: 0px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px;}
.preview_box .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}
.preview_box .kakaoCir {position:absolute;top: 54px;right: 35px;width:37px;height:37px;}
.preview_box .top_btn_Box {position:relative;width:92%;margin: 10px auto 10px;}
.preview_box .top_btn_Box .Tbtbox {position:relative;width:100%;height: 20px;line-height: 1.5;background:#eeeeee;color:#333333;text-align:center;border-radius:6px;font-weight: 600;font-size: 15px;padding: 14px 0;}



.preview_box .p_messgeBox_4 {width: 340px;min-height: 150px;margin: 30px auto 10px;background: #e5e4e9;border-radius:10px;overflow:hidden;border:  1px solid #e5e4e9;}
.preview_box .p_messgeBox_4 .b_inputArea {position:relative;width:90%;margin: 0px auto 20px;text-align:left;}
.preview_box .p_messgeBox_4 .b_inputArea .p_tit {position:relative;width:100%;margin: 20px 0 0 0;text-align:left;font-size: 14px;line-height: 19px;color:#000;}
.preview_box .p_messgeBox_4 .b_inputArea .p_text {position:relative;width:100%;margin: 1px 0 0 0;text-align:left;font-size:14px;line-height: 19px;color:#333333;}




.preview_box .p_messgeBox_5 {width: 275px;height: auto;margin: 30px auto 10px;background: #ffffff;border-radius:10px;overflow:hidden;border: 1px solid #dddddd;}
.preview_box .wideSize {width:330px;}

.preview_box .p_messgeBox_5 .b_top {position:relative;width:100%;height:auto;background: #f5f5f5;}
.preview_box .p_messgeBox_5 .b_top .top_name {position:absolute;top: 14px;left: 0;color: #383838;font-size: 17px;width: 100%;text-align: center;font-weight: 600;}
.preview_box .p_messgeBox_5 .b_top .top_name span {}
.preview_box .p_messgeBox_5 .b_top .top_name .imgBox {width:15px;height:15px;border-radius:3px;background:#cccccc;overflow:hidden;}
.preview_box .p_messgeBox_5 .b_top .top_image {position:relative;width:100%;}
.preview_box .p_messgeBox_5 .b_top .top_image img {width:100%;}

.preview_box .p_messgeBox_5 .b_inputArea {position:relative;width: 90%;margin: 10px auto 20px;}
.preview_box .p_messgeBox_5 .b_inputArea .p_tit {position:relative;width:100%;margin: 20px 0 0 0;text-align:left;font-size: 14px;line-height: 19px;color:#222222;}
.preview_box .p_messgeBox_5 .b_inputArea .p_text {position:relative;width:100%;/* margin: 10px 0 0 0; */text-align:left;font-size:14px;line-height: 19px;color:#222222;}

.preview_box .p_messgeBox_5 .textarea_St {position:relative;width: 100%;height: 220px;margin: 0px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px;}
.preview_box .byt_num {position:relative;width:92%;margin: 20px auto 10px ;font-size:12px;color:#888;text-align:right;}
.preview_box .kkname {position:absolute;top: 10px;left: 10px;}
.preview_box .kkname .imgBox {width:30px;height:30px;border-radius: 11px;background:#f5f5f5;float:left;overflow:hidden;}
.preview_box .kkname .k_name {font-size:12px;color:#71483d;float:left;padding: 8px 0 0 8px;}





/*팝업*/

.popup_St {position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.popup_St .popBg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.popup_St .pop_content {position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;overflow:auto;}



.pop_Area_1300 {position:relative;width:1120px;margin: 55px auto 50px;background:#fff;min-height:500px;border-radius:8px;}
.pop_Area_1300 .A_btnBox {position:absolute;top: -50px;left: -4px;}
.pop_Area_1300 .pop_topbar {position:relative;width:100%;height:50px;border-bottom: 1px solid #cccccc;}
.pop_Area_1300 .pop_topbar .p_tit {font-size: 14px;font-weight:600;color:#666666;padding: 16px 0 0 20px ;}
.pop_Area_1300 .pop_topbar .pop_close {position:absolute;top: 7px;right:20px;cursor:pointer;opacity:0.6;}
.pop_Area_1300 .pop_topbar .pop_close:hover {opacity:1;}


.pop_Area_1300 .p_content {position:relative;width:100%;padding: 30px 0;}

.pop_Area_1300 .pop_bottombar {position:relative;width:90%;margin: 0 auto ;height:auto;border-top: 1px solid #cccccc;padding: 10px 0 ;}
.pop_Area_1300 .pop_bottombar .p_info_TT {padding: 8px 10px ;font-size:13px;color:#444444;border: 1px solid #ffcac7;background:#fff1f0;box-sizing:border-box;border-radius:4px;}
.pop_Area_1300 .pop_bottombar .pb_btnArea {position:relative;width: 101%;margin: 0 0 0 -0.5%;padding: 10px 0;overflow:auto;text-align:center;}





.pop_Area_500 {position:relative;width:500px;margin: 200px auto 50px;background:#fff;border-radius:8px;}
.pop_Area_500 .A_btnBox {position:absolute;top: -50px;left: -4px;}
.pop_Area_500 .pop_topbar {position:relative;width:100%;height:50px;border-bottom: 1px solid #cccccc;}
.pop_Area_500 .pop_topbar .p_tit {font-size: 14px;font-weight:600;color:#666666;padding: 16px 0 0 20px ;}
.pop_Area_500 .pop_topbar .pop_close {position:absolute;top: 7px;right:20px;cursor:pointer;opacity:0.6;}
.pop_Area_500 .pop_topbar .pop_close:hover {opacity:1;}

.pop_Area_500 .p_content {position:relative;width:100%;padding: 40px 0 40px;}

.p_content .TT_Box {position:relative;width:80%;margin: 0 auto;text-align: center;}
.p_content .TT_Box .ipbox {position:relative;width: 100%;margin: 0 auto;text-align: center;}
.p_content .TT_Box .ipbox .img_ps {display: inline;display: inline-block;padding: 0 10px 0 0;}
.p_content .TT_Box .ipbox .TT_ps {display: inline;display: inline-block;max-width: 300px;vertical-align: middle;text-align: left;font-size:14px;font-weight:600;color:#222222;line-height:1.5;}
.p_content .TT_Box .ipbox .TT_ps span {color:#f5202c;}


.p_content .upload_Box {position:relative;width:80%;margin: 0 auto;text-align: center;}
.p_content .upload_Box .load_ps {position:relative;width:100%;text-align: center;padding: 0 0 10px 0 ;font-size:12px;font-weight:600;color:#444444;}
.p_content .upload_Box .load_ps span {font-weight:600;color: #2094fa;}
.p_content .upload_Box .upload_bar {position:relative;width:100%;height:14px;border-radius:7px;background:#cccccc;}
.p_content .upload_Box .upload_bar .bar {position:absolute;top:0;left:0;height:14px;border-radius:7px;background:#2094fa;}


.pop_Area_1000 {position:relative;width:1000px;margin: 55px auto 50px;background:#fff;border-radius:8px;}
.pop_Area_1000 .A_btnBox {position:absolute;top: -50px;left: -4px;}
.pop_Area_1000 .pop_topbar {position:relative;width:100%;height:50px;border-bottom: 1px solid #cccccc;}
.pop_Area_1000 .pop_topbar .p_tit {font-size: 14px;font-weight:600;color:#666666;padding: 16px 0 0 20px ;}
.pop_Area_1000 .pop_topbar .pop_close {position:absolute;top: 7px;right:20px;cursor:pointer;opacity:0.6;}
.pop_Area_1000 .pop_topbar .pop_close:hover {opacity:1;}

.pop_Area_1000 .p_content {position:relative;width:100%;padding: 20px 0 20px;}



.pop_Area_750 {position:relative;width:680px;margin: 55px auto 50px;background:#fff;border-radius:8px;}
.pop_Area_750 .A_btnBox {position:absolute;top: -50px;left: -4px;}
.pop_Area_750 .pop_topbar {position:relative;width:100%;height:50px;border-bottom: 1px solid #cccccc;}
.pop_Area_750 .pop_topbar .p_tit {font-size: 14px;font-weight:600;color:#666666;padding: 16px 0 0 20px ;}
.pop_Area_750 .pop_topbar .pop_close {position:absolute;top: 7px;right:20px;cursor:pointer;opacity:0.6;}
.pop_Area_750 .pop_topbar .pop_close:hover {opacity:1;}
.pop_Area_750 .pop_topbar span {font-size:12px;color:#999;padding: 0 0 0 10px;font-weight:500;}

.pop_Area_750 .p_content {position:relative;width:100%;padding: 40px 0 40px;box-sizing:border-box;}
.pop_Area_750 .p_content.pading15 {padding:15px;}



.iptable_4 {position:relative;width:96%;margin: 0 auto;padding: 10px 0 0 0;}
.iptable_4 table {width:100%;font-size:13px;}
.iptable_4 table thead tr th {text-align:center;padding: 13px 13px;border-bottom: 1px solid #e6e6e6;color:#888888;}
.iptable_4 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_4 table tbody tr td {padding: 13px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#333333;font-size:13px;line-height:1.5;}
.iptable_4 table tbody tr td span {font-size:15px;}
.iptable_4 table tbody tr td span b {font-size:19px;padding: 0 3px;}


.iptable_pkye {position:relative;width:96%;margin: 0 auto 20px;padding: 10px 0 0 0;}
.iptable_pkye table {width:100%;font-size:13px;}
.iptable_pkye table thead tr th {text-align:center;padding: 13px 13px;border-bottom: 1px solid #e6e6e6;color:#888888;}
.iptable_pkye table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_pkye table tbody tr td {padding: 10px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#333333;font-size:13px;line-height:1.5;}
.iptable_pkye table tbody tr td span {font-size:15px;}
.iptable_pkye table tbody tr td span b {font-size:19px;padding: 0 3px;}



.ep_paging {position:relative;width:100%;background:#ffffff;padding: 20px 0 40px 0 ;font-family: 'Nanum Barun Gothic', sans-serif;}
.ep_paging .ps_area {position:relative;width:100%;height:50px;text-align:center;}
.ep_paging .ps_area span {font-size: 14px;font-weight:600;margin: 0 2px;padding: 8px 0px;background: #ffffff;border-radius: 4px;border: 1px solid #cccccc;}
.ep_paging .ps_area span a {color: #a5a5a5;padding: 10px 12px;}
.ep_paging .ps_area span.imgb a {color: #a5a5a5;padding: 10px 4px;}
.ep_paging .ps_area span.on {background: #ffffff;border: 1px solid #2094fa;}
.ep_paging .ps_area span.on a {color: #1987e8;}
.ep_paging .ps_area span:hover {background: #ffffff;border: 1px solid #2094fa;}
.ep_paging .ps_area span:hover a {color:#333333;}

.ep_paging .ps_area img {width:50%;max-width:21px;margin-top: -2px;}
.ep_paging .ps_area .gobtn {margin: 0 3px;opacity:0.5;}
.ep_paging .ps_area .gobtn:hover {opacity:1;}


.pc_top_1 {position:relative;width:96%;margin: 0 auto;padding: 10px 0 20px 0;color:#666666;}
.pc_top_1 .top_tit {font-size:13px;}
.pc_top_1 .R_btnSelt {position:absolute;right:0;top:1px;}


.iptable_5 {position:relative;width:100%;}
.iptable_5 table {width:100%;font-size:13px;border-top: 1px solid #e6e6e6;}
.iptable_5 table thead tr th {text-align:center;padding: 13px 13px;border-bottom: 1px solid #e6e6e6;color:#888888;}
.iptable_5 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;background: #F8F8F8;}
.iptable_5 table tbody tr td {padding: 13px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:left;background: #F8F8F8;}
.iptable_5 table tbody tr td span {font-size:15px;}
.iptable_5 table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_5 table tbody tr td p {padding: 5px 0;font-size:12px;color:#666666;margin: 0;}
.iptable_5 table tbody tr th.talign {text-align:center;}
.iptable_5 table tbody tr th .tdt_1 {padding: 8px 0 4px 0 ;}
.iptable_5 table tbody tr th .tdt_2 {color:#F97267;}
.iptable_5 table tbody tr td input {width:80% !important ;}
.iptable_5 table tbody tr td textarea {width:80% !important ;}

.cust_selt_3 {position:relative;height:auto;box-sizing: border-box;}
.cus_list_2 {position:relative;overflow:auto;padding: 0px 9px 4px 0;}
.cus_list_2 ul > li {float:left;position: relative;margin: 5px  4px 5px 0px;}
.cus_list_2 ul > li span {padding: 4px 4px;border: 1px solid #cdf1b2;background:#f6ffed;color:#555;border-radius:4px;font-size:13px !important;cursor:pointer;}
.cus_list_2 ul > li span:hover {border: 1px solid #b6d99c;}



.mail_tab {position:relative;}
.mail_wrBox {position:relative;width: 490px;height:600px;border: 1px solid #CCCCCC;background:#fff;}



.s_tble {position:relative;width: 500px;padding: 20px 0;}
.s_tble table {width:100%;font-size:13px;border:0;}
.s_tble table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border:0;}
.s_tble table tbody tr td {padding: 5px 10px;height:33px;text-align:left;background: #F8F8F8;border:0;}
.s_tble table tbody tr td span {font-size:15px;display: block;padding: 10px 0 0 0;}
.s_tble table tbody tr td span b {font-size:19px;padding: 0 3px;}


.textarea_table {position:relative;width:650px;height: 100px;margin: 0px auto;box-sizing: border-box;padding:10px;border-radius: 4px;border: 1px solid #d9d9d9;font-size:13px;}


.tb_dwList {position:relative;width: 500px;margin: 10px 0 0 0;overflow: auto;}
.tb_dwList ul li {float:left;width: 240px;margin: 10px 5px 10px 0;}

.tb_infoTT_bottom {position:relative;width: 560px;font-size: 12px;color:#F97267;padding: 10px 0 10px 30px;line-height: 1.6;}




.LoginArea {position:absolute;top:0;left:0;width:100%;height:100%;background:#eeeeee;overflow: auto;}
.LoginArea .loginBox {position:relative;width: 540px;margin: 0 auto 14px;min-height: 590px;border: 2px solid #1799ea;border-radius:10px;background:#fff;overflow:hidden;}	/* 2019-10-30, logo 변경 */
.LoginArea .copyright {margin-bottom: 40px;}
.LoginArea .copyright span {display: block; float: none !important;}
.LoginArea .copyright span:last-child {margin-top: 10px;}
	
.LoginArea .loginBox .Left_box {position:absolute;top:0;left:0;width: 100%;height: 50%;background:#1799ea;}	/* 2019-10-30, logo 변경 */
.LoginArea .loginBox .Left_box .contP {position:relative;width:100%;text-align:center;}
.LoginArea .loginBox .Left_box .contP h1 {position:relative;margin: 0 auto;padding: 65px 0 0 0;}
/* .LoginArea .loginBox .Left_box .contP h1> img {width:auto;height:56px;} 2019-10-30, logo 변경 */
.LoginArea .loginBox .Left_box .contP .Sname {font-size: 18px;text-align:center;width:90%;margin: 0 auto;color:#ffffff;padding: 18px 0 0 0;line-height: 1.3;}
.LoginArea .loginBox .Left_box .contP .sv_info {font-size: 13px;text-align:center;width:90%;margin: 0 auto;color:#ffffff;padding: 31px 0 0 0;line-height: 1.7;font-weight: 600;letter-spacing: 0.05em;}	/* 2019-10-30, logo 변경 */



.LoginArea .loginBox .Right_box {position:absolute;top: 50%;left: 0;width: 100%;height: 50%;background:#ffffff;}
.LoginArea .loginBox .Right_box .login_ip {position:relative;width:70%;margin: 40px auto;text-align: center;}
.LoginArea .loginBox .Right_box .login_ip .id_input {position:relative;width:100%;height:42px;text-align:left;border-bottom: 1px solid #c1c1c1;line-height: 42px;margin-bottom:10px;}
.LoginArea .loginBox .Right_box .login_ip .id_input .imgSt1 {width: 22px;height: 22px;padding-right:8px;position: relative;top: -3px;}
.LoginArea .loginBox .Right_box .login_ip .id_input .imgSt2 {width: 26px;height: 26px;padding-right:8px;position: relative;top: -2px;}
.LoginArea .loginBox .Right_box .login_ip input {border:0;font-size: 17px;font-weight: 600;color:#444444;width: 180px !important;}


.Right_box ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666666;
  opacity: 1; /* Firefox */
}

.Right_box  :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666666;
}

.Right_box  ::-ms-input-placeholder { /* Microsoft Edge */
  color: #666666;
}

.LoginArea .loginBox .Right_box .login_ip .login_btn {margin: 30px auto 0 ;padding: 16px 0;background:#e71549;font-size: 17px;font-weight: 600;width:100%;}	/* 2019-10-30, logo 변경 */
.LoginArea .loginBox .Right_box .login_ip .login_btn:hover {background:#e71549;}

.LoginArea .loginBox .Right_box .login_ip .id_create {margin: 26px auto 0;padding: 7px 18px 6px 16px;background:#ffffff;font-size: 13px;font-weight: 600;border: 1px solid #ececec;color: #999;}
.LoginArea .loginBox .Right_box .login_ip .id_create img {width: 18px;height: 16px;position: relative;top: -2px;}
.LoginArea .loginBox .Right_box .login_ip .id_create:hover {border: 1px solid #cccccc;color: #777777;}

.LoginArea .copyright {position:relative;font-size: 12px;color:#999999;text-align:center;width: 100%;margin: 0 auto;font-weight: 600;}




.mp_table {position:relative;width:100%;background:#f2f2f2;}
.mp_table table {width:100%;font-size:13px;border:0;}
.mp_table table tbody tr th {text-align:right;font-weight:600;padding: 8px 13px;border:0;color:#9b9b9b;}
.mp_table table tbody tr td {padding: 8px 10px;height:33px;text-align:left;border:0;color:#aaaaaa;}
.mp_table table tbody tr td p {font-size:13px;margin:0;}
.mp_table table tbody tr td.normal {color:#666;}
.mp_table label {color:#444444;}



.mp_table_mf {position:relative;width:100%;padding: 10px 0 20px 0;margin-bottom: 15px;}
.mp_table_mf table {width:100%;font-size:13px;border:0;}
.mp_table_mf table tbody tr th {text-align:right;font-weight:600;padding: 8px 13px;border:0;color:#9b9b9b;}
.mp_table_mf table tbody tr td {padding: 8px 10px;height:33px;text-align:left;border:0;color:#aaaaaa;}
.mp_table_mf table tbody tr td p {font-size:13px;margin:0;}
.mp_table_mf label {color:#444444;}
.mp_table_mf table tbody tr td.normal {color:#666;}



.cont_Top {position:relative;width:100%;height:55px;}
.cont_Top h3 {font-size:15px;color:#333333;padding: 17px 0 0 17px ;}
.cont_Top .R_area {position:absolute;top:0;right:0;padding: 10px 17px 0 0 ;}
.cont_Top .R_area select {width:120px !important ;}


.cont_Top_2 {position:relative;width:100%;height:55px;}
.cont_Top_2 h3 {font-size:15px;color:#333333;padding: 17px 0 0 0px ;}
.cont_Top_2 h3 span {font-size:15px;color:#888;padding: 0 2px ;}
.cont_Top_2 .R_area {position:absolute;top:0;right:0;padding: 10px 0px 0 0 ;}
.cont_Top_2 .chNum {position:absolute;top:0;right:0;padding: 13px 0px 0 0;font-size:13px;color:#999999;font-weight:600;}
.cont_Top_2 .chNum span {font-size: 21px;color:#333333;font-family:"Roboto", sans-serif;font-weight:600;}


.inforBoxIcon {position:relative;padding: 0 0 0 5px;top: -1px;display: inline;display: inline-block;opacity:0.8;cursor:pointer;}
.inforBoxIcon:hover {opacity:1;}
.inforBoxIcon:hover .ifBox {opacity:1;visibility: visible;}
.inforBoxIcon .ifBox {position:absolute;top:0;left: -100px;width: 200px;min-height: 18px;padding: 10px 14px;background: rgba(0,0,0,0.65);border-radius:4px;font-size: 12px;color:#fff;font-weight:500;margin: 25px 0 0 0;opacity:0;visibility: hidden;z-index: 5;}
.inforBoxIcon .ifBox b {font-size:13px;font-weight:500;display:block;padding: 0 0 5px 0 ;}

.ch_MonthGraph {position:relative;width:100%;padding: 10px 0 25px;}

.ch_MonthGraph .grh_box {position:relative;width:100%;height: 30px;}
.ch_MonthGraph .grh_box .g_name {position:absolute;top:0;left:0;width: 64px;height:100%;font-size:14px;color:#666666;font-weight:600;text-align:right;line-height: 30px;}
.ch_MonthGraph .grh_box .g_Bar {position:absolute;top: 13px;left:80px;width:calc(100% - 220px);height:5px;border-radius:3px;background:#e6e8e2;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color {position:absolute;top:0;left:0;height:100%;border-radius:3px;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color.bcol1 {background:#43b4e9;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color.bcol2 {background:#de6a96;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color.bcol3 {background:#dad458;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color.bcol4 {background:#dad458;}
.ch_MonthGraph .grh_box .g_Bar .Bar_color.bcol5 {background:#4edcb9;}

.ch_MonthGraph .grh_box .g_Sum {position:absolute;top:0;right:0;width:130px;height:100%;font-size: 12px;color:#999;text-align:right;line-height: 30px;}
.ch_MonthGraph .grh_box .g_Sum span {font-size: 16px;color:#666666;font-family:"Roboto", sans-serif;font-weight:600;padding: 0 3px;}





.cont_page {position:relative;width:100%;}


.tab_top_Bar2 {position:relative;width:97%;height:64px;margin: 0 auto;border-bottom: 1px solid #cccccc;}
.tab_top_Bar2 .top_box {position:absolute;bottom:0;left:0px;}
.tab_top_Bar2 .R_btn {position:absolute;bottom:18px;right:0px;}


.tab_top_Bar3 {position:relative;width:calc(100% - 30px);margin-left:15px;height:64px;margin: 0 auto ;border-bottom: 1px solid #cccccc;}
.tab_top_Bar3 .top_box {position:absolute;bottom:0;left:0px;}

.tab_top_Bar4 {position:relative;width:calc(100% - 30px);margin-left:15px;height:64px;margin: 0 auto 20px ;border-bottom: 1px solid #cccccc;}
.tab_top_Bar4 .top_box {position:absolute;bottom:-1px;left:0px;}




.tabcontPage {position:relative;width:97%;margin: 0 auto;}

.tabcontPage_mf {position:relative;width: 700px;margin: 0 0 0 15px;}
.tabcontPage_mf2 {position:relative;width: 100%;margin: 0 0 0 15px;}

.deviceGraph {position:relative;width:97%;margin: 10px auto;height:320px;}
.deviceGraph_2 {position:relative;width:97%;margin: 10px auto;height:330px;}
.deviceGraph_3 {position:relative;width:97%;margin: 10px auto 20px ;height:420px;}

.monthIst {position:relative;width:100%;margin: 0 auto;padding: 20px 0 10px 0;}
.monthIst .mct_tit {font-size:14px;color:#999;padding: 0 0 1px 30px;font-weight: 600;}
.monthIst .mct_Num {font-size: 35px;color:#666;font-family:"Roboto", sans-serif;font-weight:600;padding: 0 0 1px 30px;}


.iptable_ptb {position:relative;width:100%;margin: 0 auto;padding: 10px 0 0 0;overflow: auto;}
.iptable_ptb table {width: 1300px;font-size:13px;}
.iptable_ptb table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999999;}
.iptable_ptb table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb table tbody tr td {padding: 10px 6px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#666666;font-size:13px;line-height:1.5;}
.iptable_ptb table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ptb table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ptb .searBtn {cursor:pointer;opacity:0.8;}
.iptable_ptb .searBtn:hover {opacity:1;}
.iptable_ptb .m_icon {width:25px;height:25px;padding-right:5px;}
.iptable_ptb .al_right {text-align:right;}
.iptable_ptb .osImg {width:26px;}


.iptable_ds1 {position:relative;width:100%;margin: 0 auto;padding: 10px 0 0 0;overflow: auto;}
.iptable_ds1 table {width: 900px;font-size:13px;}
.iptable_ds1 table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999999;}
.iptable_ds1 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_ds1 table tbody tr td {padding: 10px 6px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#666666;font-size:13px;line-height:1.5;}
.iptable_ds1 table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ds1 table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ds1 .searBtn {cursor:pointer;opacity:0.8;}
.iptable_ds1 .searBtn:hover {opacity:1;}
.iptable_ds1 .m_icon {width:25px;height:25px;padding-right:5px;}
.iptable_ds1 .al_right {text-align:right;}


.iptable_dvc {position:relative;width:100%;margin: 0 auto ;padding: 20px 0 40px 0;}
.iptable_dvc table {width:100%;font-size:13px;}
.iptable_dvc table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #ececec;color:#7c7c7c;background:#f0f0f0;}
.iptable_dvc table tbody tr th {text-align:right;font-weight:600;padding: 4px 13px;border-bottom: 1px solid #ececec;}
.iptable_dvc table tbody tr td {padding: 4px 6px;height:33px;border-bottom: 1px solid #ececec;text-align:center;font-weight: 600;color:#676767;font-size:13px;line-height:1.5;}
.iptable_dvc table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_dvc table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_dvc table tbody tr.sumT td {padding: 4px 6px;height:33px;border-bottom: 1px solid #ececec;text-align:center;font-weight: 600;color:#666666;font-size:13px;line-height:1.5;
background:#f3fafe;}



.table_top {position:relative;width:100%;margin: 10px 0 ;}
.table_top .L_area {display:inline-block;}
.table_top .R_area {display:inline-block;position:absolute;right:0;top:0;}

.table_bot {position:relative;width:100%;margin: 10px 0 ;}
.table_bot .L_area {display:inline-block;}
.table_bot .R_area {display:inline-block;position:absolute;right:0;top:0;}


.tb_bottom_search {position:relative;width:100%;margin: 40px 0 10px ;text-align:center;}





.g_App_select {position:relative;width: 97%;margin: 25px auto 10px;}

.iptable_ptb2 {position:relative;width: 97%;margin: 0 auto;/* padding: 17px; */}
.iptable_ptb2 table {width: 100%;font-size:13px;}
.iptable_ptb2 table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999999;}
.iptable_ptb2 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb2 table tbody tr td {padding: 10px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#666666;font-size:13px;line-height:1.5;}
.iptable_ptb2 table tbody tr td span {font-size:15px;margin-right:0;}


.iptable_ptb3 {position:relative;width:100%;margin: 0 auto;padding: 10px 0 0 0;overflow: auto;}
.iptable_ptb3 table {width: 900px;font-size:13px;}
.iptable_ptb3 table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999999;}
.iptable_ptb3 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb3 table tbody tr td {padding: 10px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#666666;font-size:15px;line-height:1.5;}
.iptable_ptb3 table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ptb3 table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ptb3 .m_icon {width:30px;height:30px;padding: 0 5px;}
.iptable_ptb3 .fr_td {text-align:left;}

.iptable_ptb3 .td_1{margin: 0 auto;position:relative;width: 80px;}
.iptable_ptb3 .td_1 ul li {/* background: #999; */width: 80px;height: 33px;overflow: hidden;text-align: center;}
.iptable_ptb3 .td_1 ul li:first-child {border-radius: 6px 6px 0 0 ;}
.iptable_ptb3 .td_1 ul li:last-child {border-radius: 0 0 6px 6px ;}
.iptable_ptb3 .td_1 ul li img {margin-left: -21px;}


.iptable_ptb4 {position:relative;width:100%;margin: 0 auto;padding: 10px 0 0 0;overflow: auto;}
.iptable_ptb4 table {width: 900px;font-size:13px;}
.iptable_ptb4 table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999999;}
.iptable_ptb4 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb4 table tbody tr td {padding: 10px 10px;height:33px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color:#666666;font-size:13px;line-height:1.5;}
.iptable_ptb4 table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ptb4 table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ptb4 .m_icon {width:25px;height:25px;padding-right:5px;}

.iptable_ptb4 .td_1{margin: 0 auto;position:relative;width: 70px;}
.iptable_ptb4 .td_1 ul {border-radius: 5px;overflow: hidden;}
.iptable_ptb4 .td_1 ul li {width: 70px;height: 32px;text-align: center;}
.iptable_ptb4 .td_1 ul li img {margin-left: -26px;}

.iptable_ptb4 .td_2{margin: 0 auto;position:relative;}
.iptable_ptb4 .td_2 ul li {overflow: hidden;text-align: center;font-size:15px;padding: 5px 0;}


.iptable_ptb_chop {position:relative;width:100%;margin: 0 auto;padding: 10px 0 10px 0;}
.iptable_ptb_chop table {width:100%;font-size:13px;}
.iptable_ptb_chop table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999;}
.iptable_ptb_chop table tbody tr th {text-align:left;font-weight:600;padding: 1px 13px;color:#444;font-size:15px;line-height:1.5;}
.iptable_ptb_chop table tbody tr td {padding: 10px 10px;height:33px;text-align:center;font-weight: 600;color:#666666;font-size:15px;line-height:1.5;}
.iptable_ptb_chop table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ptb_chop table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ptb_chop .m_icon {width:30px;height:30px;padding: 0 5px;}
.iptable_ptb_chop .fr_td {text-align:left;}


.iptable_ptb_sc {position:relative;width: 650px;margin: 50px 0 0 0;padding: 0 0 10px 0;overflow: auto;height: 400px;}
.iptable_ptb_sc table {width:100%;font-size:13px;}
.iptable_ptb_sc table thead tr th {text-align:center;padding: 10px 13px;border-bottom: 1px solid #e6e6e6;color:#999;}
.iptable_ptb_sc table tbody tr th {text-align:center;font-weight:600;padding: 1px 13px;color:#707070;font-size:15px;line-height:1.5;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb_sc table tbody tr td {padding: 10px 10px;height:33px;text-align:center;font-weight: 600;color:#707070;font-size:15px;line-height:1.5;border-bottom: 1px solid #e6e6e6;}
.iptable_ptb_sc table tbody tr td span {font-size:15px;margin-right:0;}
.iptable_ptb_sc table tbody tr td span b {font-size:19px;padding: 0 3px;}
.iptable_ptb_sc .m_icon {width:30px;height:30px;padding: 0 5px;}
.iptable_ptb_sc .fr_td {text-align:left;}

.pop_content .SeltBox {position:absolute;top: 15px;left: 15px;}





.Total_acc {position:relative;width:100%;padding:20px 0 50px 0 ;font-size:13px;color:#333333;text-align:right;font-weight:600;}
.Total_acc span {font-size: 34px;font-family:"Roboto", sans-serif;font-weight: 600;letter-spacing: -0.04em;padding: 0 4px 0 20px ;}
.Total_acc b {font-size: 25px;padding-right:15px;}


.AppCate {position:relative;width:100%;}
.AppCate .mes_selt {position:relative;width: auto;margin: 20px 0 20px;overflow: auto;}
.AppCate .mes_selt > ul {border-radius: 4px;overflow:hidden;}
.AppCate .mes_selt > ul > li {float:left;padding:8px 30px;background:#fff;text-align:center;color:#999;font-size:13px;font-weight:600;border: 1px solid #cccccc;margin-left:-1px;cursor:pointer;}
.AppCate .mes_selt > ul > li:first-child {border-radius: 4px 0 0 4px;}
.AppCate .mes_selt > ul > li:last-child {border-radius: 0 4px 4px 0 ;}
.AppCate .mes_selt > ul > li:hover {color:#666666;}
.AppCate .mes_selt > ul > li.on {color:#fff;background:#2094fa;border: 1px solid #1582E1;}



.AppsListBox {position:relative;width:100%;}
.AppsListBox .ListArea {position:relative;width:100%;}
.AppsListBox .ListArea > ul {width: 101%;margin-left: -0.5%;}
.AppsListBox .ListArea > ul > li {float:left;width: 49%;border: 1px solid #e7e7e7;border-radius:4px;background:#fff;margin: 0 0.5%;box-sizing: border-box;max-width:500px;margin-bottom: 15px;}

.AppsListBox .ListArea .appBox {position:relative;width:94%;margin: 0 auto;}

.AppsListBox .ListArea .appBox .boxTop {position:relative;width:100%;margin: 10px 0 0 0 ;}
.AppsListBox .ListArea .appBox .boxTop .CateBox {padding: 4px 5px 3px;background:#999;color:#fff;width:50px;text-align:center;border-radius:4px;font-size:13px;}
.AppsListBox .ListArea .appBox .boxTop .CateBox.c_green  {background:#04de71}
.AppsListBox .ListArea .appBox .boxTop .CateBox.c_orange  {background:#ff9000}
.AppsListBox .ListArea .appBox .boxTop .Setting {position:absolute;top: -5px;right: 2px;font-size: 12px;color: #999;font-weight: 600;cursor:pointer;}
.AppsListBox .ListArea .appBox .boxTop .Setting .setIcon {width: 20px;height: 20px;padding-left:6px;position: relative;top: 7px;}
.AppsListBox .ListArea .appBox .boxTop .Setting:hover {color:#555555;}
.AppsListBox .ListArea .appBox .boxTop .Setting:hover .setIcon path {fill:#555555;}


.AppsListBox .ListArea .appBox .boxmid {position:relative;width:100%;margin: 10px 0 0 0 ;}
.AppsListBox .ListArea .appBox .boxmid .Appimg {position:relative;width:125px;height:125px;border-radius:10px;background:#f1f1f1;margin: 0 auto;overflow:hidden;}
.AppsListBox .ListArea .appBox .boxmid .Appimg .imgSc {display: block;
position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.AppsListBox .ListArea .appBox .boxmid .AppName {position:relative;width: 80%;height:60px;text-align:center;font-size:15px;font-weight:600;display:table;color:#333333;margin: 0 auto;overflow:hidden;line-height: 1.3;}
.AppsListBox .ListArea .appBox .boxmid .AppName span {display: table-cell;vertical-align: middle;word-break: break-all;}

.AppsListBox .ListArea .appBox .boxbottom {position:relative;width:99%;margin: 0 auto;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt {position:relative;width: 100%;margin: 10px 0 20px;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul {border-radius: 4px;overflow:hidden;margin-left:1px;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul > li {float:left;padding: 8px 0;background:#fff;text-align:center;color:#999999;font-size:13px;font-weight:600;border: 1px solid #cccccc;cursor:pointer;width: 33.33%;box-sizing: border-box;border-left: 0;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul > li:first-child {border-radius: 4px 0 0 4px;border-left: 1px solid #cccccc;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul > li:last-child {border-radius: 0 4px 4px 0 ;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul > li:hover {color:#2f9bfa;}
.AppsListBox .ListArea .appBox .boxbottom .mes_selt > ul > li.on {color:#2f9bfa;}


.appInfoArea_dt {position:relative;width:100%;margin: 0 auto;overflow:auto;}
.appInfoArea_dt .Appimg {position:relative;width:250px;float:left;}
.appInfoArea_dt .Appimg .img {position:relative;width:125px;height:125px;border-radius:10px;background:#f1f1f1;margin: 0 auto;overflow:hidden;margin: 0 auto;}
.appInfoArea_dt .Appimg .img  .imgSc {display: block;
position:absolute;top:0;left:0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.appInfoArea_dt .Appimg .img .Lt_name_1 {position:absolute;top:0;left:0;width: 60px;height: 30px;border-radius:5px;font-size: 13px;line-height: 31px;color:#fff;background:#ff8d29;text-align:center;}
.appInfoArea_dt .Appimg .img .Lt_name_1.c_green  {background:#04de71}
.appInfoArea_dt .Appimg .img .Lt_name_1.c_orange  {background:#ff9000}

.appInfoArea_dt .Appimg .aName {position:relative;width: 80%;height:60px;text-align:center;font-size:16px;font-weight:600;display:table;color:#333333;margin: 0 auto;overflow:hidden;line-height: 1.3;}
.appInfoArea_dt .Appimg .aName span {display: table-cell;vertical-align: middle;word-break: break-all;}


.appInfoArea_dt .appifTT {position:relative;width: 550px;float:left;margin: 30px 0 0 50px;}
.appInfoArea_dt .appifTT .appTT {position:relative;width:100%;padding: 6px 0 ;}
.appInfoArea_dt .appifTT .appTT .tit {font-size:14px;color:#333333;font-weight:600;}
.appInfoArea_dt .appifTT .appTT .info {font-size:14px;color:#3095ed;font-weight:600;}

.appIpTab {position:relative;width:96%;margin: 0 auto;}

.appifmid {position:relative;width:96%;margin: 0 auto;}

.ifbox_1 {position:relative;width:100%;margin: 20px 0 0 0 ;border: 1px solid #008dde;background:#e1f9fe;border-radius:4px;padding: 15px;box-sizing:border-box;
font-size:13px;color:#666;line-height:1.7;}
.ifbox_1 span a {color:#ff9000;text-decoration:underline;}

.if_box_1_m {position:relative;width:100%;margin: 25px 0 30px 0 ;overflow:auto;}
.if_box_1_m .L_ifbox {position:relative;width:49.5%;margin-right:0.5%;border: 1px solid #cbcbcb;border-radius:4px;background:#fff;box-sizing:border-box;overflow:hidden;float:left;height: 210px;}
.if_box_1_m .L_ifbox .b_top {position:relative;width:100%;height:48px;line-height:48px;background:#f8f8f8;border-bottom: 1px solid #cccccc;}
.if_box_1_m .L_ifbox .b_top .l_tit {font-size:15px;color:#666666;}
.if_box_1_m .L_ifbox .b_top .l_tit img {width:20px;padding: 0 8px 0 21px;}
.if_box_1_m .L_ifbox .b_top .R_btn {position:absolute;top:0;right:0;}
.if_box_1_m .L_ifbox .b_top .R_btn .bbox {padding: 4px 8px 3px;border: 1px solid #cccccc;background:#f5f5f5;border-radius: 4px;font-size: 13px;margin:  0 10px 0 0;font-weight: 500;color: #666666;}
.if_box_1_m .L_ifbox .b_mid {position:relative;width:100%;text-align:center;}
.if_box_1_m .L_ifbox .b_mid .ap1_tit {position:relative;width:90%;margin: 20px auto 10px ;font-size:14px;color:#666666;text-align:left;}
.if_box_1_m .L_ifbox .b_bot {position:relative;width:100%;text-align:center;margin: 15px 0 25px ;}

.if_box_1_m .R_ifbox {position:relative;width:49.5%;margin-left:0.5%;border: 1px solid #cbcbcb;border-radius:4px;background:#fff;box-sizing:border-box;overflow:hidden;float:left;height: 210px;}
.if_box_1_m .R_ifbox .b_top {position:relative;width:100%;height:48px;line-height:48px;background:#f8f8f8;border-bottom: 1px solid #cccccc;}
.if_box_1_m .R_ifbox .b_top .l_tit {font-size:15px;color:#666666;}
.if_box_1_m .R_ifbox .b_top .l_tit img {width:20px;padding: 0 8px 0 21px;}
.if_box_1_m .R_ifbox .b_top .R_btn {position:absolute;top:0;right:0;}
.if_box_1_m .R_ifbox .b_top .R_btn .bbox {padding: 4px 8px 3px;border: 1px solid #cccccc;background:#f5f5f5;border-radius: 4px;font-size: 13px;margin:  0 10px 0 0;font-weight: 500;color: #666666;}
.if_box_1_m .R_ifbox .b_mid {position:relative;width:90%;text-align:center;margin: 0 auto;overflow:auto;}
.if_box_1_m .R_ifbox .b_mid .l_mib {width:48%;margin-right:2%;float:left;}
.if_box_1_m .R_ifbox .b_mid .l_mib .ap1_tit {position:relative;width: 100%;margin: 20px auto 10px;font-size:14px;color:#666666;text-align:left;}
.if_box_1_m .R_ifbox .b_mid .l_mib .file_ipbox {padding: 0px 4px 2px;border: 1px solid #cccccc;background:#fff;border-radius: 4px;text-align: left;}
.if_box_1_m .R_ifbox .b_mid .R_mib {width:48%;margin-left:2%;float:left;text-align: left;}
.if_box_1_m .R_ifbox .b_mid .R_mib .ap1_tit {position:relative;width: 100%;margin: 20px auto 10px;font-size:14px;color:#666666;text-align:left;}
.if_box_1_m .R_ifbox .b_mid .R_mib .file_ipbox {padding: 0px 4px 2px;border: 1px solid #cccccc;background:#fff;border-radius: 4px;text-align: left;}

.if_box_1_m .R_ifbox .b_bot {position:relative;width:100%;text-align:center;margin: 15px 0 25px ;}



.if_box_2_m {position:relative;width:100%;margin: 25px 0 30px 0 ;overflow:auto;}
.if_box_2_m .L_ifbox {position:relative;width: 100%;border: 1px solid #cbcbcb;border-radius:4px;background:#fff;box-sizing:border-box;overflow:hidden;float:left;height: 210px;}
.if_box_2_m .L_ifbox .b_top {position:relative;width:100%;height:48px;background:#f8f8f8;border-bottom: 1px solid #cccccc;padding: 7px 0 0 10px;box-sizing:border-box;}

.if_box_2_m .L_ifbox .b_mid {position:relative;width:100%;overflow: auto;height: 160px;}
.if_box_2_m .L_ifbox .b_mid .TagNum {position:relative;width: 100%;padding: 15px 0 10px 2%;font-size:14px;color:#666666;text-align:left;box-sizing: border-box;}
.if_box_2_m .L_ifbox .b_mid .TagNum span {color:#3095ed;font-weight:600;}

.if_box_2_m .L_ifbox .b_mid .TagList {position:relative;width:96%;margin: 0 auto;text-align:left;}
.if_box_2_m .L_ifbox .b_mid .TagList ul li {position: relative;white-space: nowrap;width: auto;margin: 0 2px 9px;float: left;}
.if_box_2_m .L_ifbox .b_mid .TagList ul li span {padding: 8px 11px;border: 1px solid #cccccc;border-radius: 4px;font-size: 13px;display: inline-block;cursor: pointer;}
.if_box_2_m .L_ifbox .b_mid .TagList ul li span:hover {background:#f5f5f5;}
.if_box_2_m .L_ifbox .b_mid .TagList ul li span .deleteBt {width:20px;position: relative;top: -1px;cursor: pointer;opacity:0.6;margin-left:4px;}
.if_box_2_m .L_ifbox .b_mid .TagList ul li span .deleteBt:hover {opacity:1;}





.if_box_3_m {position:relative;width:100%;margin: 25px 0 30px 0 ;overflow:auto;}
.if_box_3_m .L_ifbox {position:relative;width: 100%;border: 1px solid #cbcbcb;border-radius:4px;background:#fff;box-sizing:border-box;overflow:hidden;float:left;}
.if_box_3_m .L_ifbox .b_top {position:relative;width:100%;height:48px;background:#f8f8f8;border-bottom: 1px solid #cccccc;padding: 7px 0 0 10px;box-sizing:border-box;}

.if_box_3_m .L_ifbox .b_mid {position:relative;width:100%;}
.if_box_3_m .L_ifbox .b_bot {position:relative;width:100%;text-align:center;margin: 15px 0 25px ;}



.iptable_app1 {position:relative;width:96%;margin: 0 auto;padding: 10px 0 0 0;}
.iptable_app1 table {width:100%;font-size:13px;}
.iptable_app1 table thead tr th {text-align:center;padding: 9px 13px;border-bottom: 1px solid #e6e6e6;color:#a9a9a9;background:#f0f0f0;}
.iptable_app1 table tbody tr th {text-align:right;font-weight:600;padding: 1px 13px;border-bottom: 1px solid #e6e6e6;}
.iptable_app1 table tbody tr td {padding: 5px 10px;border-bottom: 1px solid #e6e6e6;text-align:center;font-weight: 600;color: #a2a2a2;font-size:13px;line-height:1.5;}
.iptable_app1 table tbody tr td .appVs1 {font-size:13px;padding: 5px 0 ;max-width:100px;border: 1px solid #cccccc;border-radius:4px;margin: 0 auto;box-sizing:border-box;color:#888;}
.iptable_app1 table tbody tr td .appVs1 .osicon {width:15px;padding: 0 4px 0 0 ;position:relative;top:-1px;}
.iptable_app1 table tbody tr td .appVs2 {font-size:13px;padding: 5px 0 ;max-width:100px;border-radius:4px;margin: 0 auto;background:#f97267;color:#fff;}
.iptable_app1 table tbody tr td .appVs3 {font-size:13px;padding: 5px 0 ;max-width:100px;border-radius:4px;margin: 0 auto;background:#ff9500;color:#fff;}




.dash_topArea {position:relative;width:100%;}
.dash_topArea > ul {width:calc(100% + 15px);margin-left:-7px;overflow: auto;}
.dash_topArea > ul > li {position:relative;width: calc(50% - 15px);float:left;margin: 0 7px 15px 8px;}
.dash_topArea.row4 > ul > li {position:relative;width: calc(50% - 15px);float:left;margin: 0 7px 15px 8px;}

.dash_topArea > ul > li .ds_tBox {position:relative;width:100%;border-radius:10px;background:#999;height:125px;}
.dash_topArea > ul > li .ds_tBox .tb_tit {position:absolute;top: 30px;left:20px;font-size: 14px;color:#fff;font-weight: 500;}
.dash_topArea > ul > li .ds_tBox .tb_Num {position:absolute;top: 48px;left:20px;font-size: 34px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out}
.dash_topArea > ul > li .ds_tBox .B_icon {position:absolute;bottom: 12px;right:20px;opacity: 0.6;}
.dash_topArea > ul > li .ds_tBox .bcon {width: 68px;height: 68px;}
.dash_topArea > ul > li .ds_tBox .bcon path { fill:#fff;}

.dash_topArea > ul > li .ds_tBox .tb_tit_2 {position:absolute;top: 17px;left:20px;font-size: 14px;color:#fff;font-weight: 500;}
.dash_topArea > ul > li .ds_tBox .tb_Num_2 {position:absolute;top: 44px;left:20px;font-size: 34px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;-webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out}
.dash_topArea > ul > li .ds_tBox .golink {position:absolute;top: 95px;left:20px;font-size: 12px;color:#fff;font-weight: 500;cursor:pointer;}
.dash_topArea > ul > li .ds_tBox .golink > img {position:relative;top:-1px;padding:0 0 0 3px;}
.dash_topArea > ul > li .ds_tBox .golink:hover {text-decoration:underline;}
.dash_topArea > ul > li .ds_tBox .B_icon_2 {position:absolute;bottom: 12px;right:20px;opacity: 0.3;}
.dash_topArea > ul > li .ds_tBox .bcon_2 {width: 68px;height: 68px;}
.dash_topArea > ul > li .ds_tBox .bcon_2 path { fill:#000;}

.dash_topArea > ul > li .ds_tBox .tb_tit_ot {position:absolute;top: 8px;left: 27px;font-size: 14px;color: #666666;font-weight: 600;background: #fff;padding: 0 8px;z-index: 1;}
.dash_topArea > ul > li .ds_tBox .cd_Box {position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px );
    border: 1px solid #ccc; border-radius: 6px;}
.dash_topArea > ul > li .ds_tBox .cd_Box ul {width:98%;margin: 0 auto;}
.dash_topArea > ul > li .ds_tBox .cd_Box ul > li {position:relative;width:18%;float:left;margin: 0 1%;text-align:center;}
.dash_topArea > ul > li .ds_tBox .cd_Box ul > li .cd_name {position:relative;width:100%;text-align:center;font-size:13px;color:#999999;margin: 28px 0 10px;font-weight: 600;}
.dash_topArea > ul > li .ds_tBox .cd_Box ul > li .cond_box {cursor:pointer;width:100%;max-width:50px;}
.dash_topArea > ul > li .ds_tBox .cd_Box ul > li .cond_box img {width:100%;}



.dash_topArea > ul > li .bgGrd_1 {background: linear-gradient( 90deg, #489fc7, #5ac8fa );}
.dash_topArea > ul > li .bgGrd_2 {background: linear-gradient( 90deg, #93c444, #abe252 );}
.dash_topArea > ul > li .bgGrd_3 {background: linear-gradient( 90deg, #c65b52, #f87267 );}
.dash_topArea > ul > li .bgGrd_4 {background: linear-gradient( 90deg, #4edcb9, #4edcb9 );}
.dash_topArea > ul > li .bgGrd_5 {background: linear-gradient( 90deg, #1a71bf, #2094f9 );}

.dash_topArea > ul > li .bgGrd_mp1 {background: linear-gradient( 90deg, #43b4e9, #43b4e9 );}
.dash_topArea > ul > li .bgGrd_mp2 {background: linear-gradient( 90deg, #de6a96, #de6a96 );}
.dash_topArea > ul > li .bgGrd_mp3 {background: linear-gradient( 90deg, #dad458, #dad458 );}
.dash_topArea > ul > li .bgGrd_mp4 {background: linear-gradient( 90deg, #4edcb9, #4edcb9 );}
.dash_topArea > ul > li .bgGrd_mp5 {background: #fff;}





.dash_midArea {position:relative;width:100%;overflow: auto;clear:both;}

.dash_midArea .L_dashBox {position:relative;width:calc(50% - 7px);float:left;margin:  0 7px 0 0 ;}
.dash_midArea .R_dashBox {position:relative;width:calc(50% - 8px);float:left;margin:  0 0 0 8px ;}

.dash_midArea .dashbox {position: relative;background:#fff;border-radius:4px;padding: 5px 15px;box-sizing:border-box;border: 1px solid #e0e0e0;margin: 0 0 15px 0 ;min-height: auto !important;} /* 2019-10-30, logo 변경 */

/*.dash_midArea .L_dashBox {position:relative;width:49.5%;float:left;background:#fff;border-radius:4px;padding: 5px 15px;box-sizing:border-box;border: 1px solid #e0e0e0;margin:  0 0.5% 15px 0 ;}
.dash_midArea .R_dashBox {position:relative;width:49.5%;float:left;background:#fff;border-radius:4px;padding: 5px 15px;box-sizing:border-box;border: 1px solid #e0e0e0;margin:  0 0 15px 0.5% ;min-height:400px;}*/

.ds_GraghArea {position:relative;width:100%;margin: 0 0 50px 0;}
.ds_GraghArea .GraphBox {position:relative;width:100%;overflow: auto;margin: 1px 0 44px;}
.ds_GraghArea .GraphBox .gr_tit {position:relative;float:left;text-align:right;color:#999;font-size: 13px;width: 70px;font-weight: 600;padding: 15px 15px 0 0;}
.ds_GraghArea .GraphBox .Graph_print {position:relative;float:left;width: calc(100% - 85px);height:200px;}

.ds_GraghArea2 {position:relative;width:100%;margin: 0 0 50px 0;}
.ds_GraghArea2 .GraphBox {position:relative;width:100%;overflow: auto;margin: 1px 0 29px;}
.ds_GraghArea2 .GraphBox .gr_tit {position:relative;float:left;text-align:right;color:#999;font-size: 13px;width: 110px;font-weight: 600;padding: 15px 15px 0 0;}
.ds_GraghArea2 .GraphBox .Graph_print {position:relative;float:left;width: calc(100% - 125px);height:150px;}


.cur_Num {font-size: 12px;color:#999999;font-weight: 600;}
.cur_Num span {font-size: 30px;color:#333333;font-family: "Roboto", sans-serif;padding:  0 0 0 5px;}

.graph_bot_Box {position:relative;width:100%;height:160px;overflow: auto;}

.graph_bot_Box2 {position:relative;width:100%;overflow:auto;}
.graph_bot_Box2 .L_grBox {position:relative;width:50%;height:220px;float:left;}

.graph_bot_Box2 .R_grBox {position:relative;width:50%;height:220px;float:left;}
.device_Sum {position:relative;width: 80%;margin: 50px auto 0;max-width:350px;}
.device_Sum table {width:100%}
.device_Sum table tr th {padding: 5px 2px ;text-align:center;}
.device_Sum table tr th img {width:30px;}
.device_Sum table tr td {padding: 5px 2px;text-align:right;font-size: 28px;color:#222222;font-family: "Roboto", sans-serif;font-weight:600;}
.device_Sum table tr td .p_plus {font-size: 15px;color:#2094fa;}
.device_Sum table tr td .p_minus {font-size:15px;color:#ff3b30;}
.device_Sum table tr td.PPnum {text-align:left;}



@media only screen and (max-width: 1790px) {
    
.dash_midArea .L_dashBox {position:relative;width:100%;margin: 0;}
.dash_midArea .R_dashBox {position:relative;width:100%;margin:0;}
    
}

@media only screen and (max-width: 1550px) {

.dash_topArea.row4 > ul > li .ds_tBox .tb_Num {position:absolute;top: 51px;left:20px;font-size: 30px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;}
.dash_topArea.row4 > ul > li .ds_tBox .bcon {width: 63px;height: 63px;}
.dash_topArea.row4 > ul > li .ds_tBox .bcon_2 {width: 63px;height: 63px;}


}

@media only screen and (max-width: 1400px) {

.dash_topArea.row4 > ul > li .ds_tBox .tb_Num {position:absolute;top: 48px;left:20px;font-size: 30px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;}
.dash_topArea.row4 > ul > li .ds_tBox .bcon {width: 54px;height: 54px;}
.dash_topArea.row4 > ul > li .ds_tBox .bcon_2 {width: 54px;height: 54px;}

.dash_topArea > ul > li .ds_tBox .tb_Num {position:absolute;top: 50px;left:20px;font-size: 30px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;}
.dash_topArea > ul > li .ds_tBox .tb_Num_2 {position:absolute;top: 46px;left:20px;font-size: 30px;color:#fff;font-weight:600;font-family: "Roboto", sans-serif;}
}



.csl_imgGrArea {position:relative;width:100%;color:#666666;}

.cs_FrArea {position:relative;width:100%;color:#666666;background:#f8f8f8;}



.FlowMapArea {position:relative;width:100%;margin: 0 auto;padding: 50px 0;border-bottom: 1px solid #e3e3e3;overflow: auto;}
.FlowMapArea .print_btn {position: absolute;top: 15px;left: 15px;}


.FlowMapArea .cb_blue {background:#43b4e9;}
.FlowMapArea .cb_yellow {background:#dad458;}
.FlowMapArea .cb_green {background:#4edcb9;}
.FlowMapArea .cb_red {background:#f97267;}

.FlowMapArea .cb_3blue {background:#2093f9;}
.FlowMapArea .cb_3green {background:#abe252;}
.FlowMapArea .cb_3gray {background:#999999;}



.map_pam {position:relative;width:1050px;height:300px;margin: 0 auto;}
.map_pam .depth_1 {position:absolute;top:50px;left: 15px;width:200px;height:200px;background:#2094fa;border-radius:8px;color:#fff;text-align:center;}
.map_pam .depth_1 .deTit {font-size: 14px;font-weight: 500;padding-top: 71px;}
.map_pam .depth_1 .SuNum {font-size: 28px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding-top: 1px;}

.map_pam .depth_2 {width: 200px;height:80px;border-radius: 4px;color:#fff;}
.map_pam .depth_2 .deTit {position:absolute;top: 21px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_pam .depth_2 .SuNum {font-size: 24px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 12px 12px 0 0;text-align: right;}
.map_pam .depth_2 .perc {font-size: 15px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 0 12px 0 0;text-align: right;}

.map_pam .depth_3 {width: 190px;height:40px;border-radius: 4px;color:#fff;position:relative;margin: 0 0  5px 0;}
.map_pam .depth_3 .deTit {position:absolute;top: 1px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_pam .depth_3 .SuNum {font-size: 22px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 5px 12px 0 0;text-align: right;}

.map_pam .position2_1 {position:absolute;top: 27px;left: 300px;}
.map_pam .position2_2 {position:absolute;top: 113px;left: 300px;}
.map_pam .position2_3 {position:absolute;top: 199px;left: 300px;}
.map_pam .position3_1 {position:absolute;top: 2px;left: 580px;}
.map_pam .position3_2 {position:absolute;top: 119px;left: 814px;}
.map_pam .position3_3 {position:absolute;top: 198px;left: 580px;}
.map_pam .position3_2c {position:absolute;top: 198px;left: 580px;}

.map_pam .flowimg_1 {position:absolute;top: 71px;left: 208px;}
.map_pam .flowimg_2 {position:absolute;top: 22px;left: 498px;}
.map_pam .flowimg_3 {position:absolute;top: 132px;left: 438px;}
.map_pam .flowimg_4 {position:absolute;top: 216px;left: 498px;}




.map_p {position:relative;width:790px;height:300px;margin: 0 auto;}
.map_p .depth_1 {position:absolute;top:50px;left: 15px;width:200px;height:200px;background:#2094fa;border-radius:8px;color:#fff;text-align:center;}
.map_p .depth_1 .deTit {font-size: 14px;font-weight: 500;padding-top: 71px;}
.map_p .depth_1 .SuNum {font-size: 28px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding-top: 1px;}

.map_p .depth_2 {width: 200px;height:80px;border-radius: 4px;color:#fff;}
.map_p .depth_2 .deTit {position:absolute;top: 21px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_p .depth_2 .SuNum {font-size: 24px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 12px 12px 0 0;text-align: right;}
.map_p .depth_2 .perc {font-size: 15px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 0 12px 0 0;text-align: right;}

.map_p .depth_3 {width: 200px;height:40px;border-radius: 4px;color:#fff;position:relative;margin: 0 0  5px 0;}
.map_p .depth_3 .deTit {position:absolute;top: 1px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_p .depth_3 .SuNum {font-size: 22px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 5px 12px 0 0;text-align: right;}

.map_p .position2_1 {position:absolute;top: 27px;left: 300px;}
.map_p .position2_2 {position:absolute;top: 113px;left: 300px;}
.map_p .position2_3 {position:absolute;top: 199px;left: 300px;}
.map_p .position3_1 {position:absolute;top: 89px;left: 580px;}
.map_p .position3_2 {position:absolute;top: 119px;left: 814px;}
.map_p .position3_3 {position:absolute;top: 198px;left: 580px;}
.map_p .position3_2c {position:absolute;top: 111px;left: 580px;}

.map_p .flowimg_1 {position:absolute;top: 71px;left: 208px;}
.map_p .flowimg_2 {position:absolute;top: 108px;left: 498px;}
.map_p .flowimg_2c {position:absolute;top: 130px;left: 498px;}
.map_p .flowimg_3 {position:absolute;top: 132px;left: 438px;}
.map_p .flowimg_4 {position:absolute;top: 216px;left: 498px;}




.map_pa {position:relative;width:790px;height:300px;margin: 0 auto;}
.map_pa .depth_1 {position:absolute;top:50px;left: 15px;width:200px;height:200px;background:#2094fa;border-radius:8px;color:#fff;text-align:center;}
.map_pa .depth_1 .deTit {font-size: 14px;font-weight: 500;padding-top: 71px;}
.map_pa .depth_1 .SuNum {font-size: 28px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding-top: 1px;}

.map_pa .depth_2 {width: 200px;height:80px;border-radius: 4px;color:#fff;}
.map_pa .depth_2 .deTit {position:absolute;top: 21px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_pa .depth_2 .SuNum {font-size: 24px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 12px 12px 0 0;text-align: right;}
.map_pa .depth_2 .perc {font-size: 15px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 0 12px 0 0;text-align: right;}

.map_pa .depth_3 {width: 190px;height:40px;border-radius: 4px;color:#fff;position:relative;margin: 0 0  5px 0;}
.map_pa .depth_3 .deTit {position:absolute;top: 1px;left: 10px;font-size: 13px;padding-top: 11px;font-weight: 500;}
.map_pa .depth_3 .SuNum {font-size: 22px;font-weight:600;font-family: "Roboto", sans-serif;letter-spacing: -0.03em;padding: 5px 12px 0 0;text-align: right;}

.map_pa .position2_1 {position:absolute;top: 47px;left: 300px;}
.map_pa .position2_2 {position:absolute;top: 175px;left: 300px;}
.map_pa .position2_3 {position:absolute;top: 199px;left: 300px;}
.map_pa .position3_1 {position:absolute;top: 22px;left: 580px;}
.map_pa .position3_1c {position:absolute;top: 45px;left: 580px;}
.map_pa .position3_2 {position:absolute;top: 175px;left: 580px;}
.map_pa .position3_3 {position:absolute;top: 198px;left: 580px;}

.map_pa .flowimg_1 {position:absolute;top: 71px;left: 208px;}
.map_pa .flowimg_2 {position:absolute;top: 41px;left: 498px;}
.map_pa .flowimg_2c {position:absolute;top: 62px;left: 498px;}
.map_pa .flowimg_3 {position:absolute;top: 132px;left: 438px;}
.map_pa .flowimg_4 {position:absolute;top: 192px;left: 498px;}


.cp_time {position:relative;width:calc(100% - 30px);margin: 0 auto 20px ;overflow:auto;}
.cp_time .t_box_1 {position:relative;width: 240px;height:80px;float:left;}
.cp_time .t_box_1 .tit {font-size:15px;color:#999;padding: 20px 0 0px 0 ;}
.cp_time .t_box_1 .cont {font-size: 20px;color:#666;font-family: "Roboto", sans-serif;font-weight:600;}

.cp_time .t_box_2 {position:relative;width: 130px;height:80px;float:left;}
.cp_time .t_box_2 .tit {font-size:15px;color:#999;padding: 20px 0 0px 0 ;}
.cp_time .t_box_2 .cont {font-size: 20px;color:#666;font-family: "Roboto", sans-serif;font-weight:600;}


.ph_graph_1 {position:relative;width:calc(100% - 30px);margin: 0 auto 15px ;border: 1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding: 10px;overflow:auto;}
.ph_graph_1 ul li {width:25%;float:left;}
.ph_graph_1 ul li .pg_box {position:relative;width:98%;margin: 0 auto;overflow:hidden;}
.ph_graph_1 ul li .pg_box .pb_tit {font-size:14px;color:#333333;font-weight:600;padding: 10px 0 0 10px ;}
.ph_graph_1 ul li .pg_box .ppg_box {width:100%;height:250px;}


.ph_graph_2 {position:relative;width:calc(100% - 15px);margin: 0 0 0 7px  ;overflow:auto;}
.ph_graph_2 ul li {width:50%;float:left;}
.ph_graph_2 ul li .pg2_box {position:relative;width:calc(100% - 15px);margin: 0 7px 15px 8px ;overflow:hidden;border: 1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding: 10px;}
.ph_graph_2 ul li .pg2_box .pb_tit {font-size:14px;color:#333333;font-weight:600;padding: 10px 0 0 10px ;}
.ph_graph_2 ul li .pg2_box .ppg_box {width:98%;height:250px;margin: 0 auto ;}

.ph_graph_3 {position:relative;width:calc(100% - 30px);margin: 0 auto 15px ;border: 1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding: 10px;overflow:auto;}
.ph_graph_3 .table_top select {width:120px !important ;}

.ph_graph_4 {position:relative;width:calc(100% - 30px);margin: 0 auto 15px ;border: 1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding: 10px;overflow:auto;}
.ph_graph_4 ul li {width: 50%;float:left;}
.ph_graph_4 ul li .pg_box {position:relative;width:98%;margin: 0 auto;overflow:hidden;}
.ph_graph_4 ul li .pg_box .pb_tit {font-size:14px;color:#333333;font-weight:600;padding: 10px 0 0 10px ;}
.ph_graph_4 ul li .pg_box .ppg_box {width:100%;height:250px;}

.pbGr_tit {font-size: 15px;color:#333333;font-weight:600;padding: 10px 0 10px 10px;}


@media only screen and (max-width: 1550px) {
    
    .ph_graph_1 ul li {width:50%;float:left;}
    
    .ph_graph_2 ul li {width:100%;float:left;}
    
}



}

/* 2019-10-30, logo 변경, 추가 */
@media only screen and (max-width: 700px) {
	.LoginArea .LoginWrap {top: auto; transform: none}
	.LoginArea .loginBox {margin-top: 40px; width: 100vw; min-height: 650px; box-sizing: border-box; border: 0; border-radius: 0;}
	.LoginArea .loginBox .Left_box {height: 45%;}
	.LoginArea .loginBox .Right_box {top: 45%; height: 55%;}
	.LoginArea .loginBox .Right_box .login_ip {margin: 50.5px auto; padding-top: 0; width: 80%;}
	/* .LoginArea .copyright {margin-bottom: 40px;}
	.LoginArea .copyright span {display: block; float: none !important;}
	.LoginArea .copyright span:last-child {margin-top: 10px;} */
}
/* 2019-10-30, logo 변경, 추가 */

.ap_selt_Btn {position:relative;width:90%;margin: 0 auto;overflow: auto;padding: 0 0 10px 0;}
.ap_selt_Btn ul {}
.ap_selt_Btn ul li {font-size:13px;color:#222222;background:#fff;padding: 7px 0px 6px ;float:left;width:80px;text-align:center;cursor:pointer;
border: 1px solid #ccc ;border-left:0;}
.ap_selt_Btn ul li:first-child {border-radius: 4px 0 0 4px;border-left: 1px solid #ccc ;}
.ap_selt_Btn ul li:last-child {border-radius: 0 4px 4px 0;}
.ap_selt_Btn ul li:hover {background:#f5f5f5;}

/* 2019-08-16, amchart custom export icon 추가 // */
li.amcharts-amexport-item.amcharts-amexport-item-level-0.amcharts-amexport-item-blank {
	display: inline-block;
	position: relative;
	top: -5px;
	right: -50px;
	padding: 4px 7px;
	width: auto;
	min-height: auto;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	font-size: 12px;
	opacity: 1;
    z-index: 0;
}

img.amcharts-amexport-icon.amcharts-amexport-icon-level-0.amcharts-amexport-item-blank {
	margin: 0 auto;
	padding: 0;
	width: 24px;
	height: 24px;
}

li.amcharts-amexport-item.amcharts-amexport-item-level-1, li.amcharts-amexport-item.amcharts-amexport-item-level-2 {
	width: 100%;
}
/* // 2019-08-16, amchart custom export icon 추가 */

/* 2019-08-30, chart default img center align 추가 // */
.ph_graph_1 ul li .pg_box .ppg_box img {margin: 0 auto;}
/* // 2019-08-30, chart default img center align 추가 */

/* 2019-09-02, dimmed page 추가 // */
.dimmed {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.25); text-align:center; z-index: 1; border-radius: 4px;}
.dimmed::after {content: ""; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: url("/assets/images/loading.gif") no-repeat center center;}
/* // 2019-09-02, dimmed page 추가 */

/* 2019-09-02, send list dimmed page 추가 // */
.dimmed_progress  {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align:center; z-index: 1;}
.dimmed_progress::after {content: ""; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); width: 100px; height: 50px; background: url("/assets/images/loading_progress.gif") no-repeat center center; background-size: 100%;}
/* // 2019-09-02, dimmed page 추가 */

/* 2019-09-03, campaign preview prevent 추가 // */
.preview_box .p_messgeBox .b_inputArea,
.preview_box .p_messgeBox_2 .b_inputArea,
.preview_box .p_messgeBox_3 .b_inputArea,
.preview_box .p_messgeBox_4 .b_inputArea,
.preview_box .p_messgeBox_5 .b_inputArea {word-break: break-all;}
/* // 2019-09-03, campaign preview prevent 추가 */

/* 2019-09-05, chart default img center align 추가 // */
.ph_graph_4 ul li .pg_box .ppg_box img {display: block; margin: 0 auto;}
/* // 19-09-05, chart default img center align 추가 */

/* 2019-09-23, Title descript 추가 // */
.cont_titBar h2 > span {padding: 0 2px; font-size: 15px; color: #888;}
/* // 2019-09-23, Title descript 추가 */

/* 2020-02-12 샘플파일 다운로드 버튼 생성 // */
button.sample {font-size: 100%; line-height: 100%; padding: 6px 8px;}
/* // 2020-02-12 샘플파일 다운로드 버튼 생성 */

/* 2022-07-15 앱설정 처리 // */
.iptable_ptb3St {position:relative;width:100%;margin: 0 auto;padding: 10px 0 0 0;}
.iptable_ptb3St table {width:100%;font-size:12px;}
.iptable_ptb3St table thead tr th {text-align:center;padding: 10px 13px;border-top: 1px solid #e6e6e6;color:#999999;}
.iptable_ptb3St table tbody tr th {text-align:left;font-weight:500;border-top: 1px solid #e6e6e6;padding: 6px 10px;}
.iptable_ptb3St table tbody tr td {padding: 6px 10px;height:auto;border-top: 1px solid #e6e6e6;text-align:left;font-weight: 600;color:#666666;font-size:12px;line-height:1.3;}
/* // 2022-07-15 앱설정 처리 */

/* 2022-08-23 알림톡 카카오 템플릿 팝업 스크롤 설정 */
.kkoTempScroll{overflow-y: scroll;overflow-x: hidden;height: 400px;-ms-overflow-style: none;}
.kkoTempScroll::-webkit-scrollbar{display:none;}

.bodySt .kkoMsgType {margin:0;width:400px;background-color:#f8f8f8;}
.bodySt .kkoMsgType.active {background-color: #ffffff;}

/* 2023-08-11 즐겨찾기 아이콘 추가 */
.favorite-label input[type='checkbox']{display:none;}
.favorite-label {display:inline-block; background-image: url('/assets/images/icon_fav_off.svg'); width: 20px; height: 19px; vertical-align: middle; cursor:pointer;}
.favorite-label.active {background-image: url('/assets/images/icon_fav_on.svg');}

/* 2023-09, 자동발송 팝업 설정 */
.iptable_4 table tbody#autoCont > tr td:last-child {text-align: left;}
.iptable_4 table tbody#autoCont > tr td:nth-child(2n) {text-align: left; word-break: break-all;}

/* 2023-09-15 DB 불러오기 파일 다운로드 로딩바 추가 */
#dbDownloadBar {transition: all ease 1s 0s;}
#dbDownloadBar:after {content: "";overflow: hidden;position: absolute;top: 0px;left: 0;bottom: 0;right: 0;z-index: 1;background: #2094fa;border-radius: 7px;}
#dbDownloadBar:after {animation: load 1.5s ease forwards;}
@keyframes load { 0% {width: 0px;} 100% {width: 100%;} }

.scroll_box { -ms-overflow-style: none; scrollbar-width: none; }
.scroll_box::-webkit-scrollbar { display: none; }
#appTapCont_1 .scroll_box { position: relative; overflow: auto; white-space: nowrap; }
#appTapCont_1 .scroll_box .appinfo_key { width: 330px; }

/* 2023.12.04, 캠페인 설정 */
.p_settings .iptable_ptb3St table {table-layout: fixed;}
.p_settings .iptable_ptb3St table tr>th {font-size: 13px; font-weight: 600; color: #666666; line-height: 1.2;}
.p_settings .iptable_ptb3St table tr>td {font-size: 13px; color: #666666; height: 33px; font-weight: 500; line-height: 1; position: relative; overflow: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.p_settings .iptable_ptb3St table tr>td::-webkit-scrollbar {display: none;}
.iptable_ptb3St table tbody tr:last-child th,
.iptable_ptb3St table tbody tr:last-child td {border-bottom: 1px solid #e6e6e6;}
.iptable_ptb3St .table_layer_inline input[type=text] {background-color: #eeeeee;}