@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap'); */

html, body, div, ul, li, img, h1,h2,h3,h4,h5,nav,main,section,footer,header {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;width:auto;}


html {font-size: 10px !important;}

body
{
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-size:1rem;
  line-height:1.4;
  letter-spacing:0;
  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: 'Noto Sans KR';
  font-style: normal;
  src:url('../fonts/NotoSansKR-Light.otf') format('opentype');
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  src:url('../fonts/NotoSansKR-Regular.otf') format('opentype');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  src:url('../fonts/NotoSansKR-Medium.otf') format('opentype');
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  src:url('../fonts/NotoSansKR-Bold.otf') format('opentype');
  font-weight: 600;
}

@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'); }
**/

::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}

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

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #c3c3c3;
}


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;}

canvas{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

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;
    outline:0;
}

xmp {font-size: 13px;font-family: "Roboto";font-weight:400;overflow:auto;background: #424242;color: #fff;margin:0;padding: 0  0 0 5px}
.xmpBox {background:#424242;box-sizing:border-box;}
pre {font-family: "Roboto";}

/*Font*/


.Wrap {width:100%;}
.Wrap img {width:100%;}

.color_red {color:#F97267 !important;}
.color_blue {color:#1582e1 !important;}
.color_gray {color:#999999 !important;}
.color_white {color:#ffffff !important;}

.hand {cursor:pointer;}
.hide {display:none;}
.rdonly {background-color:#eee;}

input[type="text"] {font-size: 13px;color:#444444;border-radius: 4px;border: 1px solid #d9d9d9;padding: 6px 10px;letter-spacing: -0.02em;margin: 0 2px;font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif;box-sizing: border-box;background-color:#fff;line-height: 15px;min-width:60px;}
input[type="text"]:focus {border: 1px solid #72bdff;background:#fff;}
input[type="number"] {font-size: 13px;color:#444444;border-radius: 6px;border: 1px solid #d9d9d9;padding: 6px 10px;letter-spacing: -0.02em;margin: 0 2px;font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif;box-sizing: border-box;background-color:#fff;line-height: 15px;min-width:60px;}
input[type="number"]:focus {border: 1px solid #72bdff;background:#fff;}
input[type="text"].rdonly {background-color:#eee;}

table input[disabled="disabled"] {background:#f2f2f2;color:#999;margin:0;}
table input[type="text"] {margin:0;}
table select {margin:0;}
table textarea {margin:0;}

input[type="password"] {font-size:13px;color:#444444;border-radius:4px;border: 1px solid #d9d9d9;padding: 6px 10px;letter-spacing: -0.02em;margin: 0 2px;
font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif ;box-sizing: border-box;background-color:#fff;line-height: 15px;min-width:60px;}
input[type="password"]:focus {border: 1px solid #72bdff;background:#fff;}
table input[type="password"] {margin:0;}

input[type="text"].required, input[type="password"].required {border:1px solid #F67280;}

.wdmax80 {width:100%;max-width:80px;}
.wdmax100 {width:100%;max-width:100px;}
.wdmax120 {width:100%;max-width:120px;}
.wdmax150 {width:100%;max-width:150px;}
.wdmax200 {width:100%;max-width:200px;}
.wdmax250 {width:100%;max-width:250px;}

.ipst_box {font-size:14px;color:#444444;border-radius:4px;border: 1px solid #d9d9d9;padding: 8px 10px;letter-spacing: -0.02em;font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif ;
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 {display:inline-block;margin: 4px 2px;}
input[type="radio"] + label span {
    display:inline-block;
    width:18px;
    height:18px;
    margin: -1px -1px 0 3px;
    vertical-align:middle;
    background:url(../images/checkbox_off.png) no-repeat;
    cursor:pointer;
    padding: 0 4px 0 0;
    white-space: nowrap;
    background-size: 18px;
}
input[type="radio"]:checked + label span {
    background:url(../images/checkbox_on.png) no-repeat;
    white-space: nowrap;
    background-size: 18px;
}

input[type="checkbox"] {width:15px;height:15px;position:relative;top:3px;margin: 0 3px;}
input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
input[type="file"] + label {border-radius:5px;cursor:pointer;}
label > img {padding-right:5px;}

textarea {border-radius:4px;border: 1px solid #d9d9d9;font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif; line-height:19px;font-size:14px;box-sizing: border-box;padding: 10px;margin: 0 2px ;}
textarea.nosize {resize:none;}

.loginArea input::placeholder {color: #cccccc;}
input::placeholder {color: #999;font-size:13px;}
textarea::placeholder {color: #999;}

.filebox label {display: inline-block;padding: 8px 10px;color: #999;font-size: 13px;line-height: normal;vertical-align: middle;background-color: #fdfdfd;cursor: pointer;border: 1px solid #d4d4d4; border-radius: .25em;width:100%;box-sizing: border-box;text-align:center}

.filebox_btn label {display: inline-block;padding: 6px 9px 7px;color: #777;font-size: 12px;line-height: normal;vertical-align: middle;background-color: #ffffff;cursor: pointer;
border: 1px solid #ccc;border-radius: 4px;margin: 0 0 0 4px;text-align: center;position: relative;top: -1px;}
.filebox_btn {display: inline-block;}

button {border-radius: 5px;background:#999;color:#fff;padding: 6px 26px;margin: 2px 2px;border: 0;font-size: 13px;font-weight: 500;font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif;box-sizing: border-box;line-height: 15px;vertical-align: middle;-webkit-transition: background-color .05s ease-in-out;-moz-transition: background-color .05s ease-in-out;-o-transition: background-color .05s ease-in-out;transition: background-color .05s ease-in-out;}
button img {padding: 0 5px 0 0;}
button i {padding: 0 0.1rem;position:relative;top: 1px;font-size:12px;}

.dropBtn {position:relative;display: inline-block;}
.dropBtn button {position:relative;padding: 7px 28px 7px 20px;min-width:100px;text-align: left;}
.dropBtn button span {position: absolute;right:0;display: inline-block;vertical-align: middle;}
.dropBtn button span i {position: absolute;top: 0.1rem;left: auto;right: 0.6rem;font-size: 1.3rem;text-indent: 0;color: #ffffff;padding: 0;}
.dropBtn button.on span i {transform: rotate(-180deg);}
.dropBtn .drop_list {position: absolute;top: 94%;left: 0;height:auto;width: 100%;background: #fff;border-radius: 5px;box-sizing: border-box;border: 1px solid #4a89c1;z-index: 10;overflow: hidden;}
.dropBtn .drop_list ul {width:100%;}
.dropBtn .drop_list ul li {width:100%;box-sizing:border-box;padding: 10px 4px;text-align:center;font-size: 12px;color:#777;border-bottom: 1px solid #dfe7ef;cursor:pointer;line-height:1.3;}
.dropBtn .drop_list ul li:last-child {border-bottom:0;}
.dropBtn .drop_list ul li:hover {background: #edf4fb;color: #2c80ca;}
.dropBtn .drop_list ul li:hover a {color: #2c80ca;}

.dropBtn .btn_large {padding: 10px 33px !important;font-size:14px;margin: 2px 4px;}
.dropBtn .btn_small {padding: 6px 26px 6px 14px !important;font-size:13px;margin: 2px 2px;font-weight: 500;}
.dropBtn .btn_simple {padding: 3px 24px 3px 6px !important;font-size: 11px;margin: 1px 2px;font-weight: 500;}
.dropBtn .btn_nano {padding: 1px 3px 1px !important;font-size: 11px;margin: 1px 2px;font-weight: 500;}

.btn_large {padding: 10px 33px !important;font-size:14px;margin: 2px 4px;}
.btn_small {padding: 5px 14px 6px !important;font-size:13px;margin: 2px 2px;font-weight: 500;}
.btn_small img {width:15px;vertical-align: middle;}
.btn_table {padding: 5px 11px !important;font-size: 12px;margin: 2px 2px;font-weight: 500;top: -1px;position: relative;}
.btn_simple {padding: 4px 7px 2px !important;font-size: 12px;margin: 1px 2px;font-weight: 400;}
.btn_nano {padding: 1px 3px 1px !important;font-size: 11px;margin: 1px 2px;font-weight: 500;}
.btn_icon {padding: 1px 4px !important;font-size: 11px;margin: 1px 2px;font-weight: 400;background: #cecece;}
.btn_icon i {padding-right: 2px;}

.btn_blue {background:#2094fa;border: 1px solid #2094fa;}
.btn_blue:hover {background:#1582e1;border-color:#1582e1}

.btn_green {background: #1fd078;border: 1px solid #1fd078;}
.btn_green:hover {background: #05b35c;border-color: #05b35c;}

.btn_sky {background: #49bcf1;border: 1px solid #49bcf1;}
.btn_sky:hover {background:#329acb;border-color:#329acb}

.btn_yellow {background: #f3c900;border: 1px solid #f3c900;}
.btn_yellow:hover {background: #dcb700;border-color: #dcb700;}

.btn_orange {background:#ff9500;border: 1px solid #ff9500;}
.btn_orange:hover {background:#e28400;border-color:#e28400}

.btn_emerald {background:#5ac8fa;border: 1px solid #5ac8fa;}
.btn_emerald:hover {background:#38aee3;border-color:#38aee3}

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

.btn_red {background: #ff6c64;border: 1px solid #ff6c64;}
.btn_red:hover {background: #e85d55;border-color: #e85d55;}

.btn_gray {background:#999;border: 1px solid #999;}
.btn_gray:hover {background:#777;border-color:#777}

.btn_gray2 {background:#ebebeb;color:#9e9e9e;border: 1px solid #ebebeb;}
.btn_gray2:hover {background:#dcdcdc;color:#555;border-color:#dcdcdc}

.btn_gray3 {background: #3c3c3c;color:#fff;border: 1px solid #5d5d5d;}
.btn_gray3:hover {background: #464343;border: 1px solid #5d5d5d;}

.btn_off {background:#d8d8d8;}

.btn_noact {background:#eee;color:#666;border: 1px solid #eee;}

.btn_blue_grd {background: linear-gradient(.25turn,#2094fa, #00e5dd);}
.btn_blue_grd:hover {background: linear-gradient(.25turn,#2298ff, #01dcda,#00e8b4);}

.btn_green_grd {background: linear-gradient(.25turn,#00bad0, #00eb6f );}
.btn_green_grd:hover {background: linear-gradient(.25turn,#00bad0, #12fe81 );}

.btn_red_grd {background: linear-gradient(.25turn,#ff487c, #ffc425);}
.btn_red_grd:hover {background: linear-gradient(.25turn,#ff487c, #ffea3a );}

.btn_Purple_grd {background: linear-gradient(.25turn,#be30d7, #ff9264);}
.btn_Purple_grd:hover {background: linear-gradient(.25turn,#be30d7, #ffaf5a );}

table button {vertical-align: baseline;}

select {
 background:#fff;
 color:#444444;
 padding: 6px 25px 6px 7px;
 margin: 0 2px;
 border: 1px solid #d9d9d9;
 font-size: 13px;
 font-weight: 500;
 min-width:70px;
 font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif;
 box-sizing: border-box;
 border-radius: 4px;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 background-image: url(../../assets/images/icon_seltop.png);
 background-repeat: no-repeat;
 background-position: right 5px;
 line-height: 15px;
 }

select::-ms-expand{ display:none  }
select option {font-size:13px;line-height:1.4;padding: 8px 0;}


.padding5 {padding:5px;clear: both;}
.padding10 {padding:10px;clear: both;}
.padding20 {padding:20px;clear: both;}
.padding30 {padding:30px;clear: both;}
.padding40 {padding:40px;clear: both;}
.padding50 {padding:50px;clear: both;}
.padding60 {padding:60px;clear: both;}
.padding70 {padding:70px;clear: both;}
.padding80 {padding:80px;clear: both;}
.padding90 {padding:90px;clear: both;}
.padding100 {padding:100px;clear: both;}

.padding8 {padding:8px;clear: both;}
.paddingTop16 {padding:16px;clear: both;}

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

    .paddingTop16 {padding:8px;}

}

/*body*/

.bodySt {background: #ebeff7;}
.body_login {background:#2d364e;}

.pcimg {display:block;}
.mobimg {display:none;}


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

.Wrap {width:100%;min-width: auto !important;}

.pcimg {display:none;}
.mobimg {display:block;}

}


/*header*/

.login_top {position: fixed;width:100%;height: 50px;background: #0d69da;top: 0;left: 0;z-index: 20;-webkit-box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 4%);}
.login_top h1 {padding: 0 0 0 0;display:inline-block;}
.login_top h1 img {padding: 0 8px 0 0;width:auto;height: 26px;}
.login_top h1 .company_name {color: #ffffff;font-size:19px;font-weight:500;}
.login_top h1 span {position: relative;top: 2px;font-size: 15px;color: #dcdcdc;}

.login_top .top_menu {display:inline-block;margin-left: 33px;color:#fff;}
.login_top .top_menu ul {}
.login_top .top_menu ul li {display:inline-block;vertical-align: middle;font-size: 15px;font-weight: 500;margin: 0 15px;}
.login_top .top_menu ul li a {color:#fff;}

.login_top .right_section {position:absolute;top:0px;right:0px;height: 100%;color: #fff;float:right;}

.top_user {position:relative;width:auto;height:100%;display: table;float: right;}
.top_user .UserSelect {position:relative;display:table-cell;vertical-align:middle;padding: 0 25px 0 15px;cursor:pointer;}
.top_user .UserSelect .userIcon {border-radius: 15px;overflow:hidden;background:#fff;width: 25px;height: 25px;display: inline-block;vertical-align: middle;}
.top_user .UserSelect .userIcon img {width: 100%;}
.top_user .UserSelect .userName {font-size: 1.3rem;color:#fff;font-weight:600;padding: 0px 7px;line-height: 1;position: relative;display: inline-block;vertical-align: middle;}
.top_user .UserSelect .uArr {position:relative;width:15px;height:15px;display: inline-block;vertical-align: middle;}
.top_user .UserSelect .uArr i {position:absolute;top: 1px;left: 0;font-size:14px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.top_user .UserSelect.on .uArr i {transform: rotate(-180deg);}

.top_user  .user_option {position:absolute;top:90%;right:10px;width:140px;box-sizing:border-box;/* border: 1px solid #7cb0de; */border-radius: 7px;overflow:hidden;padding: 5px 0;background: #fff;-webkit-box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 13%);box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 13%);}
.top_user  .user_option ul {width: 92%;margin:  0 auto;}
.top_user  .user_option ul li {padding: 7px 13px;box-sizing:border-box;font-size: 13px;color: #5d85a9;background:#fff;text-align: left;border-radius: 5px;cursor:pointer;}
.top_user  .user_option ul li i {padding-right:5px;position: relative;top: 1px;}
.top_user  .user_option ul li:hover {background: #deedff;}
.top_user  .user_option ul li a {color: #5d85a9;display: block;}


.MobMenuBtn {display:block;width:50px;display:inline-block;cursor:pointer;}

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

.login_top {position: fixed;width:100%;height: 50px;background: #0d69da;top: 0;left: 0;z-index: 100;}
.login_top h1 {padding: 8px 0 0 50px;}
.login_top h1 img {padding: 0 7px 0 0;width:auto;height: 34px;}
.login_top h1 span {position: relative; top: 4px;font-size: 15px;color: #dcdcdc;}

.login_top .top_menu {
    display: block;
    margin-left: 0;
    color:#fff;
    width: 100%;
    height: 38px;
    overflow-y: hidden;
    line-height: 38px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: 10px;
    background: #252d42;
    }

.login_top .top_menu::-webkit-scrollbar {display: none;}
.login_top .top_menu ul {width: 135%;}
.login_top .top_menu ul li {display:inline-block;vertical-align: middle;font-size: 14px;font-weight: 500;margin: 0 10px;}
.login_top .top_menu ul li a {color:#fff;}

.login_top .right_section {position:absolute;top:0px;right:0px;height: 100%;color: #fff;float:right;}

.top_user .UserSelect {padding: 0 15px 0 15px;}
.top_user .UserSelect .userName {display:none;}
.top_user .UserSelect .uArr {display:none;}

.MobMenuBtn {display:block;position:absolute;top: 0px;left: 0px;width: 50px;height: 50px;background: url(../images/mob_menuBtn.png) no-repeat;background-size: 5rem;}
.MobMenuBtn img {width:100%;}
.MobMenuBtnClose {background: url(../images/pop_closeBtn.png) no-repeat ;}

}

/*header*/





/*nav*/

#LeftMenu {-webkit-transition: all .1s ease-in-out;transition: all .3s ease-in-out;}

.left_menu {
    position:fixed;
    top: 65px;
    left: 15px;
    width: 200px;
    height: calc(100% - 80px);
    background: #ffffff;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index:100;
    /* border: 1px solid #d8dfe4; */
    overflow: auto;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 15%);
    padding: 10px 0;
    background: #1B84FE;
}
.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;}
.left_menu .navbg {position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;box-sizing: border-box;}

.MobMenuCloseBtn {display:none;}

#lnb {position: relative;width: 100%;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#lnb .mline {position: relative;margin: 0 auto;font-size: 12px;padding: 10px 0 10px 15px;font-weight: 600;color: #e2ecff;display:block;}
#lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8;letter-spacing: -2px; background: #d71a21;}
#lnb > ul {position:relative;}
#lnb > ul > li {position:relative;padding: 0px 0;overflow: block;width:auto;}
#lnb > ul > li.on.noDepth > a {color: #ffffff;background: rgba(0,0,0,0.2);}
#lnb > ul > li.on > a {color: #ffffff;}
#lnb > ul > li > a {display: block;width: 100%;padding: 1.1rem 0;margin: 0 auto;color: inherit;font-size: 1.4rem;font-weight: 500;border-radius: 0;text-indent: 1.6rem;color: #ffffff;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;overflow: hidden;white-space: nowrap;}
#lnb > ul > li > a i.arrow {position:absolute;top: 1.5rem;left:auto;right: 1.4rem;font-size: 1.2rem;text-indent: 0;color: rgba(255,255,255,0.8);}
#lnb > ul > li.on > a i.arrow {color: #fff;}
#lnb > ul > li:hover > a i.arrow {color: #fff;}
#lnb > ul > li a:hover {color: #ffffff;background-color: rgba(0,0,0,0.1);}
#lnb > ul > li.on a i.arrow {transform: rotate(-180deg);margin-top: 0px;}
#lnb > ul > li .mnicon_1 {position: relative;top: 0.1rem;font-size: 1.3rem;padding: 0 1rem 0 0;opacity: 0.8;}

#lnb > ul > li > ul {display: none;background: rgba(0,0,0,0.3);}
#lnb > ul > li > ul > li {position:relative;cursor:pointer;}
#lnb > ul > li > ul > li > a {display: block;padding: 1.3rem 0;font-size: 1.3rem;text-indent: 4.2rem;font-weight: 400;color: #e8f0ff;/* border-radius: 20px 0 0 20px; *//* margin: 0 0 0 10px; */}
#lnb > ul > li > ul > li > a i {font-size: 1.6rem;padding: 0 1rem 0 0;position: relative;top: 0.3rem;}
#lnb > ul > li > ul > li .mnicon_1 {position:absolute;top: 11px;left: 37px;width: 23px;height: 23px;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
#lnb > ul > li > ul > li.on {
    background: url(../images/swipe_next.png) no-repeat;
    background-position: 15px 11px;
    background-size: 12px;
    }
#lnb > ul > li > ul > li.on a {color: #f9fbfd;background: rgba(0,0,0,0.3);}
#lnb > ul > li > ul > li a:hover {color: #ffffff;background: rgba(255,255,255,0.1);}
#lnb > ul > li > ul > li.on a:hover {color: #ffffff;background: rgba(0,0,0,0.2);}


.left_menu.ss_menu {width: 60px;overflow: visible;}
.left_menu.ss_menu #lnb {position: relative;width: 70px;}
.left_menu.ss_menu #lnb .mline {position: relative;width:100%;margin: 0 auto;height:0px;background:#e1e1e1;padding:0;display:none;}
.left_menu.ss_menu #lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8;letter-spacing: -2px; background: #d71a21;}
.left_menu.ss_menu #lnb > ul {position:relative;}
.left_menu.ss_menu #lnb > ul > li {position:relative;padding: 5px 0;width: 58px;-webkit-transition: all .15s ease-in-out;transition: all .15s ease-in-out;}
.left_menu.ss_menu #lnb > ul > li:hover {width: 240px;}
.left_menu.ss_menu #lnb > ul > li:hover a {background: #0d69da;color:#fff;}
.left_menu.ss_menu #lnb > ul > li > a {display: block;width: 100%;padding: 0.8rem 0;margin: 0 auto;color: inherit;font-size: 1.5rem;font-weight: 500;border-radius: 0;text-indent: 2rem;color: #ffffff;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;overflow: hidden;position: relative;}
.left_menu.ss_menu #lnb > ul > li > a i.arrow {position:absolute;top:1.4rem;left: 22rem;right:auto;text-indent: 0;display:none;}
.left_menu.ss_menu #lnb > ul > li a:hover {color: #ffffff;background-color: #0d69da;}
.left_menu.ss_menu #lnb > ul > li.on a i.arrow {transform: rotate(-180deg);margin-top: 0px;}
.left_menu.ss_menu #lnb > ul > li .mnicon_1 {position: relative;top: 0.3rem;-webkit-transition: all .1s ease-in-out;transition: all .2s ease-in-out;font-size: 1.8rem;padding: 0 4rem 0 0;}
.left_menu.ss_menu #lnb > ul > li:hover .mnicon_1 {padding: 0 1.2rem 0 0;}

.left_menu.ss_menu #lnb > ul > li > ul {display: none !important;position:absolute;top: 44px;left: 60px;z-index: 1;}
.left_menu.ss_menu #lnb > ul > li > ul:hover {display:block !important;}
.left_menu.ss_menu #lnb > ul > li:hover > ul {display: block !important;}
.left_menu.ss_menu #lnb > ul > li > ul > li {position:relative;cursor:pointer;white-space: nowrap;text-overflow: ellipsis;width: 180px;}
.left_menu.ss_menu #lnb > ul > li > ul > li > a {display: block;padding: 1.1rem 0;font-size: 1.3rem;text-indent: 2.4rem;font-weight: 500;color: #999;background-color: #fff;}
.left_menu.ss_menu #lnb > ul > li:hover > ul > li > a {background-color: #145aa2;font-size: 13px;}
.left_menu.ss_menu #lnb > ul > li > ul > li > a i {font-size: 1.6rem;padding: 0 1rem 0 0;position: relative;top: 0.3rem;}
.left_menu.ss_menu #lnb > ul > li > ul > li .mnicon_1 {position:absolute;top: 11px;left: 37px;width: 23px;height: 23px;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.left_menu.ss_menu #lnb > ul > li > ul > li.on a {color: #ffffff;background: #2494ff;}
.left_menu.ss_menu #lnb > ul > li > ul > li a:hover {color: #fff;background: #135090;}
.left_menu.ss_menu #lnb > ul > li > ul > li.on a:hover {color: #ffffff;background: #2494ff;}

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

.left_menu {display:none;top: 50px;left: 0;border-radius: 0;height: calc(100% - 50px);}
.MobMenuCloseBtn {display:none;}

}

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

.left_menu {display:none;}

.left_menu {position:fixed;top: 50px;left:0;width: 100%;height: calc(100% - 50px);overflow-y: auto;overflow-x: hidden;background: rgba(0,0,0,0.8);z-index: 126;display: none;padding:0;}
.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;}
.left_menu .navbg {position: fixed;top: 0;left:0;width: calc(100% - 70px);height:100%;background:#fff;}

.MobMenuCloseBtn {position: absolute;top: 19px;right: 25px;display:block;z-index: 100000;font-size: 2.3rem;color: #fff;}


.left_menu #lnb {position: relative;width: calc(100% - 120px);height:100%;background:#fff;top:0;left:0;}
.left_menu #lnb .mline {position: relative;margin: 0 auto;font-size: 12px;padding: 10px 0 10px 24px;font-weight: 600;color: #b1b1b1;display:block;}
.left_menu #lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8;letter-spacing: -2px; background: #d71a21;}
.left_menu #lnb > ul {}
.left_menu #lnb > ul > li {position:relative;width: 100%;}
.left_menu #lnb > ul > li.on.noDepth a {color: #ffffff;background: #4096ff;}
.left_menu #lnb > ul > li > a {display: block;width: 100%;padding: 1.3rem 0;margin: 0 auto;color: inherit;font-size: 1.5rem;font-weight: 500;background: #ffffff;border-radius: 0;text-indent: 2.4rem;color: #525252;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.left_menu #lnb > ul > li > a i.arrow {position:absolute;top: 1.7rem;right: 2.4rem;font-size: 1.6rem;text-indent: 0;}
.left_menu #lnb > ul > li a:hover {color: #ffffff;background-color: #2d85f3;}
.left_menu #lnb > ul > li.on a i.arrow {transform: rotate(-180deg);margin-top: 0px;}
.left_menu #lnb > ul > li .mnicon_1 {position: relative;top: 0.3rem;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;font-size: 1.8rem;padding: 0 1rem 0 0;}

.left_menu #lnb > ul > li > ul {display: none;}
.left_menu #lnb > ul > li > ul > li {position:relative;}
.left_menu #lnb > ul > li > ul > li > a {display: block;padding: 1.5rem 0;font-size: 1.4rem;text-indent: 5.3rem;font-weight: 500;color: #64819c;background-color: #dae9fb;}
.left_menu #lnb > ul > li > ul > li > a i {font-size: 2rem;padding: 0 1rem 0 0;position: relative;top: 0.3rem;}
.left_menu #lnb > ul > li > ul > li .mnicon_1 {position:absolute;top: 11px;left: 37px;width: 23px;height: 23px;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.left_menu #lnb > ul > li > ul > li.on a {color: #ffffff;background: #40a5ff;}
.left_menu #lnb > ul > li > ul > li.on a:hover {color: #ffffff;background: #40a5ff;}

}

/*login*/
.root_login {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;}
.loginArea {position:relative;width:450px;margin: 0 auto;top:20%;text-align:center;}
.loginArea h1 {width:270px;margin: 0 auto 25px ;}
.loginArea .loginBox {width:100%;height:320px;border: 1px solid #000;border-radius: 20px;background: #d0d0d0;box-sizing:border-box;}
.loginArea .loginBox .InputBox {position:relative;width:350px;height:126px;border-radius:10px;background:#fff;box-sizing:border-box;margin: 50px auto 33px;}
.loginArea .loginBox .InputBox input {letter-spacing:0.03em;}
.loginArea .loginBox .InputBox .input_ID {position:absolute;top:0;left:0;width:100%;height:50%;border-bottom: 1px solid #ccc;}
.loginArea .loginBox .InputBox .input_ID .id_icon {position:absolute;top: 23%;left: 6%;width: 34px;}
.loginArea .loginBox .InputBox .input_ID .ip_id {position:absolute;top: 5%;left: 18%;width: 79%;height: 92%;border:0;background:#fff;font-size: 1.7rem;color:#666;font-weight: 600;}
.loginArea .loginBox .InputBox .input_pw {position:absolute;top:50%;left:0;width:100%;height:50%;}
.loginArea .loginBox .InputBox .input_pw .id_icon {position:absolute;top: 25%;left: 6.6%;width: 30px;}
.loginArea .loginBox .InputBox .input_pw .ip_pw {position:absolute;top: 5%;left: 18%;width: 79%;height: 92%;border:0;background:#fff;font-size: 1.7rem;color:#666;font-weight: 600;}

.loginArea .loginBtn {width:350px;height: 62px;background: #e60019;border-radius:10px;text-align:center;font-size: 1.8rem;font-weight:600;color: #ffffff;}
.loginArea p {font-size:1.4rem;color:#737474;font-weight:600;margin: 30px 0 0 0 ;}

/*common*/


.content_St {
    position: absolute;
    margin-left: 220px;
    padding-top: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: calc(100% - 50px);
    top: 50px;
    width:calc(100% - 220px);
    min-width:768px;
    overflow: auto;
    }
.content_St.shorten {margin-left: 80px;width: calc(100% - 80px);}
.content_St.normal {margin-left:220px;width:calc(100% - 70px);}

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

.left_menu {-webkit-transition:none;transition:none;padding: 0;}
.content_St {-webkit-transition:none;transition:none;}

}

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

.content_St {margin-left:0;width: 100%}

}

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

.content_St {margin-left:0 !important;padding-top: 50px;-webkit-transition:none;transition:none;position:relative;height:auto;top:0;width: 100% !important;min-width: auto;}
.dashPage {position:absolute;top: 50px;left:0;width:100%;height:calc(100% - 50px);padding-top: 0;}

}

.page_titleBar {position: absolute;width: calc(100% - 24px);height: 4rem;background: rgba(255,255,255,0.8);display: table;top: -1px;left: 12px;z-index: 1;box-sizing: border-box;line-height: 4rem;border-radius: 0 0 10px 12px;}
.page_titleBar h2 {padding: 0 0 0 1.6rem;font-size: 1.3rem;color: #466b98;position: relative;display: inline-block;vertical-align: middle;}
.page_titleBar h3 {padding: 0 0 0 0;font-size: 1.3rem;color:#666666;position: relative;display: inline-block;vertical-align: middle;font-weight:500;}
.page_titleBar span {display: inline-block;padding: 0px 0.7em;font-size: 1.3rem;color:#666666;}

.page_titleBar .R_navBox {position:absolute;top:0;right: 2rem;height:100%;display:table-cell;vertical-align:middle;cursor:pointer;}
.page_titleBar .R_navBox .icon_Setting img {width:18px;}
.page_titleBar .R_navBox span {position:relative;top: 13px;padding: 0 1px;}
.page_titleBar .R_navBox .string {position:relative;top: 15px;}

.page_titleBar .Reflash_btn {font-size: 12px;cursor:pointer;vertical-align: middle;margin: 0 0 0 3px;opacity: 0.7;/* height: 16px; */}
.page_titleBar .Reflash_btn:hover {opacity:1;}

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

.page_titleBar {position: relative;width: calc(100% - 16px);height: 4rem;background: #ffffff;display: table;top: 0;left: 8px;z-index: 1;box-sizing: border-box;line-height: 4rem;}
.page_titleBar h2 {padding: 0 0 0 1.6rem;font-size: 1.3rem;color:#999999;position: relative;display: inline-block;vertical-align: middle;}
.page_titleBar h3 {padding: 0 0 0 0;font-size: 1.3rem;color:#666666;position: relative;display: inline-block;vertical-align: middle;}
.page_titleBar span {display: inline-block;padding: 0px 0.7em;font-size: 1.3rem;color:#666666;}

.page_titleBar .R_navBox {position:absolute;top:0;right: 2rem;height:100%;display:table-cell;vertical-align:middle;cursor:pointer;}
.page_titleBar .R_navBox .icon_Setting img {width:18px;}
.page_titleBar .R_navBox span {position:relative;top: 13px;padding: 0 1px;}
.page_titleBar .R_navBox .string {position:relative;top: 15px;}

.page_titleBar .Reflash_btn {font-size: 12px;cursor:pointer;vertical-align: middle;margin: 0 0 0 3px;opacity: 0.7;/* height: 16px; */}
.page_titleBar .Reflash_btn:hover {opacity:1;}

}

/*타이틀*/

.card_title {
  position:relative;
  width: calc(100% + 12px);
  min-height: 4.5rem;
  padding: 0.7rem 1.4rem;
  display:table;
  box-sizing: border-box;
  margin: -6px 0 6px -6px;
  background: #fff;
  border-radius: 10px 10px 0 0;
  }
  .card_title h3 {width: auto;display: table-cell;vertical-align: middle;font-size: 1.7rem;color:#555;font-weight: 600;line-height:1.3;padding: 6px 0;letter-spacing: 0;}
  .card_title h4 {width: auto;display: table-cell;vertical-align: middle;font-size: 1.4rem;color:#777;font-weight:500;line-height:1.3;padding: 3px 0;}
  .card_title h4 b {color:#444;}
  .card_title h5 {width: auto;display: table-cell;vertical-align: middle;font-size: 1.2rem;color:#777;font-weight:500;line-height:1.3;}
  .card_title .rightArea {display: table-cell;text-align: right;width: auto;vertical-align: middle;margin: 0;font-size:13px;color:#666;}
  .card_title .rightArea > i {font-size:20px;cursor:pointer;margin: 0 3px;}
  .card_title .subtitle {display:inline-block;font-size: 12px;padding: 7px 0 0 5px;color: #737373;font-weight: 400;line-height: 1.4;letter-spacing: 0;}
  .card_title button {margin: 1px 2px !important;vertical-align: baseline;}
  .card_title.nobg {background:none;padding: 0.8rem 1.4rem;min-height: auto;height: 5rem;}
  .card_title.simple {background:none;padding: 0.7rem 0.7rem;}
  .card_title.table {background:none;padding: 0.7rem 0.7rem 0rem;margin-bottom:0px;min-height: 3.5rem;}
  .card_title.title {position:relative;width:100%;text-align:center;font-size: 31px;color:#222;font-weight:600;padding: 30px 0 20px;}
  .helfarea {display: inline-block;width:49%;box-sizing: border-box;vertical-align: top;}

.card_title .userimg {position:relative;width: 28px;height: 28px;background:#999;overflow:hidden;border-radius:15px;display:inline-block;vertical-align: bottom;
margin: 0 6px 0 0 ;}
.card_title .userimg .photo
{display: block;
position:absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}

.card_title .rightArea .smbtn {cursor:pointer;padding:0;background:none;margin: 0 0 0 4px;border:0;width: 2.2rem;height:2.2rem;}
.card_title .rightArea .smbtn img {width: 2.2rem;}
.card_title .rightArea .smbtn i {font-size: 2.2rem;color: #b9b9b9;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.card_title .rightArea .smbtn i:hover {color:#8a8a8a;}


.pop_title {position:relative;width:100%;min-height: 5rem;padding: 0.7rem 1.4rem;display:table;box-sizing: border-box;margin: 0;background: #fff;border-radius: 8px 8px 0 0;}
.pop_title h3 {width: auto;display: table-cell;vertical-align: middle;font-size: 1.7rem;color:#444;font-weight:600;line-height:1.3;}
.pop_title h4 {width: auto;display: table-cell;vertical-align: middle;font-size: 1.4rem;color:#444;font-weight:500;line-height:1.3;}
.pop_title h5 {width: auto;display: table-cell;vertical-align: middle;font-size: 1.2rem;color:#777;font-weight:500;line-height:1.3;}
.pop_title .rightArea {display: table-cell;text-align: right;width: auto;vertical-align: middle;margin: 0;}

.pop_title .rightArea .smbtn {cursor:pointer;padding:0;background:none;margin: 0 0 0 4px;border:0;width: 2.2rem;height:2.2rem;}
.pop_title .rightArea .smbtn img {width: 2.2rem;}
.pop_title .rightArea .smbtn i {font-size: 1.5rem;color: #9c9c9c;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.pop_title .rightArea .smbtn i:hover {color:#8a8a8a;}

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

.card_title {position:relative;width: calc(100% + 8px);min-height: 4.5rem;padding: 1.2rem;display:table;box-sizing: border-box;margin: -4px 0 4px -4px;}
.card_title h3 {width: auto;display: block;vertical-align: middle;font-size: 1.6rem;color:#555;font-weight:600;padding: 0;}
.card_title h4 {width: auto;display: block;vertical-align: middle;font-size: 1.4rem;color:#777;font-weight:500;padding: 0;}
.card_title h5 {width: auto;display: block;vertical-align: middle;font-size: 1.2rem;color:#777;font-weight:600;padding: 0rem 0 1rem;}
.card_title .rightArea {display: block;text-align: left;width: 100%;vertical-align: middle;margin-left: -4px;margin-top: 8px;}
.card_title .subtitle {display:block;font-size: 12px;padding: 7px 0 0 0px;color: #737373;font-weight: 500;line-height: 1.4;letter-spacing: 0;}

.helfarea {display:block;width:100%;box-sizing: border-box;}

}

.card_title_sm {position:relative;width:100.5%;height: 4rem;padding: 1rem 1.3rem;font-size: 1.4rem;color: #fff;font-weight:600;display:table;box-sizing: border-box;background: #a6c0ee;}

.card_subtit {position:relative;width:100%;height: 3rem;padding: 1rem 1.5rem 0rem 0.2rem ;font-size: 1.4rem;color:#666;font-weight:500;display:table;box-sizing: border-box;}
.card_subtit span {padding-right:8px;}
.card_subtit .stit {font-weight:600;}

.card_toptit {position:relative;width:100%;height: 2.6rem;padding: 1rem 2rem 0rem 0.2rem ;font-size: 1.4rem;color:#666;font-weight:500;display:table;box-sizing: border-box;top:2px;}
.card_toptit span {padding-right:8px;}
.card_toptit .stit {font-weight:600;}

.card_comment {position:relative;width:100%;height: 3rem;padding: 1rem 2rem 1rem 2rem ;font-size: 1.4rem;color:#666;font-weight:600;display:table;box-sizing: border-box;top:5px;
text-align:center;}

.card_input {position:relative;border-radius:4px;background:#EFEFEF;margin:16px;width:calc(100% - 32px);height:34px;border: 1px solid #CCCCCC ;}
.card_input .IPbox {position:absolute;top:5px;left:4px;width:calc(100% - 50px);border:0;color:#666;font-size:1.5rem;height: 26px;background: none;}
.card_input .inputBtn {position:absolute;top: 6px;right: 6px;width: 24px;height: 24px;font-size: 18px;color: #999;cursor: pointer;padding: 0;background: none;margin: 0;font-size: 14px;}

.card_option {position:relative;width: 100%;height: auto;font-size: 1.5rem;color:#666;font-weight: 500;display:table;box-sizing: border-box;padding: 2px 0;}
.card_option .option_section {position:relative;display: inline-block;margin-right: 1.4rem;font-size: 1.3rem;padding: 0.3rem 0;}
.card_option .option_section > span {padding: 0 0.2rem 0 0.5rem;display: inline-block;height: auto;line-height: 1.3;vertical-align: middle;position: relative;text-align: right;min-width: 65px;}
.card_option .option_section span.tit {font-size:1.5rem;}
.card_option .option_section_right {position:relative;display:table-cell;float:right;font-size:1.3rem;}
.card_option .option_section_right .option_box {position:relative;display:table-cell;vertical-align: middle;height:3rem;text-align:right;padding: 0.6rem 0;}
.card_option .option_section.nomargin {margin: 0 2px 0 0 ;}
.card_option .option_section .first_tit {text-align:right;display: inline-block;}
.card_option .option_section .option_box .informationBox {background: #eef8ff;border: 1px solid #7bb2e2;padding: 0.6rem 0.7rem;color: #0e4371;border-radius: 4px;margin: 0 0 0 3px;}
.card_option .option_section .item {width:70px;}
.card_option button {margin: 0 2px !important ;}

.option_textArea {position:relative;width:100%;clear:both;}
.option_textArea .text_field {padding: 1rem 1rem 1rem 8.3rem;font-size:1.3rem;color:#2d9afa;line-height:1.3;}
.option_textArea .text_field p {font-size:1.3rem;color:#2d9afa;line-height: 1.7;padding: 0;margin: 0;}

.card_topBtn {position:relative;width:100%;height: 5rem;padding: 0.6rem 0.8rem;font-size: 1.5rem;color:#666;font-weight:600;display:table;box-sizing: border-box;text-align:right;}

.card_btnArea {position:relative;width:100%;height: 5rem;padding: 1.8rem 1.2rem 2.4rem;display:table;box-sizing: border-box;text-align:center;}
.card_btnArea .rigth_Area {position:relative;display:table-cell;float:right;font-size:1.3rem;}
.card_btnArea .rigth_Area .option_box {position:relative;display:table-cell;vertical-align: middle;height:3rem;text-align:right;padding: 0.6rem 0;font-size:1.3rem;color:#999;}
.card_btnArea3 {position:relative;width: calc(100% + 12px);height: 5rem;padding: 1.4rem 1.2rem 1.4rem;display:table;box-sizing: border-box;text-align:center;margin: 6px 0 0px -6px;}
.card_btnArea4 {position:relative;width: calc(100% + 12px);height: 5rem;padding: 1rem 1.2rem 1rem;display:table;box-sizing: border-box;margin: 6px 0 0px -12px;}

.card_btnArea_simple {position:relative;width:100%;padding: 0 ;display:table;box-sizing: border-box;text-align:right;}

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

.card_option {position:relative;width:100%;height: 5rem;padding: 0.6rem 0.8rem;font-size: 1.5rem;color:#666;font-weight: 500;display:table;box-sizing: border-box;}
.card_option .option_section {position:relative;display:table-cell;float:left;margin-right: 0.5rem;font-size:1.3rem;padding: 0.2rem 0;vertical-align: middle;}
.card_option .option_section > span {padding: 0 0.2rem 0 0.5rem;display: inline-block;height: auto;line-height: 1.3;vertical-align: middle;position: relative;text-align: right;min-width: 65px;}
.card_option .option_section .option_box {position:relative;display:table-cell;vertical-align: middle;height:3rem;}
.card_option .option_section_right {position:relative;display:table-cell;float:left;font-size:1.3rem;}
.card_option .option_section_right .option_box {position:relative;display:table-cell;vertical-align: middle;height:3rem;text-align:left;}
.card_option .option_section.nomargin {margin:0;}
.card_option .option_section .first_tit {width:auto;min-width:auto;text-align:left;display: inline-block;}
.card_option .option_section .item {width:70px;}

.option_textArea {position:relative;width:100%;clear:both;}
.option_textArea .text_field {padding: 1rem 1rem 1rem 1rem;font-size:1.3rem;color:#2d9afa;line-height:1.3;}
.option_textArea .text_field p {font-size:1.3rem;color:#2d9afa;line-height: 1.7;padding: 0;margin: 0;}

.card_btnArea {position:relative;width:100%;height: 5rem;padding: 1.2rem 1.2rem 3rem;display:table;box-sizing: border-box;text-align:center;}

}


/*table*/

table img {max-height:50px;width: auto !important;}
table {word-break: keep-all;}

.tableStyle_A {width:100%;margin: 0 auto;overflow: auto;}
.tableStyle_A table {width:100%;}
.tableStyle_A table thead tr th {padding: 1.3rem 1rem;font-size:1.3rem;color: #ffffff;text-align:center;background-color: #5987bf;line-height: 1.2;font-weight:500;}
.tableStyle_A table tbody tr th {padding: 1.2rem 0.5rem;font-size:1.3rem;color:#666666;text-align:center;background-color:#fff;line-height:1.2;border-bottom: 1px solid #ccc;font-weight:400;}
.tableStyle_A table tbody tr td {padding: 1.2rem 0.5rem;font-size:1.3rem;color:#666666;text-align:center;background-color:#fff;line-height:1.2;border-bottom: 1px solid #e0e6ea;font-weight:400;}
.tableStyle_A table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_A table tbody tr:hover td {background:#f5f5f5;}

.id_photo {width:26px;height:26px;border-radius:50%;background:#eaeaea;display: inline-table;margin: 0 5px 0 0;overflow:hidden;}
.id_photo img {width:100% !important;}

.tableStyle_B {width: 100%;margin: 0 auto;overflow: auto;}
.tableStyle_B table {width:100%;}
.tableStyle_B table thead tr th {padding: 1.3rem 1rem;font-size:1.3rem;color: #647784;text-align:center;background-color: #eaf3fb;line-height:1.2;border: 1px solid #e0e6ea;font-weight:500;}
.tableStyle_B table tbody tr th {padding: 1.2rem 0.5rem;font-size:1.3rem;color:#666666;text-align:center;line-height:1.2;border: 1px solid #ccc;font-weight:400;}
.tableStyle_B table tbody tr td {padding: 1.2rem 0.5rem;font-size:1.3rem;color:#666666;text-align:center;line-height:1.2;border: 1px solid #e0e6ea;font-weight:400;}
.tableStyle_B table tbody tr td img {margin: 2px 2px ;}
.tableStyle_B table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_B table tbody tr:hover td {background:#f5f5f5;}

.tableStyle_Card {width: 100%;margin: 0 auto;overflow: auto;}
.tableStyle_Card table {width:100%;border: 2px solid #666;}
.tableStyle_Card table thead tr th {padding: 2rem 1rem;font-size: 14px;color: #222222;text-align:center;background-color: #ffffff;line-height:1;border-bottom: 2px solid #222222;font-weight:500;}
.tableStyle_Card table tbody tr th {padding: 2rem 1rem;font-size: 14px;color:#666666;text-align:center;line-height:1;border: 1px solid #666;font-weight:400;}
.tableStyle_Card table tbody tr td {padding: 2rem 1rem;font-size: 14px;color:#666666;text-align: left;line-height:1;border: 1px solid #222;font-weight: 500;background: #fff;}
.tableStyle_Card table tbody tr.tdbg th {background: #f1f1f1;}
.tableStyle_Card table .photo_section {position:relative;width:100%;padding: 10px ;box-sizing: border-box;}
.tableStyle_Card table .photo_section img {width:auto !important;max-width: 30% !important;height:auto !important;max-height: 300px;margin: 1%;}

.tableStyle_Report {width: 100%;margin: 0 auto;overflow: auto;}
.tableStyle_Report table {width:100%;border: 2px solid #666;}
.tableStyle_Report table thead tr th {padding: 2rem 1rem;font-size: 14px;color: #222222;text-align:center;background-color: #ffffff;line-height:1.2;border-bottom: 2px solid #222222;font-weight:500;}
.tableStyle_Report table tbody tr th {padding: 2rem 1rem;font-size: 14px;color:#666666;text-align:center;line-height:1.2;border: 1px solid #666;font-weight:400;}
.tableStyle_Report table tbody tr td {padding: 2rem 1rem;font-size: 14px;color:#666666;text-align: left;line-height:1.2;border: 1px solid #222;font-weight: 500;background: #fff;}
.tableStyle_Report table tbody tr.tdbg th {background: #f1f1f1;}
.tableStyle_Report table .photo_section {position:relative;width:100%;padding: 10px ;box-sizing: border-box;}
.tableStyle_Report table .photo_section img {width:auto !important;max-width: 30% !important;height:auto !important;max-height: 300px;margin: 1%;}

.tableStyle_Report_mt {width: 100%;margin: 0 auto;overflow: auto;}
.tableStyle_Report_mt table {width:100%;border: 2px solid #666;}
.tableStyle_Report_mt table thead tr th {padding: 2rem 1rem;font-size: 14px;color: #222222;text-align:center;background-color: #ffffff;line-height:1.2;border-bottom: 2px solid #222222;font-weight:500;}
.tableStyle_Report_mt table tbody tr th {padding: 2rem 1rem;font-size: 14px;color:#666666;text-align:center;line-height:1.2;border: 1px solid #666;font-weight:400;}
.tableStyle_Report_mt table tbody tr td {padding: 2rem 1rem;font-size: 14px;color: #444;text-align: center;line-height:1.2;border-bottom: 1px solid #222;font-weight: 500;background: #fff;}
.tableStyle_Report_mt table tbody tr.tdbg th {background: #f1f1f1;}
.tableStyle_Report_mt table .photo_section {position:relative;width:100%;padding: 10px ;box-sizing: border-box;}
.tableStyle_Report_mt table .photo_section img {width:auto !important;max-width: 30% !important;height:auto !important;max-height: 300px;margin: 1%;}

.tableStyle_C {width:100%;margin: 0 auto;overflow-y: auto;}
.tableStyle_C table {width:100%;border: 1px solid #EBEBEB;}
.tableStyle_C table thead tr th {padding: 1.3rem 0.4rem;font-size: 1.3rem;color:#555;text-align:center;line-height:1.2;border-bottom: 1px solid #EBEBEB;border-top: 1px solid #EBEBEB;font-weight: 500;background: #f6f7f9;}
.tableStyle_C table tbody tr th {padding: 1.2rem 0.5rem;font-size:1.3rem;color:#555;text-align:center;line-height:1.2;border-bottom: 1px solid #e6e6e6;font-weight:400;}
.tableStyle_C table tbody tr td {padding: 1.4rem 0.4rem;font-size: 1.3rem;color:#666;text-align:center;line-height:1.2;border-bottom: 1px solid #EBEBEB;font-weight:400;background: #fff;}
.tableStyle_C table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_C table tbody tr td img {margin: 2px 2px ;}

.tableStyle_D {width: 100%;margin: 0 auto;overflow: auto;}
.tableStyle_D table {width:100%;}
.tableStyle_D table thead tr th {padding: 1.3rem 1rem;font-size:1.3rem;color: #647784;text-align:center;background-color: #eaf3fb;line-height:1.2;border: 1px solid #e0e6ea;font-weight:500;}
.tableStyle_D table tbody tr th {padding: 1.2rem 0.5rem;font-size:1.3rem;color:#666666;text-align:center;line-height:1.2;border: 1px solid #e0e6ea;font-weight:400;background: #eaf3fb;}
.tableStyle_D table tbody tr td {padding: 1.2rem 1rem;font-size:1.3rem;color:#666666;text-align: left;line-height:1.2;border: 1px solid #e0e6ea;font-weight:400;}

.tableStyle_pp {width:100%;margin: 0 auto;overflow-y: auto;}
.tableStyle_pp table {width:100%;}
.tableStyle_pp table thead tr th {padding: 0.4rem ;font-size:1.3rem;color:#999999;text-align:right;background:none;line-height:1.2;border-bottom: 1px solid #ccc;height:2rem;font-weight:500;}
.tableStyle_pp table tbody tr th {padding: 0.4rem 0.4rem;font-size:1.3rem;color:#666666;text-align: left;background:none;line-height:1.2;height: 2.6rem;font-weight:500;}
.tableStyle_pp table tbody tr td {padding: 0.4rem 0.4rem;font-size:1.3rem;color:#666666;text-align:left;/*background:none*/line-height: 1.3;height: 2.6rem;font-weight:400;}
.tableStyle_pp table tbody tr td b {color:#222;font-weight:500;font-size:14px;}
.tableStyle_pp table tbody tr td img {margin: 0 4px;padding: 0 4px;}
.tableStyle_pp table tbody tr td span {border-right: 1px solid #cfcfcf;display: inline-block; margin: 0px 3px 0px 3px;}
.tableStyle_pp table tbody tr td span:last-child {border-right:none;}
.tableStyle_pp table tbody tr td table.tblDbdSt {border-top: 2px #ddd solid; border-bottom: 2px #ddd solid;}
.tableStyle_pp table tbody tr td table.tblDbdSt tr {border-bottom: 1px #ddd dotted;}
.tableStyle_pp table tbody tr td table.tblDbdSt tr:first-child {border-bottom: 1px #ddd solid;}
.tableStyle_pp table tbody tr td table.tblDbdSt tr th {padding-left: 20px;}
.tableStyle_pp table tbody tr td table.tblDbdSt tr:first-child th {text-align:left; padding-left: 10px;}
.tableStyle_pp table tbody tr td table.tblDbdSt tr:first-child th:first-child {padding-left: 30px;}
.tableStyle_pp table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_pp.thcolor table tbody tr th {color:#2094fa;}
.tableStyle_pp td.tdthArea {color:#2094fa;text-align:center;padding-bottom:0;font-size:11px;letter-spacing:-0.02em;padding: 0.4rem 0.2rem;}
.tableStyle_pp .descrip {font-size:12px;color: #4b8ad8;padding: 3px 0 3px 3px ;display: block;line-height:1.5;}

.tableStyle_pp tr.ctlLnk:hover { background-color: #ddd;}
.tableStyle_pp tr.sep { border-top: 2px #ddd solid;}


.tableStyle_opt {width:100%;margin: 0 auto;overflow-y: auto;border: 1px solid #e1e8ef;border-radius: 4px;background: #f7f9fb;padding: 0px 0;}
.tableStyle_opt table {width:100%;}
.tableStyle_opt table thead tr th {padding: 0.4rem ;font-size:1.3rem;color:#999999;text-align:right;background:none;line-height:1.2;border-bottom: 1px solid #ccc;height:2rem;font-weight:500;}
.tableStyle_opt table tbody tr th {padding: 0.4rem 0.8rem;font-size: 1.3rem;color: #4c4c4c;text-align:left;background:none;line-height:1.2;height: 2.6rem;font-weight: 400;border-bottom: 1px solid #e7ecf1;}
.tableStyle_opt table tbody tr td {padding: 0.6rem 0.4rem;font-size:1.3rem;color:#666666;text-align:left;/*background:none*/line-height: 1.3;height: 2.6rem;font-weight:400;border-bottom: 1px solid #e7ecf1;}
.tableStyle_opt table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_opt.thcolor table tbody tr th {color:#2094fa;}
.tableStyle_opt td.tdthArea {color:#2094fa;text-align:center;padding-bottom:0;font-size:11px;letter-spacing:-0.02em;padding: 0.4rem 0.2rem;}
.tableStyle_opt .descrip {font-size:12px;color: #4b8ad8;padding: 3px 0 3px 3px ;display: block;line-height:1.5;}
.tableStyle_opt table tbody tr:last-child th {border-bottom:none;}
.tableStyle_opt table tbody tr:last-child td {border-bottom:none;}

.tableStyle_optB {width:100%;margin: 0 auto;overflow-y: auto;border: 1px solid #e1e8ef;border-radius: 4px;background: #f7f9fb;padding: 6px 0;}
.tableStyle_optB table {width:100%;}
.tableStyle_optB table thead tr th {padding: 0.4rem ;font-size:1.3rem;color:#999999;text-align:right;background:none;line-height:1.2;height:2rem;font-weight:500;}
.tableStyle_optB table tbody tr th {padding: 1.1rem 0.8rem 0.4rem 1.3rem;font-size: 1.3rem;color: #4c4c4c;text-align:left;background:none;line-height:1.2;/* height: 2.6rem; */font-weight: 400;vertical-align: top;}
.tableStyle_optB table tbody tr td {padding: 0.5rem 0.4rem;font-size:1.3rem;color:#666666;text-align:left;/*background:none*/line-height: 1.3;height: 2.6rem;font-weight:400;}
.tableStyle_optB table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_optB.thcolor table tbody tr th {color:#2094fa;}
.tableStyle_optB td.tdthArea {color:#2094fa;text-align:center;padding-bottom:0;font-size:11px;letter-spacing:-0.02em;padding: 0.4rem 0.2rem;}
.tableStyle_optB .descrip {font-size:12px;color: #4b8ad8;padding: 3px 0 3px 3px ;display: block;line-height:1.5;}

.tableStyle_mtt {width:100%;margin: 0 auto;overflow-y: auto;padding: 0 0 10px 0;}
.tableStyle_mtt table {width: 98%;margin:  0 auto;}
.tableStyle_mtt table thead tr th {padding: 0.7rem 0.4rem;font-size: 1.2rem;color:#999999;text-align: center;background:none;line-height:1.2;height:2rem;font-weight: 400;}
.tableStyle_mtt table tbody {border-top: 1px solid #ECEEF0;border-bottom: 1px solid #ECEEF0;box-sizing: border-box;width:calc(100% - 2px);}
.tableStyle_mtt table tbody tr th {padding: 0.4rem 0.4rem;font-size:1.3rem;color:#666666;text-align: left;background:none;line-height:1.2;height: 2.6rem;font-weight:500;}
.tableStyle_mtt table tbody tr:hover {background:#f5f5f5;cursor:pointer;}
.tableStyle_mtt table tbody tr.on {background:#eee; border: 2px solid #0584FE;}
.tableStyle_mtt table tbody tr.on:hover {background:#eee;}

.tableStyle_mtt table tbody tr td {
  padding: 0.7rem 0.4rem;
  font-size: 1.2rem;
  color:#666666;
  text-align: center;
  line-height: 1.3;
  height: 2.6rem;
  font-weight:400;
  border: 1px solid #ECEEF0;
  }
.tableStyle_mtt table tbody tr td:last-child {
  width: 45%;
  background-image: url(../images/icon_arr_mt_go.png);
  background-position: right center;
  background-position: calc(100% - 2px) center;
  background-size: 20px;
  background-repeat: no-repeat;
  padding: 0.7rem 1.7rem 0.7rem 0.4rem;
}
.tableStyle_mtt table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_mtt.thcolor table tbody tr th {color:#2094fa;}
.tableStyle_mtt td.tdthArea {color:#2094fa;text-align:center;padding-bottom:0;font-size:11px;letter-spacing:-0.02em;padding: 0.4rem 0.2rem;}
.tableStyle_mtt .descrip {font-size:12px;color: #4b8ad8;padding: 3px 0 3px 3px ;display: block;line-height:1.5;}
.tableStyle_mtt table tbody tr td img {margin: 0px 2px 0px 2px}

.tableStyle_mtBt {width:100%;margin: 0 auto;overflow-y: auto;padding: 0 0 10px 0;}
.tableStyle_mtBt table {width: 98%;margin:  0 auto;}
.tableStyle_mtBt table thead tr th {padding: 0.7rem 0.4rem;font-size: 1.2rem;color:#999999;text-align: center;background:none;line-height:1.2;height:2rem;font-weight: 400;}
.tableStyle_mtBt table tbody {border-top: 1px solid #ECEEF0;border-bottom: 1px solid #ECEEF0;box-sizing: border-box;width:calc(100% - 2px);}
.tableStyle_mtBt table tbody tr th {padding: 0.4rem 0.4rem;font-size:1.3rem;color:#666666;text-align: left;background:none;line-height:1.2;height: 2.6rem;font-weight:500;}
.tableStyle_mtBt table tbody tr td {
  padding: 0.7rem 0.4rem;
  font-size: 1.2rem;
  color:#666666;
  text-align: center;
  line-height: 1.3;
  height: 2.6rem;
  font-weight:400;
  border-bottom: 1px solid #ECEEF0;
  border-right: 1px solid #ECEEF0;
  }
.tableStyle_mtBt table tbody tr td:last-child {border-right:0;}
.tableStyle_mtBt table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_mtBt.thcolor table tbody tr th {color:#2094fa;}
.tableStyle_mtBt td.tdthArea {color:#2094fa;text-align:center;padding-bottom:0;font-size:11px;letter-spacing:-0.02em;padding: 0.4rem 0.2rem;}
.tableStyle_mtBt .descrip {font-size:12px;color: #4b8ad8;padding: 3px 0 3px 3px ;display: block;line-height:1.5;}




.tableStyle_ip {width:100%;margin: 0 auto;overflow-y: auto;}
.tableStyle_ip table {width:100%;}
.tableStyle_ip table thead tr th {padding: 0.4rem ;font-size:1.3rem;color:#999999;text-align:right;background:none;line-height:1.2;border-bottom: 1px solid #ccc;height:2rem;font-weight:500;}
.tableStyle_ip table tbody tr th {padding: 0.4rem 1rem;font-size: 1.3rem;color: #5e6d90;text-align: left;background:none;line-height:1.2;height: 2.6rem;font-weight:500;background: #eaf3fb;border-bottom: 1px solid #fff;}
.tableStyle_ip table tbody tr td {padding: 0.4rem 1rem;font-size:1.3rem;color:#666666;text-align:left;/*background:none*/line-height: 1.3;height: 2.6rem;font-weight:400;}
.tableStyle_ip table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_ip.thcolor table tbody tr th {color:#2094fa;}
.tableStyle_ip td.tdthArea {color:#2094fa;text-align:center;padding-bottom:0;font-size:11px;letter-spacing:-0.02em;padding: 0.4rem 0.2rem;}
.tableStyle_ip .descrip {font-size:12px;color: #4b8ad8;padding: 3px 0 3px 3px ;display: block;line-height:1.5;}


.tableStyle_icon {width: 100%;margin: 0 auto;overflow: auto;}
.tableStyle_icon table {width:100%;}
.tableStyle_icon table thead tr {display:none;}
.tableStyle_icon table thead tr th {padding: 1.3rem 1rem;font-size:1.3rem;color: #647784;text-align:center;background-color: #eaf3fb;line-height:1.2;border: 1px solid #e0e6ea;font-weight:500;}
.tableStyle_icon table tbody tr {display: inline-block;width: 19%;border: 1px solid #dbe2e6;box-sizing: border-box;margin: 0.5%;border-radius: 10px;
padding: 25px 0px ;background:#fff;}
.tableStyle_icon table tbody tr:hover {box-shadow: 0px 0px 18px -2px rgba(0, 0, 0, 0.14);-webkit-box-shadow: 0px 0px 18px -2px rgba(0, 0, 0, 0.14);}
.tableStyle_icon table tbody tr td {padding: 10px ;font-size:1.3rem;color:#666666;text-align:center;line-height:1.2;font-weight:400;display:block;}
.tableStyle_icon table tbody tr td:first-child i {font-size:40px;color:#333;}
.tableStyle_icon input[type="search"] {border: 1px solid #cccccc;font-size:14px;padding: 5px 5px ; border-radius:4px;margin: 0 0 0 6px;}
.tableStyle_icon .dataTables_filter {margin: 10px 1% ;font-size:14px;font-weight:500;color:#666;}

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

.tableStyle_icon table tbody tr {width:48%;margin:1%;}

}




table .sort_up {font-size: 12px;cursor:pointer;padding: 0 2px;display: block;margin-bottom: -2px;}
table .sort_down {font-size: 12px;cursor:pointer;padding: 0 2px;display: block;margin-top: -2px;}
table th span.sort_Btn {display:inline-block;vertical-align: middle;padding: 0 0 0 4px;}
table sup {color:#ff2a3d;}

table .sorting {
    background-image: url(../images/sortArr_df.png);
    background-position: right center;
    background-position: calc(100% - 2px) center;
    background-size: 25px;
    background-repeat: no-repeat;
}

table .sorting_asc {
    background-image: url(../images/sortArr_up.png);
    background-position: right center;
    background-position: calc(100% - 2px) center;
    background-size: 25px;
    background-repeat: no-repeat;
}

table .sorting_desc {
    background-image: url(../images/sortArr_down.png);
    background-position: right center;
    background-position: calc(100% - 2px) center;
    background-size: 25px;
    background-repeat: no-repeat;
}

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

	table .sorting {background-image:none;}
	table .sorting_asc {background-image:none;}
	table .sorting_desc {background-image:none;}

}

/*tab*/

.tab {width:100%;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;}
.tab::-webkit-scrollbar {display: none;}
.tab ul {max-width: none;min-width: auto;background: none;display: inline-flex;overflow: hidden;background: none;}
.tab ul li {display:inline-block;float:left;padding: 14px 13px 10px;font-size: 15px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #999;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;letter-spacing: -0.01em;background: none;border-bottom: 3px solid #ddd;top: 0px;position: relative;z-index: 1;}

.tab li:hover {color: #606060;background: none;}
.tab li.current{background: #ffffff;color: #585858;border-bottom: 3px solid #0584FE;}
.tab-content{display: none;width: 100%;}
.tab-content.current{display: inherit;}

.tab_sub {width:100%;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;}
.tab_sub::-webkit-scrollbar {display: none;}
.tab_sub ul {border: 1px solid #a5c3e6;border-radius: 5px;max-width: none;min-width: auto;background: none;display: inline-flex;overflow: hidden;}
.tab_sub ul li {display:inline-block;float:left;padding: 8px 16px;font-size: 13px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;background: #a5c3e6;letter-spacing: -0.01em;}
.tab_sub ul li:last-child {border:0;}
.tab_sub li:hover {color: #ffffff;background: #92b2d8;}
.tab_sub li.current{background: #ffffff;color: #2070b7;}

.tab_book {width:100%;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;}
.tab_book::-webkit-scrollbar {display: none;}
.tab_book ul {border: 0;border-radius: 0;max-width: none;min-width: auto;background: none;display: inline-flex;}
.tab_book ul li {display:inline-block;float:left;padding: 9px 6px;font-size: 14px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;background: #b5cee4;letter-spacing: -0.01em;border-radius: 6px 6px 0 0;border-left: 1px solid #fff;border-top: 1px solid #fff;border-right: 1px solid #fff;position:relative;top: 2px;width:100px;-webkit-transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-o-transition: all .15s ease-in-out;transition: all .15s ease-in-out;}
.tab_book li:hover {color: #ffffff;background: #a1b8cc;}
.tab_book li.current{background: #2094fa;color: #ffffff;border-left: 1px solid #ffffff;border-top: 1px solid #ffffff;border-right: 1px solid #ffffff;top: 0;}

.tab_line {width:100%;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;}
.tab_line::-webkit-scrollbar {display: none;}
.tab_line ul {border: 0;border-radius: 0;max-width: none;min-width: auto;background: none;display: inline-flex;}
.tab_line ul li {display:inline-block;float:left;padding: 9px 6px;font-size: 14px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #adadad;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;background: #ffffff;letter-spacing: -0.01em;border-radius: 5px 5px 0 0;border-top: 1px solid #fff;border-bottom: 1px solid #bbb;position:relative;top: 0px;width:100px;}
.tab_line li:hover {color: #a7a7a7;background: #efefef;}
.tab_line li.current{background: #ffffff;color: #616161;border-left: 1px solid #bbbbbb;border-top: 1px solid #bbbbbb;border-right: 1px solid #bbbbbb;border-bottom: 1px solid #fff;top: 1px;}

.slidetab {position:relative;width:100%;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;}
.slidetab::-webkit-scrollbar {display: none;}
.slidetab ul {position:relative;border: 0;border-radius: 0;max-width: none;min-width: auto;background: none;display: inline-flex;border-radius: 9px;padding: 5px;background: #b6d3f7;}
.slidetab ul li {padding:10px 24px;background:none;color: #ffffff;text-align:center;display:inline-block;margin:0;cursor:pointer;box-sizing: border-box;z-index: 1;margin-right:4px;}
.slidetab ul li:last-child {margin-right:0;}
.slidetab li:hover {color: #fff;background: #a3c4ec;border-radius: 6px;}
.slidetab li.current {color: #ffffff;background: none;}

.slidebox {position:absolute;top:5px;left:0px;width:93px;height:39px;/* border: 1px solid #2094fa; */border-radius: 6px;box-sizing: border-box;-webkit-transition: all .30s ease-in-out;-moz-transition: all .30s ease-in-out;-o-transition: all .30s ease-in-out;transition: all .30s ease-in-out;z-index: 1;background: #1596f8;box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);}

/*Snip_button*/

.Button_group {overflow: auto;position: relative;display: inline-block;vertical-align: middle;}
.Button_group ul {border: 1px solid #73ade0;border-radius: 6px;overflow: auto;background: #fff;width: auto;display: table-cell;}
.Button_group ul li {display:inline-block;float:left;padding: 5px 7px;font-size: 13px;line-height: 18px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #6f98bd;text-align: center;
white-space: nowrap;text-overflow: ellipsis;overflow:hidden;letter-spacing: -0.01em;background: none;min-width: 80px;
-webkit-transition: background-color .15s ease-in-out;
-moz-transition: background-color .15s ease-in-out;
-o-transition: background-color .15s ease-in-out;
transition: background-color .15s ease-in-out;}
.Button_group li:hover {color: #498bc7;background: #ecf3f9;}
.Button_group li.current{background:#2094FA;color:#fff;}

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

.Button_group {width:100%;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;}
.Button_group ul li {width:33.33%;}

}

.Button_group.gray {}
.Button_group.gray ul {border: 1px solid #ababab;border-radius: 6px;overflow: auto;background: #f3f3f3;width: auto;display: table-cell;}
.Button_group.gray ul li {display:inline-block;float:left;padding: 5px 7px;font-size: 13px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #8a8a8a;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;letter-spacing: -0.01em;background: none;min-width: 80px;}
.Button_group.gray li:hover {color: #808080;background: #ececec;}
.Button_group.gray li.current{background: #848484;color:#fff;}

.Button_group.Rounded {}
.Button_group.Rounded ul {border: 1px solid #0f88f3;border-radius: 20px;overflow: auto;background: #70bcff;width: auto;display: table-cell;}
.Button_group.Rounded ul li {display:inline-block;float:left;padding: 5px 7px;font-size: 13px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;letter-spacing: -0.01em;background: none;min-width: 80px;}
.Button_group.Rounded li:hover {color: #ffffff;background: #6bb0ec;}
.Button_group.Rounded li.current{background: #0f88f3;color:#fff;}

.Button_group.Rounded_bk {}
.Button_group.Rounded_bk ul {border: 1px solid #7b7b7b;border-radius: 20px;overflow: auto;background: #b7b7b7;width: auto;display: table-cell;}
.Button_group.Rounded_bk ul li {display:inline-block;float:left;padding: 5px 7px;font-size: 13px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;letter-spacing: -0.01em;background: none;min-width: 80px;}
.Button_group.Rounded_bk li:hover {color: #ffffff;background: #a9a9a9;}
.Button_group.Rounded_bk li.current{background: #797979;color:#fff;}


/*card*/

.content_Area {position: relative;padding: 6px;top: 42px;left: 0;width: 100%;box-sizing: border-box;max-width: 1700px;margin: 0 auto;}

.card {position:relative;width: calc(100% - 12px);margin: 6px;display: inline-block;vertical-align: top;padding: 6px;min-height:20px;box-sizing: border-box;font-size: 1.3rem;color:#666666;}

.topline {border-top: 1px solid #ccc;}
.bottomline {border-bottom: 1px solid #eaeef5;}
.paddingnone {padding:0; }
.marginnone {margin:0; }

.card_border {background: rgba(255,255,255,0.5);border-radius: 10px;box-sizing: border-box;
  box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 6%);-webkit-box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 6%);border: 1px solid #e4e9f1;}
.card_mob_height {max-height: 600px;overflow: auto;min-height: 300px;}
.card_BG_gray {background:#f5f5f5 !important;}

.card_width10 {width:calc(10% - 15px);}
.card_width20 {width:calc(20% - 15px);}
.card_width25 {width:calc(25% - 15px);}
.card_width30 {width:calc(30% - 15px);}
.card_width33 {width:calc(33.333% - 15px);}
.card_width40 {width:calc(40% - 15px);}
.card_width45 {width:calc(45% - 15px);}
.card_width50 {width:calc(50% - 15px);}
.card_width60 {width:calc(60% - 15px);}
.card_width70 {width:calc(70% - 15px);}
.card_width75 {width:calc(75% - 15px);}
.card_width80 {width:calc(80% - 15px);}
.card_width90 {width:calc(90% - 15px);}
.card_width100 {width:calc(100% - 15px);}

.card_fix_left {width:240px;height: 90%;max-height: 90%;position: relative;}
.card_fix_right {width: calc(100% - 268px);}

.section30 {position:relative;width:calc(30% - 2px);display:inline-block;box-sizing: border-box;vertical-align: top;}
.section70 {position:relative;width:calc(70% - 2px);display:inline-block;box-sizing: border-box;vertical-align: top;}

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

.section30 {width:calc(100% - 0px);display:inline-block;box-sizing: border-box;}
.section70 {width:calc(100% - 0px);display:inline-block;box-sizing: border-box;}

}

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

.content_Area {position:relative;padding: 4px ;overflow: auto;top:0;}

.card {position:relative;width: calc(100% - 8px);margin: 4px;display:inline-block;vertical-align: top;padding:4px;}

.topline {border-top: 1px solid #ccc;}
.bottomline {border-bottom: 1px solid #e8ecf5;}
.paddingnone {padding:0; }

.card_border {background: rgba(255,255,255,0.5);border-radius: 10px;box-sizing: border-box;-webkit-box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 6%);box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 6%);}
.card_mob_height {min-height: 150px;max-height: 250px;overflow: auto;height:auto;}

.card_width10 {width:calc(100% - 10px);}
.card_width20 {width:calc(100% - 10px);}
.card_width25 {width:calc(100% - 10px);}
.card_width30 {width:calc(100% - 10px);}
.card_width33 {width:calc(100% - 10px);}
.card_width40 {width:calc(100% - 10px);}
.card_width45 {width:calc(100% - 10px);}
.card_width50 {width:calc(100% - 10px);}
.card_width60 {width:calc(100% - 10px);}
.card_width70 {width:calc(100% - 10px);}
.card_width75 {width:calc(100% - 10px);}
.card_width80 {width:calc(100% - 10px);}
.card_width90 {width:calc(100% - 10px);}
.card_width100 {width:calc(100% - 10px);}

}


/*paging*/
.paging {position:relative;width:100%;padding: 1.5rem 0;font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif;display: table;}
.paging .ps_area {position:relative;width:100%;text-align:center;display: table-cell;vertical-align: middle;}
.paging .ps_area span {font-size: 14px;font-weight:600;margin: 0 0px;background: #ffffff;border-radius: 4px;border: 1px solid #e0e6ea;display: inline-block;box-sizing: border-box;}
.paging .ps_area span a {color: #9e9e9e;padding: 6px 10px;display: block;}
.paging .ps_area span.imgb a {color: #a5a5a5;padding: 6px 4px;}
.paging .ps_area span.on {background: #47afff;border: 1px solid #47afff;}
.paging .ps_area span.on a {color: #ffffff;}
.paging .ps_area span:hover.on {background: #47afff;border: 1px solid #47afff;}
.paging .ps_area span:hover.on a {color: #fff;}
.paging .ps_area span:hover {background: #eef8ff;border: 1px solid #91c2e8;}
.paging .ps_area span:hover a {color: #6ea8d4;}
.paging .ps_area span i {font-size: 1.3rem;position: relative;}



/*popup*/
.popup {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10000;overflow-y:auto;opacity:1;}
.popup .popup_section {position:relative;padding: 30px 3%;width: 100%;margin: 0 auto;vertical-align: middle;box-sizing: border-box;top: 13%;}
.popup .popup_section .popup_content {position:relative;top:0px;margin: 0 auto 5rem;min-height:150px;background: #fff;border-radius: 10px;overflow: hidden;}
.popup .popup_section .popup_content.pop_openDown {
animation-name: popdown;
animation-duration:0.5s;
animation-duration: leaner;
animation-iteration-count:1;
animation-direction:alternate;
animation-fill-mode: forwards;}
.popup .popup_section .popup_content.pop_openUp {
animation-name: popdown;
animation-duration:0.5s;
animation-duration: leaner;
animation-iteration-count:1;
animation-direction:alternate;
animation-fill-mode: forwards;}

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes popdown {
  0% {
    top:-40px;
    opacity:0.1;
  }
  95% {
    top:1px;
  }
  100% {
    top:0px;
    opacity:1;
  }
}

.popup .popup_section .popup_content.pop_openUp {
animation-name: popup;
animation-duration:0.6s;
animation-duration: leaner;
animation-iteration-count:1;
animation-direction:alternate;
animation-fill-mode: forwards;}

/* 키프레임 이름 = 애니메이션 이름 */
@-webkit-keyframes popup {
  0% {
    top:0px;
    opacity:1;
  }
  100% {
    top:-40px;
    opacity:0;
  }
}

.popup .popup_content.popwidth900 {width:900px;margin: 0 auto 40px;}
.popup .popup_content.popwidth520 {width:520px;margin: 0 auto 40px;}
.popup .popup_content.popwidth320 {width:380px;margin: 0 auto 40px;}
.popup .popSlide {margin-top:80px !important;}

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

.popup .popup_content.popwidth900 {width:calc(100% - 20px);margin: 0 auto 40px;}
.popup .popup_content.popwidth520 {width:calc(100% - 20px);max-width:520px;margin: 0 auto 40px;}

}

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

.popup .popup_content.popwidth900 {width: 100%;margin: 0 auto 40px;}
.popup .popup_content.popwidth520 {width:calc(100% - 20px);margin: 0 auto 40px;}
.popup .popup_content.popwidth320 {width:calc(100% - 20px);margin: 0 auto 40px;}

}


/*달력,시간설정*/

.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;}


.p_content {position: relative;width: 100%;}
.p_content .TT_Box {position:relative;width:90%;margin: 0 auto;text-align: center;padding: 30px 0 ;}
.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:16px;
  font-weight:600;
  color: #444444;
  line-height:1.5;
  word-break: keep-all;
  text-align: center;
  }
.p_content .TT_Box .ipbox .TT_ps.f_m_tt {font-size: 14px;font-weight: 500;}
.p_content .TT_Box .ipbox .TT_ps.f_m_tt p {padding: 0 ; margin: 0 ;line-height:1.5;}
.p_content .TT_Box .ipbox .TT_ps.f_m_tt .bold {font-weight:bold;}

.p_content .TT_Box .ipbox .TT_about {display: block;vertical-align:middle;text-align: center;font-size:16px;font-weight:600;color:#222222;line-height:1.5;margin-bottom: 1rem;}
.p_content .TT_Box .ipbox .TT_about.copyright {font-size:1.2rem;font-weight:500;color:#888;}


/*table_toggle*/

.togg_List {width: 100%;margin-top:10px;}
.togg_List .con {padding: 0 0 0 0;}
.togg_List .title { padding:5px 0 5px 19px ;background:#f8f8f9;border-bottom:1px solid #ccd3d9;}
.togg_List .title strong {margin-right:12px;}

.t_List {line-height: 4rem;}
.t_List strong {font-weight:normal;}
.t_List label input {vertical-align:-2px;}
.t_List .depth_1 a {vertical-align:bottom;text-decoration:none;}
.t_List .depth_1 strong {padding-left: 2.6rem;background: url(../images/icon_folder1.png) no-repeat -1px -1px;background-size: 2rem;line-height: 3rem;font-size: 1.5rem;font-weight: 600;}
.t_List .depth_2 li {margin-top:-2px;font-size: 1.5rem;font-weight: 600;}
.t_List .depth_2 li > a {background: url(../images/icon_folder_off.png) no-repeat 9px -1px;background-size: 3.2rem;padding: 0 0 0 3.5rem;}
.t_List .depth_2 li > a.Folder {background: url(../images/icon_folder_off.png) no-repeat 9px -1px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}
.t_List .depth_2 li > a.on {background: url(../images/icon_folder_on.png) no-repeat 9px -1px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}

.t_List .depth_3 {display:none;padding-left:0px;}
.t_List .depth_3 li {margin:0;padding: 0.5rem 0 0.5rem 0;line-height: 1.8;font-size: 1.4rem;}
.t_List .depth_3 li > a {/*display:block*/padding-left: 3.4rem;background: url(../images/icon_folder2.png) no-repeat 9px -3px;background-size: 2rem;}
.t_List .depth_3 li > a.Folder {background: url(../images/icon_folder_off.png) no-repeat 9px -2px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}
.t_List .depth_3 li > a.Folder2 {background: url(../images/icon_folder_off.png) no-repeat 9px -2px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}
.t_List .depth_3 li > a.on {background: url(../images/icon_folder_on.png) no-repeat 9px -2px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}




.t_List2 {line-height: 4rem;}
.t_List2 strong {font-weight:normal;}
.t_List2 label input {vertical-align:-2px;}
.t_List2 .depth_1 a {vertical-align:bottom;text-decoration:none;}
.t_List2 .depth_1 strong {padding-left: 2.6rem;background: url(../images/icon_folder1.png) no-repeat -1px -1px;background-size: 2rem;line-height: 3rem;font-size: 1.5rem;font-weight: 600;}
.t_List2 .depth_2 li {margin-top:-2px;font-size: 1.5rem;font-weight: 600;}
.t_List2 .depth_2 li > a {background: url(../images/icon_server_off.png) no-repeat 9px -1px;background-size: 3.2rem;padding: 0 0 0 3.5rem;}
.t_List2 .depth_2 li > a.Folder {background: url(../images/icon_server_off.png) no-repeat 9px -1px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}
.t_List2 .depth_2 li > a.on {background: url(../images/icon_server_on.png) no-repeat 9px -1px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}
.t_List2 .depth_2 li > a.firstTh {background: url(../images/icon_ems_first.png) no-repeat 9px -1px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}


.t_List2 .depth2_3 {display:none;padding-left:0px;}
.t_List2 .depth2_3 li {margin:0;padding: 0.5rem 0 0.5rem 0;line-height: 1.8;font-size: 1.4rem;}
.t_List2 .depth2_3 li > a {padding-left: 3.4rem;background: url(../images/icon_folder2.png) no-repeat 9px -3px;background-size:2rem;}
.t_List2 .depth2_3 li > a.Folder {background: url(../images/icon_server_off.png) no-repeat 9px -2px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}
.t_List2 .depth2_3 li > a.Folder2 {background: url(../images/icon_server_off.png) no-repeat 9px -2px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}
.t_List2 .depth2_3 li > a.on {background: url(../images/icon_server_on.png) no-repeat 9px -2px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}


.depth_one {display:inline-block;width:calc(100% - 49px);vertical-align: bottom;}
.depth_one:hover {background:#f3f3f3;}
.depth_one .foldtop {position:relative;width:100%;overflow:auto;font-size:1.5rem;color:#666;font-weight:600;cursor:pointer;}
.depth_one .foldtop .fd_1 {float:left;position:relative;width:40%;text-align:left;box-sizing:border-box;padding: 0 0.5rem;}
.depth_one .foldtop .fd_2 {float:left;position:relative;width:30%;text-align:center;box-sizing:border-box;}
.depth_one .foldtop .fd_3 {float:left;position:relative;width:30%;text-align:center;box-sizing:border-box;}


.f_tableTop {position:relative;width:100%;border: 1px solid #ccc;overflow: auto;box-sizing:border-box;}
.f_tableTop .thtit1{position:relative;width:40%;height:45px;float:left;font-size:1.3rem;color:#666;background:#f5f5f5;border-right: 1px solid #ccc;box-sizing:border-box;text-align:center;
line-height:45px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.f_tableTop .thtit2{position:relative;width:30%;height:45px;float:left;font-size:1.3rem;color:#666;background:#f5f5f5;border-right: 1px solid #ccc;box-sizing:border-box;text-align:center;
line-height:45px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.f_tableTop .thtit3{position:relative;width:30%;height:45px;float:left;font-size:1.3rem;color:#666;background:#f5f5f5;text-align:center;
line-height:45px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}



/*aplist*/

.apL_top {position:relative;width:100%;padding:0.6rem;background:#2d364e;box-sizing: border-box;}
.apL_top ul {width:100%;text-align:center;}
.apL_top ul li {display:inline;display:inline-block;color:#fff;font-size:1.4rem;margin: 0.4rem;padding:0.4rem;font-weight:600;}
.apL_top ul li span {font-weight:400;}


/*Neighbor Topology*/

.NegMap {height:600px;border-radius:4px;overflow:hidden;}
.arrowNh {padding: 0 0.1rem !important ;cursor:pointer;opacity:0.9;}
.arrowNh:hover {opacity:1;}
.arrowNh > img {width: 30px;position: relative;top: -1px;}

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

.NegMap {height:400px;border-radius:4px;overflow:hidden;}
}


.leftMenuOnoff {position:fixed;top: 0;left: 0;width: 50px;z-index: 10000;opacity: 1;cursor:pointer;display:block ;}


@media only screen and (max-width: 1200px) {
   .leftMenuOnoff { display:none !important;}
}

.tab_inactive {pointer-events: none;}
.tab_inactive a {color:#c5c5c5;}

.tab_invisible {display:none !important;}

.page_space {width:100%;height: 50px;background: #f5f5f5;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 10px 0 0 0;}



.content_St_aplist > .content_Area {position: absolute;padding: 8px;overflow: auto;top: 47px;left: 0;width: calc(100% - 0px);height: calc(100% - 47px);box-sizing: border-box;min-width:952px;}

@media only screen and (max-width: 480px) {
.content_St_aplist > .content_Area {position: relative;padding: 8px;overflow: auto;top: 0;left: 0;width: 100%;height: auto;box-sizing: border-box;min-width:auto;}
}


.package_Box table.datagrid-htable tbody td {border:0 !important;}
.package_Box table.datagrid-btable tbody td {border:0 !important;padding: 0rem 0.2rem;}
.package_Box .panel-body {background:none;}
.package_Box .datagrid-heade {border-color: #cccccc;}


.mm_title_ip {position:relative;margin: 0 0 15px 0 ;}
.mm_title_ip .tit {width: 70%;font-size:16px;color:#444444;line-height:1.4;}
.mm_title_ip .date {position:absolute;top:0;right:0;width: 30%;font-size:14px;color:#999999;line-height:1.4;text-align: right;}


.mm_text_ip {
border-radius: 4px;
border: 1px solid #d9d9d9;
font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif;
line-height: 19px;
font-size: 15px;
color:#444444;
overflow:auto;
box-sizing: border-box;
padding: 10px;
}


/*treemenu*/

.treeMenu {position: relative;overflow: auto;width: 90%;}
.treeMenu ul > li {font-size:13px;line-height:1.3;}
.treeMenu ul > li .btn {font-size:13px;width:20px;}
.treeMenu ul > li .treeTitle {font-size: 14px;color:#777;line-height:1.3;display:table;margin: 9px 0 4px;}
.treeMenu ul > li .treeTitle .folder {cursor:pointer;width: 34px;height: 21px;overflow:hidden;background-image:url(../images/icon_folder_off.png);background-repeat:no-repeat;display: table-cell;background-size: 29px;background-position: left center;}
.treeMenu ul > li .treeTitle .folder.on {background-image:url(../images/icon_folder_on.png);}
.treeMenu ul > li .treeTitle .f_name {display:table-cell;vertical-align: middle;padding: 0 0 0 5px;}
.treeMenu ul > li .treeTitle .rightArea {display:table-cell;vertical-align: middle;padding: 0 0 0 5px;}

.treeMenu ul > li > ul {height:0px;overflow:hidden;padding: 0 0 0 16px;}
.treeMenu ul > li > ul > li {font-size: 14px;line-height:1.3;}
.treeMenu ul > li > ul > li > ul {height:0px;overflow:hidden;}
.treeMenu ul > li > ul > li > ul >li {font-size: 14px;line-height:1.3;}
.treeMenu .t_menu {position:relative;display:block;padding: 6px 2px 6px 27px;margin: 2px 0;width: 100%;word-break: break-all;box-sizing: border-box;cursor:pointer;background-image:url(../images/icon_paper_off.png);background-repeat:no-repeat;background-size: 20px;background-position: 4px center;border-radius: 3px;}
.treeMenu .t_menu:hover {background-color: #f1f1f1;color: #636363;background-image:url(../images/icon_paper_on.png);}
.treeMenu .t_menu.on {background-color: #40a5ff;color: #ffffff;background-image:url(../images/icon_paper_ck.png);}


/*login style1*/

.login_section {position:relative;width:100%;min-width:280px;max-width:380px;margin: 0 auto;box-sizing:border-box;border-radius: 20px;background: rgba(256,256,256,1);box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 15%);}
.login_section.width600 {max-width:540px;}
.login_section .section {position:relative;width:90%;max-width:80%;margin: 0 auto;padding: 30px 0 50px;}
.login_section .section  h1 {padding: 30px 0 0 0;}
.login_section .section  h1 img {width:auto;max-height:40px;}
.login_section .section  h1 .c_name {font-size: 25px;color: #484848;font-weight:600;vertical-align: middle;padding-left: 8px;letter-spacing: -0.02em;}
.login_section .section  .title {padding: 40px 0 10px 0;font-size: 20px;font-weight: 600;color: #636363;}
.login_section .section  .input_Box {width:100%;}
.login_section .section  .tit {padding: 15px 0 5px;font-size: 13px;color: #4a8ac1;text-indent: 2px;}
.login_section .section  .input_a {padding: 0 0 10px 0;}
.login_section .section  .input_a .text {font-size:20px;color:#222222;line-height:1.3;font-weight:600;}
.login_section .section input[type="text"] {padding: 10px 10px;background: #e5f3ff;font-size: 13px;margin:0;border: 1px solid #e5f3ff;}
.login_section .section input[type="text"]:focus {border: 1px solid #72bdff;background:#fff;}
.login_section .section input[type="password"] {padding: 10px 10px;background:#e5f3ff;font-size: 13px;margin:0;border: 1px solid #e5f3ff ;}
.login_section .section input[type="password"]:focus {border: 1px solid #72bdff;background:#fff;}
.login_section .section input::placeholder {color: #7ba2c5;}
.login_section .section .btn_Box {width:100%;text-align:center;padding: 10px 0;}
.login_section .section .btn_Box span {cursor:pointer;font-size: 12px;font-weight:500;line-height:1.3;color:#777;padding: 0 3px;}
.login_section .section .btn_Box span:hover {color: #2b82ce;}
.login_section .section .line {width:100%;height:1px;border-bottom: 1px solid #cccc;margin: 10px 0;}
.login_section .section button {font-weight:600;margin:0 ;font-size:15px;padding: 15px 20px ;margin: 4px 0 ;}
.login_section .section select {font-weight:600;margin: 4px 0 ;font-size:15px;padding: 10px 10px ;background-position: right 10px;}
.login_section .section .btn_Box .btn_white {background: #fff;border: 1px solid #8bbaff;color:#666666;font-size:14px;}
.login_section .section .btn_Box .btn_kakao {background: #FFE812;border: 1px solid #FFE812;color:#1B1C1D;font-size:14px;}
.login_section .section .btn_Box .btn_naver {background: #00C73C;border: 1px solid #00C73C;color:#fff;font-size:14px;}
.login_section .section .btn_Box .btn_facebook {background: #1877F2;border: 1px solid #1877F2;color:#fff;font-size:14px;}
.login_section .section button.btn_sub {font-weight:600;margin: 0;font-size: 13px;padding: 10px 10px 10px;}

.descrip {font-size:12px;color:#888;line-height:1.5;padding: 5px 0 10px 3px ;margin: 0 ;}


/*accordion*/

.accordion {position: relative;width:100%;border:0;border:0 !important;}
.accordion ul li {width:100%;margin-bottom:16px;}
.accordion .acc_section {width:100%;box-sizing: border-box;border-radius: 6px;border: 1px solid #ccc;overflow:hidden;}
.accordion .acc_section .top_bar {position:relative;width:100%;height:40px;display:table;background: #f3f3f3;}
.accordion .acc_section .top_bar .ac_Title {font-size:1.4rem;font-weight:600;width:90%;display:table-cell;vertical-align: middle;padding: 10px ;box-sizing: border-box;;cursor:pointer;}
.accordion .acc_section .top_bar .open_btn {font-size:1.4rem;width:10%;display:table-cell;vertical-align: middle;right: 0;text-align: right;cursor:pointer;}
.accordion .acc_section .top_bar .open_btn i {position:absolute;top:12px;right:12px;}
.accordion .acc_section .top_bar.on .open_btn i {transform: rotate(-180deg);}
.accordion .acc_section .content {width:100%;font-size:1.4rem;background: #ffffff;display:none;color:#222;border-top: 1px solid #ccc;box-sizing: border-box;}

.accordion.styleA .acc_section {width:100%;box-sizing: border-box;border-radius: 6px;border: none;overflow:hidden;}
.accordion.styleA .acc_section .top_bar {position:relative;width:100%;height:40px;display:table;background: #2094fa;color: #fff;}
.accordion.styleA .acc_section .top_bar .ac_Title {font-size:1.4rem;font-weight:600;width:90%;display:table-cell;vertical-align: middle;padding: 10px ;box-sizing: border-box;;cursor:pointer;}
.accordion.styleA .acc_section .top_bar .open_btn {font-size:1.4rem;width:10%;display:table-cell;vertical-align: middle;right: 0;text-align: right;cursor:pointer;}
.accordion.styleA .acc_section .top_bar .open_btn i {position:absolute;top:12px;right:12px;transform: rotate(0deg);}
.accordion.styleA .acc_section .top_bar.on .open_btn i {transform: rotate(-180deg);}
.accordion.styleA .acc_section .content {width:100%;font-size:1.4rem;background: #ffffff;display:none;color:#222;box-sizing: border-box;background: #f3f3f3;border-top: 0;}

.chartArea {position: relative;overflow:hidden;margin: auto;width: 96%;height: 400px;}

/*Dashboard*/

.dataInfoBox_1 {position: relative;width:100%;height: 40px;display:table;margin-top: 8px;border-radius: 4px 4px 0 0;}
.dataInfoBox_1 .data {position: relative;width:100%;height: auto;display:table-cell;vertical-align: middle;}
.dataInfoBox_1 .data .tit {font-size:15px;font-weight:600;color:#fff;width: 48%;display: inline-block;text-align: center;}
.dataInfoBox_1 .data .rej {font-size:15px;font-weight:600;color:#fff;width: 47%;display: inline-block;text-align: right;}

.dataInfoBox_2 {position: relative;width:100%;height: 40px;display:table;border-radius: 0 0 4px 4px;}
.dataInfoBox_2 .data {position: relative;width:100%;height: auto;display:table-cell;vertical-align: middle;}
.dataInfoBox_2 .data .tit {font-size:15px;font-weight:600;color:#fff;width: 48%;display: inline-block;text-align: center;}
.dataInfoBox_2 .data .rej {font-size:15px;font-weight:600;color:#fff;width: 47%;display: inline-block;text-align: right;}

.dataInfoBox_3 {position: relative;width:100%;height: 16px;display:table;border-radius: 0 0 4px 4px;}
.dataInfoBox_3 .data {position: relative;width:100%;height: auto;display:table-cell;vertical-align: middle;}
.dataInfoBox_3 .data .tit {font-size:11px;font-weight:500;color:#fff;width: 48%;display: inline-block;text-align: center;}
.dataInfoBox_3 .data .rej {font-size:11px;font-weight:500;color:#fff;width: 47%;display: inline-block;text-align: right;}

.bg_1_1 {background: #2094fa;}
.bg_1_2 {background: #187fda;}
.bg_2_1 {background: #1fb7f1;}
.bg_2_2 {background: #1397ca;}
.bg_3_1 {background: #14c5c5;}
.bg_3_2 {background: #14adad;}


.bg_gray {background:#f5f5f5 !important;}
.bg_deepblue {background:#3d73dd !important;}
.bg_lightblue {background: #ffffff !important;}

.text_setion {font-size:14px;color:#777;line-height:1.4;}

.Login_page {position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;background-color:#fff;display: table;}
.Login_page .page_bg_a {position:absolute;top:0;left:0;width:100%;height:100%;background-image: url(../images/fog-3622519_1920.jpg);background-size: cover;background-repeat: no-repeat;opacity:0.7}
.Login_page .page_bg_b {position:absolute;top:0;left:0;width:100%;height:100%;opacity: 1;background: #EBEFF7;}
.Login_page .page_bg_c {position:absolute;top:0;left:0;width:100%;height:100%;background-image: url(../images/digital-marketing-1433427_1920.jpg);background-size: cover;background-repeat: no-repeat;opacity:0.7}
.Login_page .page_section {position:relative;padding: 30px 5%;width: 100%;margin: 0 auto;display: table-cell;vertical-align: middle;box-sizing: border-box;}


.toggle_btn {
  width: 53px;
  height: 22px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  background:  url(../images/togbtn_off.png) no-repeat 10px center #bfbfbf;
  background-position: 20px center;
  background-size: 29px;
  cursor: pointer;
  -webkit-transition: background-color .40s ease-in-out;
  -moz-transition: background-color .40s ease-in-out;
  -o-transition: background-color .40s ease-in-out;
  transition: background-color .40s ease-in-out;
  cursor: pointer;
  vertical-align: middle;
}
.toggle_btn.active {
  background: url(../images/togbtn_on.png) no-repeat 10px center #2094fa;
  background-position: 4px center;
  background-size: 29px;
}
.toggle_btn.active .round-btn {
  left: 33px;
}
.toggle_btn .round-btn {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -9px;
  -webkit-transition: all .20s ease-in-out;
  -moz-transition: all .20s ease-in-out;
  -o-transition: all .20s ease-in-out;
  transition: all .20s ease-in-out;
}
.toggle_btn .cb-value {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  top: 0;
  margin: 0;
}


/*pie ahsrt*/
.single-chart {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.single-chart .sc_tit {position:relative;font-size:13px;color:#666;text-align:center;font-weight:600;}
.single-chart .circular-chart {display: block;margin: auto;max-width: 84%;max-height: calc(100% - 80px);position: absolute;top: 20px;left: 0;right: 0;bottom: 0;}
.single-chart .circle-bg {fill: none;stroke: #eee;stroke-width: 4.1px;stroke-linecap: round;}
.single-chart .circle {fill: none;stroke-width: 4.1px;stroke-linecap: round;animation: progress 1s ease-out forwards;}
.single-chart .green {stroke: #2094FA;}
.single-chart .percentage {fill: #666;font-size: 0.7em;text-anchor: middle;font-weight:bold;}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}


/*Range Slider*/

.Slider {width:100%;position:relative;display:inline-block;padding: 25px 10px 10px ;}
.Slider .rangeslider{width:100%;position:relative;display:block;}
.Slider .myslider {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #e8e8e8;width: 100%;height: 8px;opacity: 2;border-radius: 10px;}
.Slider .myslider::-webkit-slider-thumb { position:relative;-webkit-appearance: none; -moz-appearance: none;appearance: none;cursor: pointer; background: #2094fa  ;
width: 16px; height: 16px; border-radius: 10px;}
.Slider .myslider:hover { opacity: 1; }
.Slider .sliderNumber {position:absolute;top: -22px;left:0;width: 32px;color:#fff;background: #48a6f9;text-align:center;border-radius:3px;margin-left: -7px;font-size: 13px;}
.Slider .sliderMin {position:absolute;top: 17px;left: -6px;font-size: 12px;color:#999;text-align: center;width: 30px;}
.Slider .sliderMax {position:absolute;top: 17px;right: -8px;font-size: 12px;color:#999;text-align: center;width: 30px;}



/*top_submenu*/

.top_submenu {position:relative;width:100%;background: #ffffff;box-sizing:border-box;display: inline-block;z-index:1;border-radius: 5px;box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 6%);-webkit-box-shadow: 0px 0px 15px -1px rgb(0 0 0 / 6%);border: 1px solid #e4e9f1;}
.top_submenu ul {width:100%;height: 100%;display: table-cell;}
.top_submenu ul li {position: relative;float:left;max-width: 150px;}
.top_submenu ul li .menuName {color: #496c8e;position:relative;width:100%;font-size: 14px;text-align:center;box-sizing:border-box;cursor:pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 600;background: #ffffff;}
.top_submenu ul li .menuName.on {background: url(../images/TmenuArr_down.png) no-repeat #ffffff;background-position: right center;background-size: 20px;}
.top_submenu ul li .menuName a {color: #20548c;padding: 10px 20px;display:block;text-overflow: ellipsis;overflow: hidden;}
.top_submenu ul li:hover .menuName{color:#fff;background-color: #409cff;}
.top_submenu ul li:hover .menuName a {color:#fff;}

.top_submenu ul > li > ul {position:absolute;top:100%;left: 0px;width:calc(100% + 1px);width: 100%;background:#fff;box-sizing:border-box;display:none;z-index: 1;border-radius: 0 0 5px 5px;height:0;overflow:hidden;box-shadow: 6px 8px 33px -29px #000000;}
.top_submenu ul > li:hover > ul {display:table;height:auto;}
.top_submenu ul > li > ul > li {position:relative;width: 101%;color: #fff;text-align:center;box-sizing:border-box;background: #67bdff;word-break: break-all;}
.top_submenu ul > li > ul > li a {color: #fff;padding:10px 5px;display:block;}
.top_submenu ul > li > ul > li:hover {background: #53abef;}
.top_submenu ul > li > ul > li:hover a {color: #ffffff;}


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

.top_submenu ul {background:#dfe7f1;}
.top_submenu ul li {position: relative;float:left;max-width: auto;width:33.33%;}
.top_submenu ul li .menuName {border:0;}

}

.Swipe {position:absolute;top:0;left:0;width:100%;height:100%;margin: 0 auto;overflow:auto;}
.swiper-container {
      width: 100%;
      height: 100%;
    }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.bannerStyleA {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:table;}
.bannerStyleA .bg_img {position:absolute;top:0;left:0;width:100%;height:100%;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;display:block;opacity:0.45;}
.bannerStyleA .text_section {position:relative;display:table-cell;vertical-align:middle;}
.bannerStyleA .text_section .title {width:100%;font-size:80px;color:#fff;text-align:center;}
.bannerStyleA .text_section .descrip {width:100%;font-size: 16px;color:#fff;text-align:center;padding: 15px 0 0 0;line-height:1.8;}

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

.bannerStyleA .text_section .title {width:100%;font-size: 40px;color:#fff;text-align:center;line-height: 1;}
.bannerStyleA .text_section .descrip {width: 80%;font-size: 13px;color:#fff;text-align:center;padding: 15px 0 0 0;line-height: 1.6;margin: 0 auto;}

}



/*dashboard*/

.data_section {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;overflow:hidden;}
.data_section.backcolor1 {background: #459eff;}
.data_section.backcolor2 {background: linear-gradient(.25turn,#00bad0, #00eb6f );}
.data_section.backcolor3 {background: #ff7d7d;}
.data_section.backcolor4 {background: #a985ff;}
.data_section.backcolor5 {background: #eaf1f9;}
.data_section.backcolor6 {background: #00c6d0;}

.d_info_area_top {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

.d_info_area_top .left_section {position:absolute;top:0;left:3%;width:20%;height:100%;display:table;}
.d_info_area_top .left_section .img {display:table-cell;vertical-align:middle;margin: 0 auto;text-align:center;}
.d_info_area_top .left_section .img img {width:70%;max-width:50px;}

.d_info_area_top .right_section {position:absolute;top:0;left: 1%;width: 98%;display:table;}
.d_info_area_top .right_section .info_text {display:table-cell;vertical-align: top;margin: 0 auto;text-align:left;padding: 20px;box-sizing:border-box;width:100%;}
.d_info_area_top .right_section .info_text .tit {font-size:15px;font-weight:600;line-height:1.2;color:#fff;padding-top:2px;}
.d_info_area_top .right_section .info_text .tit_bk {font-size:15px;font-weight:600;line-height:1.2;color:#383838;padding-top:2px;}
.d_info_area_top .right_section .info_text .info {font-size:21px;font-weight:600;line-height:1.2;color:#fff;padding-bottom:3px;}
.d_info_area_top .right_section .info_text .info_bk {font-size:21px;font-weight:600;line-height:1.2;color:#525252;padding-bottom:3px;}
.d_info_area_top .right_section .info_text .info span {font-size:17px;font-weight:500;padding-left:3px;}
.d_info_area_top .right_section .info_text .info_bk span {font-size:17px;font-weight:500;padding-left:3px;}
.d_info_area_top .right_section .info_text .info2 {font-size:12px;font-weight:500;line-height:1.2;color:#fff;padding-bottom:2px;}
.d_info_area_top .right_section .info_text .info2_bk {font-size:12px;font-weight:500;line-height:1.2;color:#8b8c8c;padding-bottom:2px;}

.d_info_area_top .right_section .reflash {
  position:absolute;
  top: 11px;
  right: 10px;
  color:#fff;
  cursor:pointer;
  text-align: center;
  vertical-align: middle;
  display: block;
  width: 13px;
  }

.d_info_area_top .right_section .reflash i {position:absolute;top:0;left:0;font-size: 15px;opacity:0.7;
-webkit-transition: all .40s ease-in-out;-moz-transition: all .40s ease-in-out;-o-transition: all .40s ease-in-out;transition: all .40s ease-in-out;}
.d_info_area_top .right_section .reflash:hover i {transform: rotate(360deg);opacity:1;}

.d_info_area_chart {position:absolute;bottom: 0px;left: -8px;width: calc(100% + 10px);height: 80%;}
.d_info_area_chart .section {position:absolute;top:0;left:0%;width:100%;height:100%;}


.d_info_area_top_d1 {position:absolute;top:0;left:0;width:100%;height: 35%;z-index:1;}
.d_info_area_top_d1 .left_section {position:absolute;top:0;left: 30px;width: 30px;height: 100%;display:table;}
.d_info_area_top_d1 .left_section .img {display:table-cell;vertical-align:middle;margin: 0 auto;text-align:center;}
.d_info_area_top_d1 .left_section .img img {width:70%;max-width:50px;}

.d_info_area_top_d1 .right_section {position:absolute;top:0;left: 0;width: 100%;height: 100%;display:table;}
.d_info_area_top_d1 .right_section .info_text {display:table-cell;vertical-align: top;margin: 0 auto;text-align:left;padding: 20px 0 0 25px;box-sizing:border-box;width:100%;}
.d_info_area_top_d1 .right_section .info_text .info span {font-size:17px;font-weight:500;padding-left:3px;}
.d_info_area_top_d1 .right_section .info_text .tit {font-size: 19px;font-weight: 500;line-height:1.2;color:#fff;padding: 0 0 4px 0;}
.d_info_area_top_d1 .right_section .info_text .tit_bk {font-size: 15px;font-weight: 500;line-height:1.2;color: #6f7786;padding: 0 0 5px 0;letter-spacing: -0.02em;}
.d_info_area_top_d1 .right_section .info_text .info {font-size:28px;font-weight:600;line-height: 1.1;color:#fff;padding-bottom: 5px;}
.d_info_area_top_d1 .right_section .info_text .info_bk {font-size: 23px;font-weight:600;line-height: 1.1;color: #3976ea;padding-bottom: 5px;letter-spacing: -0.02em;}
.d_info_area_top_d1 .right_section .info_text .info_bk span {font-size:14px;}
.d_info_area_top_d1 .right_section .info_text .info2 {font-size:12px;font-weight:500;line-height:1.2;color:#fff;padding-bottom:2px;}
.d_info_area_top_d1 .right_section .info_text .info2_bk {font-size:12px;font-weight:500;line-height:1.2;color: #7a8598;padding-bottom:2px;}
.d_info_area_top_d1 .right_section .reflash {position:absolute;top: 11px;right: 10px;color:#fff;cursor:pointer;text-align: center;vertical-align: middle;
display: block;width: 13px;}
.d_info_area_top_d1 .right_section .reflash i {position:absolute;top:0;left:0;font-size: 15px;opacity:0.7;
-webkit-transition: all .40s ease-in-out;-moz-transition: all .40s ease-in-out;-o-transition: all .40s ease-in-out;transition: all .40s ease-in-out;}
.d_info_area_top_d1 .right_section .reflash:hover i {transform: rotate(360deg);opacity:1;}

.d_info_area_chart_d1 {position:absolute;bottom: 4%;left: 0%;width: 100%;height: 72%;}
.d_info_area_chart_d1 .section {position:absolute;top:0;left:0%;width:100%;height:100%;}


/*card*/

.card.chide {opacity:0;}

@-webkit-keyframes cardapp {
  0% {
    top:-30px;
    opacity:0;
  }
  100% {
    top:0px;
    opacity:1;
  }
}

.error_page {position:absolute;top:0;left:0;width:100%;height:100%;display:table;background:#000;}

.error_page .bgimg {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.3;
background-image: url(../../assets/images/compass-5261062_1920.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}

.error_page .info_Area {position:relative;width: 100%;margin: 0 auto;display:table-cell;vertical-align:middle;text-align:center;}
.error_page .info_Area h1 {font-size: 180px;color:#fff;line-height: 1;}
.error_page .info_Area p {font-size: 35px;line-height: 1.3;color:#fff;margin:0;padding: 10px 0;}
.error_page .info_Area .pp {font-size: 15px;line-height: 1.6;color:#fff;margin:0;padding: 8px 0;}
.error_page .info_Area .mid_line {width:100px;border-bottom:1px solid #fff;margin: 30px auto;}


.loading_A {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	padding:0;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 0px solid rgba(255,255,255,.0);
	border-radius: 50%;
	-webkit-animation: spin 6s infinite linear;
	-ms-animation: spin 6s infinite linear;
	animation: spin 6s infinite linear;
	box-sizing: border-box;
	z-index:10;
	}

@keyframes spin {
  to { transform: rotate(360deg);}
}
@-webkit-keyframes spin {
  to {-webkit-transform: rotate(360deg);}
}
@-ms-keyframes spin {
  to { -ms-transform: rotate(360deg);}
}

.loading_A .loading_img {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	padding:0;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 3px solid rgba(197, 197, 197, 0.5);
	border-radius: 50%;
	border-top-color: #fff;
	-webkit-animation: spin2 1s ease-in-out infinite;
	-ms-animation: spin2 1s ease-in-out infinite;
	animation: spin2 1s ease-in-out  infinite;
	box-sizing: border-box;
	}

@keyframes spin2 {
  to { transform: rotate(360deg);}
}
@-webkit-keyframes spin2 {
  to { -webkit-transform: rotate(360deg);}
}
@-ms-keyframes spin2 {
  to {-ms-transform: rotate(360deg);}
}


.loading_B {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	padding:0;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 0px solid rgba(255,255,255,0);
	border-radius: 50%;
	animation: spin 6s infinite linear;
	-webkit-animation: spin 6s infinite linear;
	-ms-animation: spin 6s infinite linear;
	box-sizing: border-box;
	z-index:10;
	}

  @keyframes spin {
    to { transform: rotate(360deg);}
  }
  @-webkit-keyframes spin {
    to {-webkit-transform: rotate(360deg);}
  }
  @-ms-keyframes spin {
    to { -ms-transform: rotate(360deg);}
  }


.loading_B .loading_img {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	padding:0;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 3px solid rgba(199, 219, 236,1);
	border-radius: 50%;
	border-top-color: #1f96ff;
	animation: spin2 1s ease-in-out  infinite;
	-webkit-animation: spin2 1s ease-in-out infinite;
	-ms-animation: spin2 1s ease-in-out infinite;
	box-sizing: border-box;
	}

  @keyframes spin2 {
    to { transform: rotate(360deg);}
  }
  @-webkit-keyframes spin2 {
    to { -webkit-transform: rotate(360deg);}
  }
  @-ms-keyframes spin2 {
    to {-ms-transform: rotate(360deg);}
  }


.loading_C {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	padding:0;
	display: inline-block;
	width: 50px;
	height: 50px;
	/*border: 0px solid rgba(255,255,255,.0);*/
	background-image: url(../../assets/images/loadingimg_1.png);
	background-repeat: no-repeat;
	border-radius: 50%;
	-webkit-animation: spinB 1.4s infinite linear;
	-ms-animation: spinB 1.4s infinite linear;
	animation: spinB 1.4s infinite linear;
	box-sizing: border-box;
	z-index:10;
	}

  @keyframes spinB {
    to { transform: rotate(360deg); }
  }
  @-webkit-keyframes spinB {
    to { -webkit-transform: rotate(360deg); }
  }
  @-ms-keyframes spinB {
    to { -ms-transform: rotate(360deg);}
  }

.loading_D {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	padding:0;
	display: inline-block;
	width: 50px;
	height: 50px;
	/*border: 0px solid rgba(255,255,255,.0);*/
	background-image: url(../../assets/images/loadingimg_blue.png);
	background-repeat: no-repeat;
	border-radius: 50%;
	animation: spinB 1.4s infinite linear;
	-webkit-animation: spinB 1.4s infinite linear;
	-ms-animation: spinB 1.4s infinite linear;
	box-sizing: border-box;
	z-index:10;
	}

  @keyframes spinB {
    to { transform: rotate(360deg); }
  }
  @-webkit-keyframes spinB {
    to { -webkit-transform: rotate(360deg); }
  }
  @-ms-keyframes spinB {
    to { -ms-transform: rotate(360deg);}
  }


.item_card {position:relative;width:100%;}
.item_card .item_images {position:relative;width: calc(100% - 10px);padding-bottom:60%;background:#ccc;overflow:hidden;border-radius: 0px;margin: 6px auto 0;}
.item_card .item_images .imgbox {position:absolute;top:0;left:0;width:100%;height:100%;background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;}
.item_card .item_info {position:relative;width:100%;padding: 12px 12px ; box-sizing:border-box;}
.item_card .item_info .tt_1 {font-size:17px;font-weight:600;line-height:1.3;color:#444;padding: 0 0 6px 0 ;}
.item_card .item_info .tt_1 .userimg {position:relative;width: 24px;height: 24px;background:#999;overflow:hidden;border-radius:12px;display:inline-block;vertical-align: bottom;
margin: 0 6px 0 0 ;}
.item_card .item_info .tt_1 .userimg .photo
{display: block;
position:absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.item_card .item_info .tt_2 {font-size:13px;font-weight:500;line-height:1.5;color:#444;padding: 0 0 10px 0 ;}
.item_card .item_info .tt_3 {font-size:12px;font-weight:400;line-height:1.3;color:#888;padding: 0 0 6px 0 ;}
.item_card .card_title {margin-bottom:12px;}


.dataTables_paginate {text-align:center;margin: 10px 0 ;}
.dataTables_paginate a {
    padding: 5px 11px;
    font-size: 13px;
    font-weight: 500;
    margin: 0 2px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #e0e6ea;
    display: inline-block;
    cursor: pointer;
    color:#999;
}
.dataTables_paginate a:hover {
    background: #eef8ff;
    border: 1px solid #91c2e8;
    color:#6ea8d4;
}
.dataTables_paginate span a.current {
    background: #47afff;
    border: 1px solid #47afff;
    color:#fff;
}

.dataTables_length {margin: 0 0 10px 0 ;}

.info_text {font-size:13px;color:#888;line-height:1.3;padding: 5px ;}
.info_text i {font-size: 17px;vertical-align:middle;margin: 0 2px;color: #08c7e7;}
.info_text .in_text {font-size:13px;margin: 0 2px;color:#5981b3;}

.api_state {position:relative;width:100%;text-align:center;padding: 10px ;box-sizing: border-box;}
.api_state img {width:47px;margin: 0 4px 0 0 ;}
.api_state ul li {display:inline-block;margin: 2px 10px ;}
.api_state ul li .num_tt {display:inline-block;vertical-align: middle;text-align:left;}
.api_state ul li .num_tt .nt_name {font-size:13px;color:#888;}
.api_state ul li .num_tt .nt_num {font-size:13px;color:#888;}
.api_state ul li .num_tt .nt_num b {font-size:21px;font-weight:600;color:#333;padding: 0 5px 0 0 ;}


.img_upload {position:relative;width:100%;float:left;margin-right:1%;}
.img_upload .title {padding: 0 0 6px 0;font-size:13px;color:#666;font-weight: 500;}
.img_upload .img_view {position:relative;width:90%;padding-bottom:70%;border: 1px solid #DADDE1;background:#fff;border-radius: 5px;overflow:hidden;
/*background: url(../images/img_no_image.png) no-repeat #fff ;*/background-position: center center;background-size: 100%;box-sizing: border-box;}
.img_upload .img_view img {position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;top:0;left:0;right:0;bottom:0;margin:auto;}
.img_upload .img_info {font-size: 12px;color:#999;margin: 5px 0 0 0;height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.img_upload .btnarea {padding: 5px 0 10px 0;text-align:left;}

.img_upload .img_view_icon {position:relative;width:100px;height:100px;border: 1px solid #DADDE1;background:#fff;border-radius: 5px;overflow:hidden;
box-sizing: border-box;padding:10px;}
.img_upload .img_view_icon img {position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;top:0;left:0;right:0;bottom:0;margin:auto;}

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

  .img_upload {width:100%;}
  .img_upload .img_view {width:100%;}

}

.img_report_upload {position:relative;width:100%;float:left;margin-right:1%;}
.img_report_upload .title {padding: 0 0 6px 0;font-size:13px;color:#666;font-weight: 500;}
.img_report_upload .img_view {position:relative;width:90%;padding-bottom:80%;border: 1px solid #DADDE1;background:#fff;border-radius: 5px;overflow:hidden;
/*background: url(../images/img_no_image.png) no-repeat #fff ;*/background-position: center center;background-size: 100%;box-sizing: border-box;}
.img_report_upload .img_view img {position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;top:0;left:0;right:0;bottom:0;}
.img_report_upload .img_info {font-size: 12px;color:#999;margin: 5px 0 0 0;height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.img_report_upload .btnarea {padding: 5px 0 10px 0;text-align:left;}

.img_report_upload .img_view_icon {position:relative;width:100px;height:100px;border: 1px solid #DADDE1;background:#fff;border-radius: 5px;overflow:hidden;
box-sizing: border-box;padding:10px;}
.img_report_upload .img_view_icon img {position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;top:0;left:0;right:0;bottom:0;margin:auto;}

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

  .img_report_upload {width:100%;}
  .img_report_upload .img_view {width:100%;}

}

.tableArea_opt {width:100%;margin: 0 auto;overflow-y: auto;border: 1px solid #e1e8ef;border-radius: 4px;background: #f7f9fb;padding: 10px;
  box-sizing: border-box;}
.tableArea_opt ul li {float:left; width:33%;padding: 10px 10px ;box-sizing:border-box;}

.st_m_list {position:relative;width:100%;}
.st_m_list ul li {width:100%;margin: 4px 0 ; border-radius: 4px;}
.st_m_list ul li:hover {background:#ddd;}
.st_m_list ul li.On {background:#76b9ff;}
.st_m_list ul li.On:hover {background:#76b9ff;}
.st_m_list ul li .m_l_nm {width:100%;font-size:13px;color:#333;padding: 5px 0;}
.st_m_list ul li .m_l_nm img {width:auto;height: 17px;}
.st_m_list ul li .m_l_nm img.block {visibility:visibility;width:20px;}
.st_m_list ul li .m_l_nm span {margin: 0 0 0 3px ;}

.map_area {position:relative;width:100%;height:400px;background:#f5f5f5;overflow: hidden;}

.map_loca_sch {position:relative;width:100%;margin: 10px 0 ;text-align:center;}
.map_loca_sch .tit {font-size:14px;color:#333;font-weight:600;}

.st_m_list_table {position:relative;width:100%;}
.st_m_list_table ul li {width:100%;margin: 2px 0 ;border-radius: 4px;cursor:pointer;}
.st_m_list_table ul li.On {background:#76b9ff;}
.st_m_list_table ul li.On:hover {background:#76b9ff;}
.st_m_list_table ul li.On .m_l_nm {color:#fff;}
.st_m_list_table ul li:hover {background:#ddd;}
.st_m_list_table .m_l_nm {width:100%;font-size:13px;color:#222;padding: 5px 0;display: table;}
.st_m_list_table .m_l_nm.th_cell {font-size:12px;color:#999;}
.st_m_list_table .m_l_nm span {margin: 0 0 0 3px ;display: table-cell;vertical-align: middle;padding: 2px 2px ;box-sizing: border-box;}
.st_m_list_table .m_l_nm span.t_cell1 {width:40%;padding-left:6px;}
.st_m_list_table .m_l_nm span.t_cell2 {width:30%;}
.st_m_list_table .m_l_nm span.t_cell3 {width:30%;}


.enc_dash_section {position:absolute;top:0;left:10px;width:calc(100% - 10px);height:100%;overflow: hidden;background: #dedee1;}

.monitoring_section {
  position:absolute;
  top: 15px;
  left: 15px;
  width: 370px;
  height: calc(100% - 30px);
  background:#fff;
  overflow:hidden;
  border-radius:10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 15%);
  -webkit-box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 15%);
  z-index: 1;
  }

.monitoring_section .m_t_tit {position:relative;width:100%;padding: 11px 14px 10px;text-align:left;box-sizing: border-box;}
.monitoring_section .m_t_tit h2 {font-size:15px;font-weight:500;color:#444;}

.monitoring_section .m_t_op {position:relative;width:100%;padding: 0 10px 10px;text-align:left;box-sizing: border-box;}
.monitoring_section .m_t_op .m_t_op_sec {margin: 0 0 7px 0 ;}

.monitoring_section .m_t_table {position: absolute;width:100%;padding: 0 10px;box-sizing: border-box;top: 118px;left: 0;height: calc(100% - 273px);overflow: auto;
  border-top: 1px solid #EDF1F3;}

.monitoring_section .m_t_ar {position: absolute;width:100%;padding: 0 10px 10px;box-sizing: border-box;bottom: 0px;left: 0;overflow: auto;border-top: 1px solid #ECEEF0;}
.monitoring_section .m_t_ar .ar_tit {width:96%;margin: 0 auto;overflow: auto;}
.monitoring_section .m_t_ar .ar_tit ul li {float:left;width:16.66%;text-align:center;font-size:12px;color:#999;padding: 8px 0 5px;}

.monitoring_section .m_t_ar .ar_a_num {width:96%;margin: 0 auto;background:#F5F5F5;border-radius: 4px;overflow: auto;}
.monitoring_section .m_t_ar .ar_a_num ul li {float:left;width:calc(16.66% - 1px);text-align:center;font-size:13px;color:#333;padding: 8px 0 5px;border-right: 1px solid #ebebeb;}
.monitoring_section .m_t_ar .ar_a_num ul li:last-child {border:0;}
.monitoring_section .m_t_ar .ar_a_num ul li.cl_1 {color:#0475F4;}
.monitoring_section .m_t_ar .ar_a_num ul li.cl_2 {color:#EA4916;}
.monitoring_section .m_t_ar .ar_a_num ul li.cl_3 {color:#333;}
.monitoring_section .m_t_ar .ar_a_num ul li.cl_4 {color:#9CCC67;}
.monitoring_section .m_t_ar .ar_a_num ul li.cl_5 {color:#EA4916;}

.monitoring_section .m_t_ar .ar_a_cd {width:96%;margin: 10px auto 0;overflow: auto;text-align:center;}
.monitoring_section .m_t_ar .ar_a_cd ul li {display:inline-block;width:10%;text-align:center;font-size:13px;color:#333;padding: 8px 0 5px;}
.monitoring_section .m_t_ar .ar_a_cd ul li .c_tt {width:100%;}
.monitoring_section .m_t_ar .ar_a_cd ul li .c_tt img {width:20px;}
.monitoring_section .m_t_ar .ar_a_cd ul li .c_tt p {margin: 6px 0;padding: 0;font-size: 11px;font-weight:400;color:#999;line-height: 14px;}
.monitoring_section .m_t_ar .ar_a_cd ul li.emp {width:3%;}

.enc_det_section {
  position:absolute;
  top: 15px;
  left: 400px;
  width: 370px;
  height: calc(100% - 30px);
  background:#fff;
  overflow:hidden;
  border-radius:10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 15%);
  -webkit-box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 15%);
  z-index: 1;
  }

  .enc_det_section .close_btn {
  position:absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-image: url(../../assets/images/mob_menuBtn_close_2.png);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  cursor:pointer;
  opacity: 0.7;
}
.enc_det_section .close_btn:hover {background-color:#f5f5f5;opacity:1;}

.e_d_tab {position:relative;width:100%;}
.e_d_tab .tab ul {width:100%;}
.e_d_tab .tab ul::after {content:"";position:absolute;bottom: 0px;left:0;width:100%;height: 3px;background: #ddd;}

.e_d_t_content {position: absolute;width:100%;top: 48px;left: 0;height: calc(100% - 48px);}

.e_d_sec_1 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;}
.e_d_sec_1 .sec_1_top {padding: 10px 10px 0px;box-sizing: border-box;position: absolute;top: 0;left: 0;width: 100%;height: calc(100% - 150px);overflow: auto;}

.e_d_sec_1 .sec_1_bottom {width:100%;box-sizing: border-box;background:#fff;position: absolute;bottom: 0;left: 0;height: 150px;overflow: auto;}
.sec_1_bottom .m_t_tit {position:relative;width:100%;padding: 11px 14px 10px;text-align:left;box-sizing: border-box;border-top: 1px solid #EDF1F3;}
.sec_1_bottom .m_t_tb {width:100%;padding: 0px 10px 10px ;box-sizing: border-box;}

.eq_set_section_ls {width:100%;border-top: 1px solid #EDF1F3;border-bottom: 1px solid #EDF1F3;}
.eq_set_section_ls .e_s_top {width:100%;}
.eq_set_section_ls .e_s_top span {display: inline-block;padding: 10px 5px ;box-sizing: border-box;font-size:12px;color:#999;text-align:center;}
.eq_set_section_ls .e_s_top span.s_t_1 {width:17%;}
.eq_set_section_ls .e_s_top span.s_t_2 {width:29%;}
.eq_set_section_ls .e_s_top span.s_t_3 {width:50%;}

.eq_set_section_ls .e_s_list {width:100%;}
.eq_set_section_ls .e_s_list ul li {position:relative;width:100%;background:#fff;}
.eq_set_section_ls .e_s_list ul li .s_l_area {width:100%;border-top: 1px solid #EDF1F3;padding: 5px 0;}
.eq_set_section_ls .e_s_list ul li .s_l_area span {position:relative;display: inline-block;padding: 6px 5px;box-sizing: border-box;font-size:13px;color:#444;text-align:center;border-right:1px solid #EDF1F3;vertical-align: middle;}
.eq_set_section_ls .e_s_list ul li .s_l_area span:last-child {border-right:0;}
.eq_set_section_ls .e_s_list ul li .s_l_area span.s_t_1 {width: 17%;}
.eq_set_section_ls .e_s_list ul li .s_l_area span.s_t_1 img {width:auto;}
.eq_set_section_ls .e_s_list ul li .s_l_area span.s_t_2 {width: 29%;}
.eq_set_section_ls .e_s_list ul li .s_l_area span.s_t_3 {width: 52%;padding: 6px 5px 6px 5px;text-align:center;}


.eq_set_section {width:100%;border-top: 1px solid #EDF1F3;border-bottom: 1px solid #EDF1F3;}
.eq_set_section .e_s_top {width:100%;}
.eq_set_section .e_s_top span {display: inline-block;padding: 10px 5px ;box-sizing: border-box;font-size:12px;color:#999;text-align:center;}
.eq_set_section .e_s_top span.s_t_1 {width:17%;}
.eq_set_section .e_s_top span.s_t_2 {width:29%;}
.eq_set_section .e_s_top span.s_t_3 {width:52%;}

.eq_set_section .e_s_list {width:100%;}
.eq_set_section .e_s_list ul li {position:relative;width:100%;background:#fff;}
.eq_set_section .e_s_list ul li:hover {cursor:pointer;}
.eq_set_section .e_s_list ul li .s_l_area {width:100%;border-top: 1px solid #EDF1F3;padding: 5px 0;}
.eq_set_section .e_s_list ul li .s_l_area span {position:relative;display: inline-block;padding: 6px 5px;box-sizing: border-box;font-size:13px;color:#444;text-align:center;border-right:1px solid #EDF1F3;vertical-align: middle;}
.eq_set_section .e_s_list ul li .s_l_area span:last-child {border-right:0;}
.eq_set_section .e_s_list ul li .s_l_area span.s_t_1 {width: 17%;}
.eq_set_section .e_s_list ul li .s_l_area span.s_t_1 img {width:auto;}
.eq_set_section .e_s_list ul li .s_l_area span.s_t_2 {width: 29%;}
.eq_set_section .e_s_list ul li .s_l_area span.s_t_3 {width: 52%;padding: 6px 22px 6px 5px;text-align:center;}
.eq_set_section .e_s_list ul li .s_l_area span.s_t_3::after {
  content:"";
  position:absolute;
  top: 50%;
  right:3px;
  width:16px;
  height:16px;
  margin-top: -8px;
  opacity: 0.5;
  background-image: url(../../assets/images/accordion_arrows.png);
  background-repeat: no-repeat;
  background-position: -16px 0px;
}
.eq_set_section .e_s_list ul li.on .s_l_area span.s_t_3::after {background-position: 0px 0px;}
.eq_set_section .e_s_list ul li.e_s_l_content {display: none;width:100%;background:#F6F9FA;border-top: 1px solid #EDF1F3;padding: 13px 10px ;box-sizing: border-box;}

.e_d_sec_2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;}
.e_d_sec_2 .eq_det_section {padding: 10px 10px ;box-sizing:border-box;}
.e_d_sec_3 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;}


.map_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.ex_map_img {position:absolute;top:50%;left:50%;margin-left:-1350px;margin-top:-700px;width:auto !important;}

.map_pointer {position:absolute;top:30%;right:30%;width: 44px;height: 49px;}
.map_pointer .m_p_descript {position:absolute;top:0px;left: 0px;height: 88%;border-radius:100px;background: #5394f0;color: #fff;display: table;}
.map_pointer .m_p_descript span {display: table-cell;padding: 0 20px 0 50px;word-break: keep-all;vertical-align: middle;font-size: 14px;font-weight: 500;}
.map_pointer .m_p_img {z-index:1;position: absolute;}

.map_pointer_error {position:absolute;top:40%;right:20%;width: 44px;height: 49px;}
.map_pointer_error .m_p_descript {position:absolute;top:0px;left: 0px;height: 88%;border-radius:100px;background: #ea4916;color: #fff;display: table;}
.map_pointer_error .m_p_descript span {display: table-cell;padding: 0 20px 0 50px;word-break: keep-all;vertical-align: middle;font-size: 14px;font-weight: 500;}
.map_pointer_error .m_p_img {z-index:1;position: absolute;}



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

  .enc_dash_section {position:absolute;top:0;left: 0px;width: 100%;height:100%;overflow: hidden;background: #dedee1;}

  .monitoring_section {
    position: relative;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: auto;
    max-height: calc(100% - 20px);
    background:#fff;
    overflow: auto;
    border-radius:10px;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 15%);
    z-index: 1;
    }

  .monitoring_section .m_t_tit {position:relative;width:100%;padding: 11px 14px 10px;text-align:left;box-sizing: border-box;}
  .monitoring_section .m_t_tit h2 {font-size:15px;font-weight:500;color:#444;}

  .monitoring_section .m_t_op {position:relative;width:100%;padding: 0 10px 0;text-align:left;box-sizing: border-box;}
  .monitoring_section .m_t_op .m_t_op_sec {margin: 0 0 7px 0 ;}

  .monitoring_section .m_t_table {
    position: relative;
    width:100%;
    padding: 0 10px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: auto;
    overflow: auto;
    border-top: 1px solid #EDF1F3;
    }

  .monitoring_section .m_t_ar {position: absolute;width:100%;padding: 0 10px 10px;box-sizing: border-box;bottom: 0px;left: 0;overflow: auto;border-top: 1px solid #ECEEF0;display: none;}
  .monitoring_section .m_t_ar .ar_tit {width:96%;margin: 0 auto;overflow: auto;}
  .monitoring_section .m_t_ar .ar_tit ul li {float:left;width:16.66%;text-align:center;font-size:12px;color:#999;padding: 8px 0 5px;}

  .monitoring_section .m_t_ar .ar_a_num {width:96%;margin: 0 auto;background:#F5F5F5;border-radius: 4px;overflow: auto;}
  .monitoring_section .m_t_ar .ar_a_num ul li {float:left;width:calc(16.66% - 1px);text-align:center;font-size:13px;color:#333;padding: 8px 0 5px;border-right: 1px solid #ebebeb;}
  .monitoring_section .m_t_ar .ar_a_num ul li:last-child {border:0;}
  .monitoring_section .m_t_ar .ar_a_num ul li.cl_1 {color:#0475F4;}
  .monitoring_section .m_t_ar .ar_a_num ul li.cl_2 {color:#EA4916;}
  .monitoring_section .m_t_ar .ar_a_num ul li.cl_3 {color:#333;}
  .monitoring_section .m_t_ar .ar_a_num ul li.cl_4 {color:#EA4916;}
  .monitoring_section .m_t_ar .ar_a_num ul li.cl_5 {color:#9CCC67;}

  .monitoring_section .m_t_ar .ar_a_cd {width:96%;margin: 10px auto 0;overflow: auto;text-align:center;}
  .monitoring_section .m_t_ar .ar_a_cd ul li {display:inline-block;width:10%;text-align:center;font-size:13px;color:#333;padding: 8px 0 5px;}
  .monitoring_section .m_t_ar .ar_a_cd ul li .c_tt {width:100%;}
  .monitoring_section .m_t_ar .ar_a_cd ul li .c_tt img {width:20px;}
  .monitoring_section .m_t_ar .ar_a_cd ul li .c_tt p {margin: 6px 0;padding: 0;font-size: 11px;font-weight:400;color:#999;line-height: 14px;}
  .monitoring_section .m_t_ar .ar_a_cd ul li.emp {width:3%;}

  .enc_det_section {
    position:absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background:#fff;
    overflow:hidden;
    border-radius:10px;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 0px 20px -1px rgb(0 0 0 / 15%);
    z-index: 1;
    }

    .enc_det_section .close_btn {
    position:absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background-image: url(../../assets/images/mob_menuBtn_close_2.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    cursor:pointer;
    }
  .enc_det_section .close_btn:hover {background-color:#999;}

  .e_d_tab {position:relative;width:100%;}
  .e_d_tab .tab ul {width:100%;}
  .e_d_tab .tab ul::after {content:"";position:absolute;bottom: 0px;left:0;width:100%;height: 3px;background: #ddd;}

  .e_d_t_content {position: absolute;width:100%;top: 48px;left: 0;height: calc(100% - 48px);}

  .e_d_sec_1 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;}
  .e_d_sec_1 .sec_1_top {padding: 10px 10px 0px;box-sizing: border-box;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;}

  .e_d_sec_1 .sec_1_bottom {width:100%;box-sizing: border-box;background:#fff;position: absolute;bottom: 0;left: 0;height: 300px;overflow: auto;display: none;}
  .sec_1_bottom .m_t_tit {position:relative;width:100%;padding: 11px 14px 10px;text-align:left;box-sizing: border-box;border-top: 1px solid #EDF1F3;}
  .sec_1_bottom .m_t_tb {width:100%;padding: 0px 10px 10px ;box-sizing: border-box;}

  .eq_set_section_ls {width:100%;border-top: 1px solid #EDF1F3;border-bottom: 1px solid #EDF1F3;}
  .eq_set_section_ls .e_s_top {width:100%;}
  .eq_set_section_ls .e_s_top span {display: inline-block;padding: 10px 5px ;box-sizing: border-box;font-size:12px;color:#999;text-align:center;}
  .eq_set_section_ls .e_s_top span.s_t_1 {width:20%;}
  .eq_set_section_ls .e_s_top span.s_t_2 {width:29%;}
  .eq_set_section_ls .e_s_top span.s_t_3 {width:49%;}

  .eq_set_section_ls .e_s_list {width:100%;}
  .eq_set_section_ls .e_s_list ul li {position:relative;width:100%;background:#fff;}
  .eq_set_section_ls .e_s_list ul li .s_l_area {width:100%;border-top: 1px solid #EDF1F3;padding: 5px 0;}
  .eq_set_section_ls .e_s_list ul li .s_l_area span {position:relative;display: inline-block;padding: 6px 5px;box-sizing: border-box;font-size:13px;color:#444;text-align:center;border-right:1px solid #EDF1F3;vertical-align: middle;}
  .eq_set_section_ls .e_s_list ul li .s_l_area span:last-child {border-right:0;}
  .eq_set_section_ls .e_s_list ul li .s_l_area span.s_t_1 {width: 17%;}
  .eq_set_section_ls .e_s_list ul li .s_l_area span.s_t_1 img {width:auto;}
  .eq_set_section_ls .e_s_list ul li .s_l_area span.s_t_2 {width: 25%;}
  .eq_set_section_ls .e_s_list ul li .s_l_area span.s_t_3 {width: 56%;padding: 6px 5px 6px 5px;text-align:left;}


  .eq_set_section {width:100%;border-top: 1px solid #EDF1F3;border-bottom: 1px solid #EDF1F3;}
  .eq_set_section .e_s_top {width:100%;}
  .eq_set_section .e_s_top span {display: inline-block;padding: 10px 5px ;box-sizing: border-box;font-size:12px;color:#999;text-align:center;}
  .eq_set_section .e_s_top span.s_t_1 {width:20%;}
  .eq_set_section .e_s_top span.s_t_2 {width:29%;}
  .eq_set_section .e_s_top span.s_t_3 {width:49%;}

  .eq_set_section .e_s_list {width:100%;}
  .eq_set_section .e_s_list ul li {position:relative;width:100%;background:#fff;}
  .eq_set_section .e_s_list ul li:hover {cursor:pointer;}
  .eq_set_section .e_s_list ul li .s_l_area {width:100%;border-top: 1px solid #EDF1F3;padding: 5px 0;}
  .eq_set_section .e_s_list ul li .s_l_area span {position:relative;display: inline-block;padding: 6px 5px;box-sizing: border-box;font-size:13px;color:#444;text-align:center;border-right:1px solid #EDF1F3;vertical-align: middle;}
  .eq_set_section .e_s_list ul li .s_l_area span:last-child {border-right:0;}
  .eq_set_section .e_s_list ul li .s_l_area span.s_t_1 {width: 17%;}
  .eq_set_section .e_s_list ul li .s_l_area span.s_t_1 img {width:auto;}
  .eq_set_section .e_s_list ul li .s_l_area span.s_t_2 {width: 25%;}
  .eq_set_section .e_s_list ul li .s_l_area span.s_t_3 {width: 56%;padding: 6px 22px 6px 5px;text-align:left;}
  .eq_set_section .e_s_list ul li .s_l_area span.s_t_3::after {
    content:"";
    position:absolute;
    top: 50%;
    right:3px;
    width:16px;
    height:16px;
    margin-top: -8px;
    opacity: 0.5;
    background-image: url(../../assets/images/accordion_arrows.png);
    background-repeat: no-repeat;
    background-position: -16px 0px;}
  .eq_set_section .e_s_list ul li.on .s_l_area span.s_t_3::after {background-position: 0px 0px;}
  .eq_set_section .e_s_list ul li.e_s_l_content {display: none;width:100%;background:#F6F9FA;border-top: 1px solid #EDF1F3;padding: 13px 10px ;box-sizing: border-box;}

  .e_d_sec_2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;}
  .e_d_sec_2 .eq_det_section {padding: 10px 10px ;box-sizing:border-box;}
  .e_d_sec_3 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;}


  .map_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
  .ex_map_img {position:absolute;top:50%;left:50%;margin-left:-1350px;margin-top:-700px;width:auto !important;}

  .map_pointer {position:absolute;top:30%;right:30%;width: 44px;height: 49px;}
  .map_pointer .m_p_descript {position:absolute;top:0px;left: 0px;height: 88%;border-radius:100px;background: #5394f0;color: #fff;display: table;}
  .map_pointer .m_p_descript span {display: table-cell;padding: 0 20px 0 50px;word-break: keep-all;vertical-align: middle;font-size: 14px;font-weight: 500;}
  .map_pointer .m_p_img {z-index:1;position: absolute;}

  .map_pointer_error {position:absolute;top:40%;right:20%;width: 44px;height: 49px;}
  .map_pointer_error .m_p_descript {position:absolute;top:0px;left: 0px;height: 88%;border-radius:100px;background: #ea4916;color: #fff;display: table;}
  .map_pointer_error .m_p_descript span {display: table-cell;padding: 0 20px 0 50px;word-break: keep-all;vertical-align: middle;font-size: 14px;font-weight: 500;}
  .map_pointer_error .m_p_img {z-index:1;position: absolute;}

}

.pro_info {position:relative;width:100%;padding: 40px 0 25px ;text-align:center;}
.pro_info img {width:auto;}
.pro_info p {font-size:13px;color:#222;padding: 0 10px ;}

.user_b_info {position:relative;width:100%;height: 90px;}
.user_b_info .photo {position:absolute;top:5px;left: 15px;width: 50px;height: 50px;overflow: hidden;border-radius:60px;border: 5px solid #ccc;}

.user_b_info .u_i_tt {position:absolute;top: 9px;left: 98px;}
.user_b_info .u_i_tt .name {font-size: 21px;color:#666;padding: 0 0 4px 0;font-weight: 600;}
.user_b_info .u_i_tt .p_num {font-size: 14px;color:#333;}

.gragh_info_tt {position:relative;width:100%;padding: 30px 0 20px;text-align:center;}
.gragh_info_tt span {font-size:13px;color:#333;display:inline-block;margin: 4px 8px;vertical-align: middle;}
.gragh_info_tt span img {width:auto;padding: 0 6px 0 0;position:relative;top:-2px;}

.repot_page_section {position:relative;width:100%;background: #fff;padding: 20px;box-sizing: border-box;border: 1px solid #eaeef5;}
.repot_page_section .rep_tit {position:relative;width:100%;padding: 10px 0;}
.repot_page_section .rep_tit .title {position:relative;width:100%;text-align:center;font-size: 31px;color:#222;font-weight:600;padding: 30px 0 20px;}
.repot_page_section .rep_tit .title_2 {position:relative;width: 80%;text-align:center;font-size: 25px;color:#222;font-weight:600;padding: 10px 0 10px;border: 2px solid #5a5a5a;max-width: 550px;margin:  0 auto;}
.repot_page_section .rep_tit .date {position:relative;width: 99%;text-align:right;font-size: 14px;color:#222;font-weight:500;margin:  0 auto;}
.repot_page_section .rep_p_num {position:relative;width: 99%;text-align:right;font-size: 14px;color:#222;font-weight:500;margin:  20px auto;}

.Eve_box {position:relative;width:100%;display:table;padding: 20px 10px 22px ;background:#EA4916;box-sizing: border-box;border-radius:10px;margin: 0 auto 20px ;}
.Eve_box span {display:table-cell;vertical-align: middle;color:#fff;font-size:21px;line-height:normal;}
.Eve_box span i {vertical-align: middle;font-size:27px;}
.Eve_box span.e_s_tt {padding: 0 10px ;box-sizing: border-box;}