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


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

html {font-size: 10px;}

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

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

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

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

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

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

@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 100;
  src: url(../fonts/Roboto-Thin.woff2) format('woff2'),
       url(../fonts/Roboto-Thin.woff) format('woff'),
       url(../fonts/Roboto-Thin.otf) format('opentype');}

@font-face {  font-family: 'Roboto';  font-style: normal;  font-weight: 300;
  src: url(../fonts/Roboto-Light.woff2) format('woff2'),
       url(../fonts/Roboto-Light.woff) format('woff'),
       url(../fonts/Roboto-Light.otf) format('opentype');}

@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 400;
   src: url(../fonts/Roboto-Regular.woff2) format('woff2'),
        url(../fonts/Roboto-Regular.woff) format('woff'),
        url(../fonts/Roboto-Regular.otf) format('opentype'); }

@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 500;
   src: url(../fonts/Roboto-Medium.woff2) format('woff2'),
        url(../fonts/Roboto-Medium.woff) format('woff'),
        url(../fonts/Roboto-Medium.otf) format('opentype'); }

@font-face {   font-family: 'Roboto';   font-style: normal;   font-weight: 700;
   src: url(../fonts/Roboto-Bold.woff2) format('woff2'),
        url(../fonts/Roboto-Bold.woff) format('woff'),
        url(../fonts/Roboto-Bold.otf) format('opentype'); }


/*

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

box-sizing: border-box;

 {display:table-cell;}

 */



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

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


table {border-collapse: collapse;}

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

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

/*Font*/

.color-red {color:#F97267 !important;}
.color-blue {color:#1582e1 !important;}
.color-gray {color:#999999 !important;}
.color-white {color:#ffffff !important;}


input[type="text"] {font-size: 14px;color:#444444;border-radius:4px;border: 1px solid #d9d9d9;padding: 6px 10px;letter-spacing: -0.02em;margin: 0 2px;
font-family: "Roboto", 'Nanum Barun Gothic', dotum,"돋움", sans-serif;box-sizing: border-box;background-color:#fff;line-height: 15px;min-width:60px;}

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

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


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


input[type="checkbox"] {width:15px;height:15px;position:relative;top:3px;}

textarea {border-radius:4px;border: 1px solid #d9d9d9;font-family: "Roboto", 'Nanum Barun Gothic', dotum,"돋움", sans-serif ;line-height:19px;
font-size:14px;box-sizing: border-box;padding: 10px;}

input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

.loginArea input::placeholder {color: #cccccc;}
input::placeholder {color: #888888;}
textarea::placeholder {color: #cccccc;}

.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 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:4px;background:#999;color:#fff;padding: 7px 24px;margin: 0 4px ;border: 0;font-size: 13px;font-weight: 500;font-family: "Roboto", 'Nanum Barun Gothic', dotum,"돋움", sans-serif ;box-sizing: border-box;line-height: 15px;font-weight:600;}
button img {padding: 0 5px 0 0;}
button.btn_none {padding:0;margin:0;border:0;background:none;}
button.ibtn {padding:0;margin:0;border:0;background:none;color:#999;}
button i {padding: 0 0.6rem 0 0;position:relative;top: 1px;}



.largbt {padding: 10px 33px;font-size:13px;}
.smbt {padding: 7px 13px;font-size:13px;}
.smbt_mr {padding: 7px 13px;font-size:13px;margin:4px;}

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

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

.btn_sky {background:#5AC8FA;}
.btn_sky:hover {background:#329acb;}

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

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

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

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

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

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

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

.btn_off {background:#d8d8d8;}

select {
 border-radius:4px;
 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", 'Nanum Barun Gothic', 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;}

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

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

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

    .paddingTop16 {padding:8px;}

}



/*body*/

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

.Wrap {width:100%;min-width: 1200px;}
.Wrap img {width:100%;}

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


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

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

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

}




/*header*/

.login_top {position: fixed;width:100%;height: 50px;background:#2d364e;top: 0;left: 0;z-index: 10;}/*20200122수정*/
.login_top h1 {padding: 10px 0 0 0;display:inline-block;}
.login_top h1 img {padding: 0 14px 0 0;width:auto;height: 30px;}
.login_top h1 span {position: relative; top: 4px;font-size: 15px;color: #dcdcdc;}

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

.UserBoxArea {position:relative;width:auto;height:100%;display: table;float: right;}
.UserBoxArea .UserSelect {display:table-cell;vertical-align:middle;padding: 0 25px 0 15px;cursor:pointer;}
.UserBoxArea .UserSelect .userIcon img {width: 25px;}
.UserBoxArea .UserSelect .userName {font-size: 1.3rem;color:#fff;font-weight:600;padding: 0px 7px;line-height: 1;position: relative;top: 3px;display: inline;}
.UserBoxArea .UserSelect .userIcon2 img {width: 12px;}

.UserBoxArea .user_option {position:absolute;top: 90%;right: 2.4rem;height: 2rem;width: 11rem;background:#fff;border: 1px solid #ccc;
border-radius: 6px;padding: 1rem 0;font-size:1.4rem;font-weight:600;color:#666;text-align: center;}/*20200122추가*/
.UserBoxArea .user_option span {cursor:pointer;}
.UserBoxArea .user_option span:hover {color:#f2377a;}

.AllalertArea {position:relative;width:auto;height: 40px;display: table;float: right;padding-top: 5px;cursor:pointer;}
.AllalertArea .alertBox {height: 40px;padding: 0 14px;background:linear-gradient( to right, #ff3764, #a73af5 );border-radius:6px;display:table-cell;vertical-align:middle;position: relative;}
.AllalertArea .alertBox .alertIcon img {width: 26px;}
.AllalertArea .alertBox > span {font-size: 1.4rem;color:#fff;padding-right: 9px;font-weight: 400;}
.AllalertArea .alertBox .PcTit {display:inline;}
.AllalertArea .alertBox .mobTit {display:none;}

.AllapcountArea {position:relative;width:auto;height: 40px;display: table;float: right;padding-top: 5px;cursor:pointer;}
.AllapcountArea .alertBox {height: 40px;padding: 0 14px;background:linear-gradient( to right, #3776ff, #3d3af5 );border-radius:6px;display:table-cell;vertical-align:middle;position: relative;}
.AllapcountArea .alertBox .alertIcon img {width: 26px;}
.AllapcountArea .alertBox > span {font-size: 1.4rem;color:#fff;padding-right: 9px;font-weight: 400;}
.AllapcountArea .alertBox .PcTit {display:inline;}
.AllapcountArea .alertBox .mobTit {display:none;}

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

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


.MobMenuBtn {display:block;position:absolute;top: 10px;left: 5px;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 ;}

.login_top {position: fixed;width:100%;height: 70px;background:#2d364e;top: 0;left: 0;z-index: 100;}
.login_top h1 {padding: 20px 0 0 57px;}
.login_top h1 img {padding: 0 14px 0 0;width:auto;height: 30px;}
.login_top h1 span {position: relative; top: 4px;font-size: 15px;color: #dcdcdc;}

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

.UserBoxArea {position:relative;width:auto;height:100%;display: table;float: right;}
.UserBoxArea .UserSelect {display:table-cell;vertical-align:middle;padding: 0 25px 0 15px;cursor:pointer;}
.UserBoxArea .UserSelect .userIcon img {width: 25px;}
.UserBoxArea .UserSelect .userName {display: none;font-size: 1.3rem;color:#fff;font-weight:600;padding: 0px 7px;line-height: 1;position: relative;top: 3px;}
.UserBoxArea .UserSelect .userIcon2 img {width: 12px;}

.UserBoxArea .user_option {position:absolute;top: 88%;right: 1rem;height: 2rem;width: 11rem;background:#fff;border: 1px solid #ccc;border-radius: 10px;padding: 1rem 0 ;font-size:1.4rem;
font-weight:600;color:#666;text-align: center;}
.UserBoxArea .user_option span {cursor:pointer;}
.UserBoxArea .user_option span:hover {color:#f2377a;}

.AllalertArea {position:relative;width:auto;height: 40px;display: table;float: right;padding-top: 15px;cursor:pointer;}
.AllalertArea .alertBox {height: 36px;padding: 4px 9px 0;background:linear-gradient( to right, #ff3764, #a73af5 );border-radius:6px;display:table-cell;vertical-align:middle;position: relative;}
.AllalertArea .alertBox .alertIcon img {width: 26px;}
.AllalertArea .alertBox > span {font-size: 1.5rem;color:#fff;padding-right: 9px;font-weight: 500;}
.AllalertArea .alertBox .PcTit {display:none;}
.AllalertArea .alertBox .mobTit {display:inline;}

}

/*header*/





/*nav*/

.left_menu {position:fixed;top:50px;left:0;width: 220px;height:calc(100% - 50px);overflow-y: auto;overflow-x: hidden;background: #fff;z-index:1;display: block;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.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;border-right: 1px solid #cccccc;}

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

.MobMenuCloseBtn {display:none;}


#lnb {position: relative;width: 219px;}
#lnb .mline {position: relative;width:88%;margin: 0 auto;height:1px;background:#e1e1e1;}
#lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8;letter-spacing: -2px; background: #d71a21;}
#lnb > ul {}
#lnb > ul > li {position:relative;padding: 12px 0;}
#lnb > ul > li > a {display: block;width: 100%;padding: 0.8rem 0;margin: 0 auto;color: inherit;font-size: 1.6rem;font-weight: 500;background: #ffffff;border-radius: 0;text-indent: 3.1rem;color: #666666;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
#lnb > ul > li > a i.arrow {position:absolute;top: 2.8rem;right: 1.4rem;font-size: 1.6rem;text-indent: 0;}
#lnb > ul > li a:hover {color: #666666; background-color: #f2f2f2;}
#lnb > ul > li.on a i.arrow {transform: rotate(-180deg);margin-top: 0px;}
#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: 2.2rem;padding: 0 1rem 0 0;}

#lnb > ul > li > ul {display: none;}
#lnb > ul > li > ul > li {position:relative;cursor:pointer;}
#lnb > ul > li > ul > li > a {display: block;padding: 1.1rem 0;font-size: 1.4rem;text-indent: 6.4rem;font-weight: 500;color: #999;background-color: #fff;}
#lnb > ul > li > ul > li > a i {font-size: 2rem;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 a {color: #666666; background: #f2f2f2; }
#lnb > ul > li > ul > li a:hover {color: #666666; background: #f2f2f2; }


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


.left_menu {display:none;}


.mobile_left_menu {position:fixed;top: 70px;left:0;width: 100%;height: calc(100% - 70px);overflow-y: auto;overflow-x: hidden;background: rgba(0,0,0,0.8);z-index: 126;display: none;}
.mobile_left_menu .mn_top {position:relative;width:100%;height:60px;border-bottom: 1px solid #ededed;}
.mobile_left_menu .mn_top .mnt_tt {position:absolute;top: 32px;left: 10px;font-size: 11px;color:#999999;font-weight: 600;letter-spacing:0;}
.mobile_left_menu .navbg {position: fixed;top: 70px;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;}
.MobMenuCloseBtn img {width:100%;}


#lnb {position: relative;width: calc(100% - 72px);}
#lnb .mline {position: relative;width: 94%;margin: 0 auto;height:1px;background:#e1e1e1;}
#lnb h1 {height: 40px;text-align: center;color: #fff;font-size: 20px;line-height: 1.8;letter-spacing: -2px; background: #d71a21;}
#lnb > ul {}
#lnb > ul > li {position:relative;padding: 12px 0;}
#lnb > ul > li > a {display: block;width: 100%;padding: 1.6rem 0;margin: 0 auto;color: inherit;font-size: 1.6rem;font-weight:600;background: #ffffff;border-radius: 0;text-indent: 3.1rem;color: #666666;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
#lnb > ul > li > a i.arrow {position:absolute;top: 3.8rem;right: 2.4rem;font-size: 1.6rem;text-indent: 0;}
#lnb > ul > li a:hover {color: #666666; background-color: #f2f2f2;}
#lnb > ul > li.on a i.arrow {transform: rotate(-180deg);margin-top: 0px;}
#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: 2.2rem;padding: 0 1rem 0 0;}

#lnb > ul > li > ul {display: none;}
#lnb > ul > li > ul > li {position:relative;}
#lnb > ul > li > ul > li > a {display: block;padding: 1.8rem 0;font-size: 1.4rem;text-indent: 6.4rem;font-weight:600;color: #999;background-color: #fff;}
#lnb > ul > li > ul > li > a i {font-size: 2rem;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 a {color: #666666; background: #f2f2f2; }
#lnb > ul > li > ul > li a:hover {color: #666666; background: #f2f2f2; }

}


/*nav*/




.content_St {padding-left:220px;overflow: auto;padding-top: 0px;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;position: absolute;height: calc(100% - 50px);top: 50px;
width:calc(100% - 220px);min-width: 930px;}
.content_St_aplist {overflow: auto;}

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

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

}

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

.content_St {padding-left:0 !important;padding-top: 70px;-webkit-transition:none;transition:none;position:relative;height:auto;top:0;width: 100% !important ;min-width: auto;}

}

.cont_titBar {position:relative;width:100%;height:3.2rem;background:#f5f5f5;display: table;}
.cont_titBar h2 {padding: 1.6rem 0 0 1.6rem;font-size: 1.3rem;color:#999999;position: relative;display: inline-block;vertical-align: middle;}
.cont_titBar h3 {padding: 1.6rem 0 0 0;font-size: 1.3rem;color:#666666;position: relative;display: inline-block;vertical-align: middle;}
.cont_titBar span {display: inline-block;padding: 0px 0.7em;position: relative;top: 9px;font-size: 1.3rem;color:#666666;}

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

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


/*타이틀*/

.card_title {position:relative;width:100%;height: 5rem;padding: 1.55rem;font-size: 1.5rem;color:#666;font-weight:600;display:table;box-sizing: border-box;}
.card_title h4 {width:100%;font-weight: 500;}
.card_title h4.t_size1 {font-size:1.4rem;letter-spacing:-0.02em;}
.card_title h4 i {font-size:1.8rem;position:relative;top:3px;padding-right:4px;}
.card_title .rightArea {position:absolute;top: 1.2rem;right: 1.2rem;}
.card_title .rightArea button {cursor:pointer;padding:0;background:none;margin: 0 0 0 4px;border:0;width: 2.2rem;height:2.2rem;}
.card_title .rightArea button img {width: 2.2rem;}
.card_title .rightArea button i {font-size: 2.2rem;color: #b9b9b9;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.card_title .rightArea button i:hover {color:#8a8a8a;}

.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: 5rem;padding: 0.4rem 0.8rem ;font-size: 1.5rem;color:#666;font-weight:600;display:table;box-sizing: border-box;}
.card_option .option_section {position:relative;display:inline-block;float:left;margin-right: 3rem;font-size:1.3rem;padding: 0.6rem 0;height:3.2rem;}
.card_option .option_section .option_box {position:relative;display:table-cell;vertical-align: middle;height:3rem;}
.card_option .option_section .option_box > span {padding: 0 0 0 0.5rem;}
.card_option .option_section .option_box 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 {min-width:80px;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;}

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







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

.card_option {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;}
.card_option .option_section {position:relative;display:table-cell;float:left;margin-right:4rem;font-size:1.3rem;}
.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:right;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;}

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


}




/*.box_content {position:relative;width:100%;overflow:auto;}*/
.box_content {position: absolute;width:100%;overflow:auto;height: calc(100% - 120px);top: 120px;left: 0;}
.aplist_content {position: absolute;width:100%;overflow:auto;height: calc(100% - 70px);top: 70px;left: 0;}


.card_content {position:relative;width:100%;overflow-y: auto;}






/* 트리메뉴 */
.tree_box {width: 100%;}
.tree_box .con {padding: 0 0 0 1.4rem;}
.tree_box .title { padding:5px 0 5px 19px ;background:#f8f8f9;border-bottom:1px solid #ccd3d9;}
.tree_box .title strong {margin-right:12px;}
.tree_menu {line-height: 4rem;}
.tree_menu strong {font-weight:normal;}
.tree_menu label input {vertical-align:-2px;}
.tree_menu .depth_1 a {vertical-align:bottom;text-decoration:none;}
.tree_menu .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: 400;}
.tree_menu .depth_2 li {margin-top:-2px;font-size: 1.5rem;font-weight: 400;}
.tree_menu .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;}
.tree_menu .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;}
.tree_menu .depth_2 li > a.Server {background: url(../images/icon_server_normal.png) no-repeat 9px -1px;background-size: 3.2rem;padding: 0 0 0 4.6rem;}
.tree_menu .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;}

.tree_menu .depth_3 {display:none;padding-left:23px;}
.tree_menu .depth_3 li {margin:0;padding: 0.5rem 0 0.5rem 0;line-height: 1.8;font-size: 1.4rem;}
.tree_menu .depth_3 li > a {/*display:block*/;padding-left: 3.4rem;background: url(../images/icon_folder2.png) no-repeat 9px -3px;background-size: 2rem;}
.tree_menu .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;}
.tree_menu .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;}
.tree_menu .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;}

.msie6 .tree_menu .depth_3 li a {display:inline-block;}

.tree_menu .depth_4 {display:none;padding-left:23px;}
.tree_menu .depth_4 li {margin:0;padding: 0.5rem 0 0.5rem 0;line-height: 1.8;}
.tree_menu .depth_4 li > a {display:block;padding-left: 3.4rem;background: url(../images/icon_folder2.png) no-repeat 9px 1px;background-size: 2rem;}
.tree_menu .depth_4 li > a {display:inline-block;}
.tree_menu .depth_4 li > a.on {background-position:0 100%;}

/*.tree_menu li.end {background:url(http://cfile23.uf.tistory.com/image/2272CF4B5694580418FF9C) no-repeat 0 0;}*/
/*.form_tree_menu .depth_1 {background:url(http://cfile9.uf.tistory.com/image/22601F4B569457FF051E7E) no-repeat 5px 5px;}*/
/*.form_tree_menu ul.depth_2 li {margin-left:6px;padding-left:27px;background:url(http://cfile25.uf.tistory.com/image/2757834B5694580514C5D6) no-repeat 0 5px;}*/




/*Topology*/

.treeMenuBox {height:986px;overflow: hidden;}
.treeMenuBoxIn {height:960px;overflow: hidden;}
.package_Box {height:900px;overflow: auto;}
.package_Box_center {height:900px;overflow: auto;}
.ac_system {height: 410px;}

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

.treeMenuBox {height:300px;}
.package_Box {height:350px;}
.package_Box_center {height:70px;}
.ac_system {height:100%;}

}

.searchListArea {position:absolute;top:70px;left:0;width:100%;height:calc(100% - 70px);background:#fff;overflow: auto;}




.tr_InfoBox_1 {position:relative;width: 100.2%;height:100px;border-radius: 4px;overflow:hidden;}
.tr_InfoBox_1 .infoarea_1 {position:relative;width:100%;height:50px;display:table;}
.tr_InfoBox_1 .infoarea_1 .Left_ip {position:relative;width:30%;height:100%;text-align:right;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;font-weight: 600;}
.tr_InfoBox_1 .infoarea_1 .Right_ip {position:relative;width:70%;height:100%;text-align:right;font-size: 1.8rem;color:#fff;display:table-cell;vertical-align:middle;padding-right:5%;font-weight:600;line-height: 1.1;}
.tr_InfoBox_1 .infoarea_1 .Left_ip_1 {position:relative;width:20%;height:100%;text-align:right;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;font-weight: 600;}
.tr_InfoBox_1 .infoarea_1 .Middle_ip_1 {position:relative;width:20%;height:100%;text-align:center;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;font-weight: 600;}
.tr_InfoBox_1 .infoarea_1 .Middle_ip_2 {position:relative;width:20%;height:100%;text-align:right;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;font-weight: 600;}
.tr_InfoBox_1 .infoarea_1 .Right_ip_1 {position:relative;width:40%;height:100%;text-align:right;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;padding-right:5%;font-weight:600;line-height: 1.1;}
.tr_InfoBox_1 .infoarea_1 .Right_ip .infott {font-size:12px;font-weight:500;padding-left:5px;}

.tr_InfoBox_1 .botbgcolor1_1 {background:#43B4E9;}
.tr_InfoBox_1 .botbgcolor1_2 {background:#41AAD9;}
.tr_InfoBox_1 .botbgcolor1_3 {background:#45bef9;}
.tr_InfoBox_1 .botbgcolor2_1 {background:#FFC405;}
.tr_InfoBox_1 .botbgcolor2_2 {background:#F2BA08;}
.tr_InfoBox_1 .botbgcolor2_3 {background:#E6B008;}
.tr_InfoBox_1 .botbgcolor3_1 {background:#41D5E2;}
.tr_InfoBox_1 .botbgcolor3_2 {background:#3ACDDB;}
.tr_InfoBox_1 .botbgcolor3_3 {background:#32C3D2;}
.tr_InfoBox_1 .botbgcolor4_1 {background:#FF5668;}
.tr_InfoBox_1 .botbgcolor4_2 {background:#eb4f5e;}
.tr_InfoBox_1 .infoarea_2_1 {position:relative;width:100%;height:33px;display:table;}
.tr_InfoBox_1 .infoarea_2_1 .Left_ip {position:relative;width:40%;height:100%;text-align:right;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;font-weight: 600;}
.tr_InfoBox_1 .infoarea_2_1 .Right_ip {position:relative;width:60%;height:100%;text-align:right;font-size: 1.8rem;color:#fff;display:table-cell;vertical-align:middle;padding-right:5%;font-weight:600;line-height: 1;}
.tr_InfoBox_1 .infoarea_2_1 .Left_ip_1 {position:relative;width:20%;height:100%;text-align:right;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;font-weight: 600;}
.tr_InfoBox_1 .infoarea_2_1 .Middle_ip_1 {position:relative;width:20%;height:100%;text-align:center;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;font-weight: 600;}
.tr_InfoBox_1 .infoarea_2_1 .Middle_ip_2 {position:relative;width:20%;height:100%;text-align:right;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;font-weight: 600;}
.tr_InfoBox_1 .infoarea_2_1 .Right_ip_1 {position:relative;width:40%;height:100%;text-align:right;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;padding-right:5%;font-weight:600;line-height: 1;}
.tr_InfoBox_1 .infoarea_2_2 {position:relative;width:100%;height:33px;display:table;}
.tr_InfoBox_1 .infoarea_2_2 .Left_ip {position:relative;width:40%;height:100%;text-align:right;font-size: 1.3rem;color:#fff;display:table-cell;vertical-align:middle;font-weight: 600;}
.tr_InfoBox_1 .infoarea_2_2 .Right_ip {position:relative;width:60%;height:100%;text-align:right;font-size: 1.8rem;color:#fff;display:table-cell;vertical-align:middle;padding-right:5%;font-weight:600;line-height: 1;}



.tr_GraphBox {position:relative;width:100%;height:225px;overflow:hidden;}
.tr_GraphBox img {width:auto;}

.tr_GraphBox_big {position:relative;width:100%;height:425px;overflow:hidden;}
.tr_GraphBox_big img {width:auto;}

.tr_GraphBox_aplist {position:relative;width:100%;height:300px;overflow:hidden;}
.tr_GraphBox_aplist img {width:auto;}

.tr_TableBox {position:relative;width:100%;overflow:hidden;}

.tableStyle_A {width:100%;margin: 0 auto;padding-bottom:1.6rem;overflow-y: auto;min-height: 210px;}
.tableStyle_A table {width:100%;}
.tableStyle_A table thead tr th {padding: 1rem ;font-size:1.3rem;color:#999999;text-align:center;background:#fff;line-height:1.2;border-bottom: 1px solid #ccc;height:2rem;font-weight:500;}
.tableStyle_A table tbody tr td {padding: 1rem 1rem;font-size:1.3rem;color:#666666;text-align:center;/*background:#fff*/;line-height:1.2;border-bottom: 1px solid #ccc;height: 2.6rem;font-weight:400;}
.tableStyle_A table tbody tr.tdbg td {background:#F6F6F6;}

.ac_system .tableStyle_A table tbody tr td {padding: 0.3rem 0.4rem;}


.tableStyle_App {width:100%;margin: 0 auto;padding-bottom:1.6rem;overflow-y: auto;min-height: 180px;max-height:280px;}
.tableStyle_App table {width:100%;}
.tableStyle_App table thead tr th {padding: 1rem ;font-size:1.3rem;color:#999999;text-align:center;background:#f5f5f5;line-height:1.2;border-bottom: 1px solid #ccc;height:2rem;font-weight:500;
border-right: 1px solid #ccc;}
.tableStyle_App table thead tr th:last-child {border-right:0;}
.tableStyle_App table tbody tr td {padding: 1rem 1rem;font-size:1.3rem;color:#666666;text-align:center;/*background:#fff*/;line-height:1.2;border-bottom: 1px solid #ccc;height: 2.6rem;font-weight:400;}
.tableStyle_App table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_App table tbody tr td i {cursor:pointer;}

.tableStyle_B {width:calc(100% - 32px);margin: 0 auto;padding-bottom:1.6rem;overflow-y: auto;}
.tableStyle_B table {width:100%;}
.tableStyle_B table thead tr th {padding: 1rem 0.5rem;font-size:1.3rem;color:#999999;text-align:center;background:#f6f6f6;line-height:1.2;border: 1px solid #ccc;height: 1rem;font-weight:500;min-width: 54px;}
.tableStyle_B table tbody tr td {padding: 1rem 1rem;font-size:1.3rem;color:#666666;text-align:center;/*background:#fff;*/line-height:1.2;border: 1px solid #ccc;height: 1rem;font-weight:400;}
.tableStyle_B table tbody tr.tdbg td {background:#F6F6F6;}
/*.tableStyle_B table tbody tr:hover td {background:#f5f5f5;cursor:pointer;}*/
.bgselect {background:#e9eef3 !important ;}

.tableStyle_B_tr {width:100%;margin: 0 auto;padding-bottom:1.6rem;overflow-y: auto;}
.tableStyle_B_tr table {width:100%;}
.tableStyle_B_tr table thead tr th {padding: 1rem 0.5rem;font-size:1.3rem;color:#999999;text-align:center;background:#f6f6f6;line-height:1.2;border: 1px solid #fff;height: 2.6rem;font-weight:500;}
.tableStyle_B_tr table tbody tr td {padding: 1rem 1rem;font-size:1.3rem;color:#666666;text-align:center;/*background:#f6f6f6*/;line-height:1.2;border: 1px solid #fff;height: 2.6rem;font-weight:400;}
/*.tableStyle_B_tr table tbody tr:hover td {background:#e8e8e8;}*/
.tableStyle_B_tr table tbody tr.tdbg td {background:#F6F6F6;}

.tableStyle_C {width:100%;margin: 0 auto;padding-bottom:1.6rem;overflow-y: auto;min-height: 210px;}
.tableStyle_C table {width:100%;}
.tableStyle_C table thead tr th {padding: 1rem ;font-size:1.3rem;color:#999999;text-align:left;background:#fff;line-height:1.2;border-bottom: 1px solid #ccc;height:2rem;font-weight:500;}
.tableStyle_C table tbody tr td {padding: 1rem 1rem;font-size:1.3rem;color:#666666;text-align:left;/*background:#fff;*/line-height:1.2;border-bottom: 1px solid #ccc;height: 2.6rem;font-weight:400;}
.tableStyle_C table tbody tr.tdbg td {background:#F6F6F6;}

.tableStyle_D {width:100%;margin: 0 auto;padding-bottom:1.6rem;overflow-y: auto;min-height: 210px;}
.tableStyle_D table {width:100%;}
.tableStyle_D table tbody tr th {padding: 1rem 1rem;font-size:1.4rem;color:#666666;text-align:center;background:none;line-height:1.2;border-bottom: 1px solid #ccc;height:2.6rem;font-weight:400;}
.tableStyle_D table tbody tr td {padding: 1rem 1rem;font-size:1.4rem;color:#999999;text-align:left;background:none;line-height:1.2;border-bottom: 1px solid #ccc;height: 2.6rem;font-weight:400;}
.tableStyle_D table tbody tr.tdbg td {background:#F6F6F6;}

.tableStyle_pp {width:100%;margin: 0 auto;overflow-y: auto;padding: 0.8rem 0 ;}
.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:right;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.2;height: 2.6rem;font-weight:400;}
.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_sv {width:100%;margin: 0 auto;overflow-y: auto;padding: 1rem 0;}
.tableStyle_sv table {width:100%;}
.tableStyle_sv 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_sv table tbody tr th {padding: 0.2rem;font-size:1.3rem;color: #999;text-align:right;background:none;line-height:1.2;height: 2rem;font-weight:500;}
.tableStyle_sv table tbody tr td {padding: 0 0.2rem;font-size:1.3rem;color:#666666;text-align:left;/*background:none*/;line-height:1.2;height: 2.6rem;font-weight:400;}

.tableStyle_sp {width:100%;margin: 0 auto;overflow-y: auto;padding: 0.8rem 0 ;}
.tableStyle_sp table {width:100%;}
.tableStyle_sp 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_sp table tbody tr th {padding: 0.4rem 0.4rem;font-size:1.3rem;color:#666666;text-align:right;background:none;line-height:1.2;height: 2.6rem;font-weight:500;}
.tableStyle_sp table tbody tr td {padding: 0.4rem 0.4rem;font-size:1.3rem;color:#666666;text-align:left;/*background:none*/;line-height:2;height: 2.6rem;font-weight:500;}
.tableStyle_sp table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_sp table tbody tr td span {width: 84px;display: inline-block;text-align: right;padding: 0 5px 0 0;letter-spacing:-0.02em;line-height:14px;vertical-align: middle;}
.tableStyle_sp.thcolor table tbody tr th {color:#2094fa;}
.tableStyle_sp td.tdthArea {color:#2094fa;text-align:center;padding-bottom:0;}

.tableStyle_sort {width:calc(100% - 32px);margin: 0 auto;padding-bottom:1.6rem;overflow-y: auto;}


table i {padding: 0  0.7rem;font-size: 1.8rem;position:relative;top:2px;color: #999999;}
table .icolor_Red {color:#ec2b31;}


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

.tableStyle_B {width:calc(100% - 20px);margin: 0 auto;padding-bottom:1rem;}

.tableStyle_sp table tbody tr td span {width: auto;display: inline-block;text-align: center;padding: 0 5px 0 0;}

}



/*login*/
.root_login {position:absolute;top:0;left:0;width:100%;height:100%;}
.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 #707070;border-radius: 20px;background:#f2485b;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:#2d364e;border-radius:10px;text-align:center;font-size: 1.8rem;font-weight:600;color:#f6495c;}
.loginArea p {font-size:1.4rem;color:#737474;font-weight:600;margin: 30px 0 0 0 ;}





/*tab*/

.boxin_tabArea {position:relative;width:100%;min-height:50px;}
.boxin_tabArea .tab_comp {position:relative;width:auto;max-width:400px;}
.boxin_tabArea .tab_comp .tabs {padding-left:0;}/*20200122추가*/
.boxin_tabArea .tab_comp ul {position:relative;height:100%;background:#f5f5f5;border-radius:10px;overflow: auto;border: 1px solid #ccc;box-sizing:border-box;width:100%;}
.boxin_tabArea .tab_comp ul li {position:relative;width: 25%;text-align:center;display: block;line-height: 3rem;padding: 1rem 0.5rem;font-size: 1.6rem;margin:0;
font-weight:600;color:#777;float: left;box-sizing:border-box;background:#F5F5F5;cursor:pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}/*20200122추가*/
.boxin_tabArea .tab_comp ul li:last-child {border:0;}

.boxin_tabArea .tab_comp ul li.tabwidth50 {width:50%;}
.boxin_tabArea .tab_comp ul li.tabwidth16 {width:16.6666%;}
.boxin_tabArea .tab_comp ul li.tabwidth20 {width:20%;}
.boxin_tabArea .tab_comp ul li.tabwidth33 {width:33.3333%;}
.boxin_tabArea .tab_comp ul li.tabwidth10 {width:10%;}

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

.boxin_tabArea .tab_comp ul li.tabwidth10 {width:20%;}

}



ul.tabs li:hover {color:#555555;background:#e2e2e2;}
ul.tabs li.current{background:#2094FA;color:#666666;}
ul.tabs li.current a {color:#fff;}
.tab-content{display: none;background: #fff;}
.tab-content.current{display: inherit;}

ul.tabs2 li:hover {color:#555555;background:#e2e2e2;}
ul.tabs2 li.current{background:#2094FA;color:#fff;}
ul.tabs2 li.current a {color:#fff;}
.tab-content2{display: none;background: #fff;}
.tab-content2.current{display: inherit;}

ul.tabs3 li:hover {color:#555555;background:#e2e2e2;}
ul.tabs3 li.current{background:#2094FA;color:#fff;}
ul.tabs3 li.current a {color:#fff;}
.tab-content3{display: none;background: #fff;}
.tab-content3.current{display: inherit;}

ul.tabs4 li:hover {color:#555555;background:#e2e2e2;}
ul.tabs4 li.current{background:#2094FA;color:#fff;}
ul.tabs4 li.current a {color:#fff;}
.tab-content4{display: none;background: #fff;}
.tab-content4.current{display: inherit;}

ul.tabs5 li:hover {color:#555555;background:#e2e2e2;}
ul.tabs5 li.current{background:#2094FA;color:#fff;}
ul.tabs5 li.current a {color:#fff;}
.tab-content5{display: none;background: #fff;}
.tab-content5.current{display: inherit;}


/*subtab*/


.boxin_tabArea_sub {position:relative;width:100%;}
.boxin_tabArea_sub .tab_comp {position:relative;width:auto;max-width:600px;}
.boxin_tabArea_sub .tab_comp ul {position:relative;height:100%;background:#ccc;border-radius:10px;overflow: hidden;border: 1px solid #ccc;box-sizing:border-box;width:100%;}
.boxin_tabArea_sub .tab_comp ul li {position:relative;width: 20%;text-align:center;display: block;padding: 1rem 0.5rem;font-size: 1.3rem;font-weight:600;color: #fff;float: left;
box-sizing:border-box;background: #cccccc;cursor:pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.boxin_tabArea_sub .tab_comp ul li:last-child {border:0;}

.boxin_tabArea_sub .tab_comp ul li.tabwidth11 {width:11.111%;}
.boxin_tabArea_sub .tab_comp ul li.tabwidth12 {width:12.5%;}
.boxin_tabArea_sub .tab_comp ul li.tabwidth50 {width:50%;}
.boxin_tabArea_sub .tab_comp ul li.tabwidth25 {width:25%;}

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

.boxin_tabArea_sub {position:relative;width:100%;}
.boxin_tabArea_sub .tab_comp {position:relative;width:auto;max-width:600px;}
.boxin_tabArea_sub .tab_comp ul {position:relative;height:100%;background:#ccc;border-radius:10px;overflow: hidden;border: 1px solid #ccc;box-sizing:border-box;width:100%;}
.boxin_tabArea_sub .tab_comp ul li {position:relative;width: 33.3333%;text-align:center;display: block;padding: 1rem 0.5rem;font-size: 1.3rem;font-weight:600;color: #fff;float: left;
box-sizing:border-box;background: #cccccc;cursor:pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.boxin_tabArea_sub .tab_comp ul li:last-child {border:0;}

.boxin_tabArea_sub .tab_comp ul li.tabwidth11 {width:33.3333%;}
.boxin_tabArea_sub .tab_comp ul li.tabwidth12 {width:25%;}

}


ul.tabs_sub1 li:hover {color:#fff;background:#aaa;}
ul.tabs_sub1 li a {color:#fff;vertical-align: middle;}
ul.tabs_sub1 li.current{background:#f5f5f5;color:#666;}
ul.tabs_sub1 li.current a {color:#666;}
.tab-content_sub1{display: none;background: #fff;}
.tab-content_sub1.current{display: inherit;}

ul.tabs_sub2 li:hover {color:#fff;background:#aaa;}
ul.tabs_sub2 li a {color:#fff;vertical-align: middle;}
ul.tabs_sub2 li.current{background:#f5f5f5;color:#666;}
ul.tabs_sub2 li.current a {color:#666;}
.tab-content_sub2{display: none;background: #fff;}
.tab-content_sub2.current{display: inherit;}

ul.tabs_sub3 li:hover {color:#fff;background:#aaa;}
ul.tabs_sub3 li a {color:#fff;vertical-align: middle;}
ul.tabs_sub3 li.current{background:#f5f5f5;color:#666;}
ul.tabs_sub3 li.current a {color:#666;}
.tab-content_sub3{display: none;background: #fff;}
.tab-content_sub3.current{display: inherit;}

ul.tabs_sub4 li:hover {color:#fff;background:#aaa;}
ul.tabs_sub4 li a {color:#fff;vertical-align: middle;}
ul.tabs_sub4 li.current{background:#f5f5f5;color:#666;}
ul.tabs_sub4 li.current a {color:#666;}
.tab-content_sub4{display: none;background: #fff;}
.tab-content_sub4.current{display: inherit;}



/*영역사이징*/




.content_Area {position:relative;padding: 8px ;overflow: auto;}
.content_sideBox {position:relative;margin: 8px;border: 1px solid #ccc;border-radius:10px;background:#fff;box-sizing:border-box;float:left;min-height:40px;font-size:1.3rem;color:#666;}
.content_InBox {width: calc(100% - 16px);padding: 8px;overflow:auto;}
.bottomline {border-bottom: 1px solid #ccc;}
.topline {border-top: 1px solid #ccc;}
.card {position:relative;width: calc(100% - 16px);margin: 8px;}
.box_border {border: 1px solid #ccc;background:#ffffff;border-radius:6px;box-sizing: border-box;overflow: hidden;}
.box_border_blue {border: 1px solid #1393e6 ; background:#ffffff;border-radius:6px;box-sizing: border-box;}

.bg_gray1 {background:#f5f5f5 !important;}
.bg_deepblue1 {background:#3d73dd !important;}

.cardwidth10 {width:calc(10% - 16px);float:left;overflow: hidden;}/*10%*/
.cardwidth20 {width:calc(20% - 16px);float:left;overflow: hidden;}
.cardwidth20_fix {width:calc(20% - 16px);float:left;overflow: hidden;}
.cardwidth25 {width:calc(25% - 16px);float:left;overflow: hidden;}
.cardwidth25_fix {width:calc(25% - 16px);float:left;overflow: hidden;}
.cardwidth30 {width:calc(30% - 16px);float:left;overflow: hidden;}
.cardwidth33 {width:calc(33.333% - 16px);float:left;overflow: hidden;}
.cardwidth33_nomal {width:calc(33.333% - 16px);float:left;overflow: hidden;}
.cardwidth33_fix {width:calc(33.333% - 16px);float:left;overflow: hidden;}
.cardwidth40 {width:calc(40% - 16px);float:left;overflow: hidden;}
.cardwidth45 {width:calc(45% - 16px);float:left;overflow: hidden;}
.cardwidth50 {width:calc(50% - 16px);float:left;overflow: hidden;}
.cardwidth60 {width:calc(60% - 16px);float:left;overflow: hidden;}
.cardwidth70 {width:calc(70% - 16px);float:left;overflow: hidden;}
.cardwidth80 {width:calc(80% - 16px);float:left;overflow: hidden;}
.cardwidth90 {width:calc(90% - 16px);float:left;overflow: hidden;}
.cardwidth100 {width:calc(100% - 16px);float:left;overflow: hidden;}


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

.content_InBox > .cardwidth20 {width:calc(50% - 16px);float:left;overflow: hidden;}
.content_InBox > .cardwidth25 {width:calc(50% - 16px);float:left;overflow: hidden;}
.content_InBox > .cardwidth33 {width:calc(50% - 16px);float:left;overflow: hidden;}

.content_InBox > .cardwidthreal33 {width:calc(33.333% - 16px);float:left;overflow: hidden;}

.w_change100 {width:calc(100% - 16px);float:left;}
/*.cardwidth33_nomal {width:calc(100% - 10px);float:left;}*/
.cardwidth20_fix {width:calc(20% - 16px);float:left;overflow: hidden;}
.cardwidth25_fix {width:calc(25% - 16px);float:left;overflow: hidden;}
.cardwidth33_fix {width:calc(33.333% - 16px);float:left;overflow: hidden;}

}



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

.content_Area {position:relative;padding: 5px ;overflow: auto;}
.content_sideBox {position:relative;margin: 5px;border: 1px solid #ccc;border-radius:10px;background:#fff;box-sizing:border-box;float:left;min-height:40px;font-size:1.3rem;color:#666;}
.content_InBox {width: calc(100% - 10px);padding: 5px;overflow:auto;}
.content_InBox.botline {border-bottom: 1px solid #ccc;}
.card {position:relative;width: calc(100% - 10px);margin: 5px;}
.box_border {border: 1px solid #ccc ; background:#ffffff;border-radius:10px;box-sizing: border-box;}


.cardwidth10 {width:calc(100% - 10px);float:left;}
.cardwidth20 {width:calc(100% - 10px);float:left;}
.cardwidth20_fix {width:calc(100% - 10px);float:left;overflow: hidden;}
.cardwidth25 {width:calc(100% - 10px);float:left;}
.cardwidth25_fix {width:calc(100% - 10px);float:left;overflow: hidden;}
.cardwidth30 {width:calc(100% - 10px);float:left;}
.cardwidth33 {width:calc(100% - 10px);float:left;}
.cardwidth33_fix {width:calc(100% - 10px);float:left;overflow: hidden;}
.cardwidth40 {width:calc(100% - 10px);float:left;}
.cardwidth45 {width:calc(100% - 10px);float:left;}
.cardwidth50 {width:calc(100% - 10px);float:left;}
.cardwidth60 {width:calc(100% - 10px);float:left;}
.cardwidth70 {width:calc(100% - 10px);float:left;}
.cardwidth80 {width:calc(100% - 10px);float:left;}
.cardwidth90 {width:calc(100% - 10px);float:left;}
.cardwidth100 {width:calc(100% - 10px);float:left;}

.content_InBox > .cardwidth20 {width:calc(100% - 10px);float:left;}
.content_InBox > .cardwidth25 {width:calc(100% - 10px);float:left;}
.content_InBox > .cardwidth33 {width:calc(100% - 10px);float:left;}



}




/*장비 레이어*/
.bt_layer {width:200px;}
.bt_layer .title {width:45px;line-height:32px;font-size: 13px;color:#999999; float: left;}
.bt_layer input[type=checkbox] { display:none; }
.bt_layer input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    line-height: 30px;
    padding-left: 40px;
    background: url('../images/check_off.svg') left/40px no-repeat;
    color:#ffffff;
}
.bt_layer input[type=checkbox]:checked + label { background-image: url('../images/check_on.svg');color:#ffffff;}



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





/*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;}
.popup .popup_content {position:relative;top:10%;margin: 0 auto 5rem;min-height:200px;background: #fff;border-radius: 10px;overflow: hidden;}

.popup .popup_content.popwidth1100 {width:1100px;margin: 0 auto 40px;}
.popup .popup_content.popwidth800 {width:800px;margin: 0 auto 40px;}
.popup .popup_content.popwidth600 {width:600px;margin: 0 auto 40px;}
.popup .popup_content.popwidth520 {width:520px;margin: 0 auto 40px;}

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

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

}




/*map*/

.map_section {height:950px;width:100%;}
.map_section .map_Area {left:0;width:100%;height:100%;overflow:hidden;}

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

.map_section {height:500px;width:100%;}
.map_section .map_Area {left:0;width:100%;height:100%;overflow:hidden;}

}



/*달력,시간설정*/

.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:80%;margin: 0 auto;text-align: center;padding: 20px 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:#222222;line-height:1.5;}

.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 {/*display:block*/;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;}




.move_Area {position:absolute;top:0;left:0;width:100%;height:100%;}
.move_Area .moveBt {position:absolute;top:40%;left:50%;width: 50px;margin-left: -25px;cursor:pointer;margin-top:-20px;}

.move_Area .moveBt_1 {position:absolute;top:40%;left:50%;width: 50px;margin-left: -25px;cursor:pointer;margin-top:-30px;}
.move_Area .moveBt_2 {position:absolute;top:40%;left:50%;width: 50px;margin-left: -25px;cursor:pointer;margin-top:+30px;}

.move_Area .moveBt_3 {position:absolute;top:40%;left:50%;width: 50px;margin-left: -60px;cursor:pointer;margin-top:-20px;}
.move_Area .moveBt_4 {position:absolute;top:40%;left:50%;width: 50px;margin-left: 10px;cursor:pointer;margin-top:-20px;}



/*ac*/

.serverInforArea {position:relative;width:100%;height: 190px;background:#f5f5f5;border-radius:10px;overflow:hidden;}
.serverInforArea .server_condition {position:absolute;top:0;left:0;width: 118px;height:100%;border-radius:10px;background: #f5f5f5;text-align:center;}
.serverInforArea .server_condition .img_server {margin: 0 auto;position:relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);max-width: 160px;}
.serverInforArea .serverInfo_table {position:absolute;top:0;left: 118px;width: calc(100% - 118px);height:100%;overflow:auto;}

.server_control {position:relative;width:100%;height: 5rem;padding: 1.8rem 1.2rem 2.4rem;display:table;box-sizing: border-box;text-align:center;}
.server_control .svIF_box {position:relative;display:table-cell;float:center;font-size:1.3rem;}
.server_control .svIF_box .btset {position:relative;display:table-cell;vertical-align: middle;height:3rem;text-align:right;padding: 0.6rem 0;font-size:1.3rem;color:#999;}



.server_insert {position:relative;width:100%;clear:both;overflow:auto;}
.server_insert .port_box {position:relative;width:calc(33.333% - 16px);height: 70px;float:left;margin: 8px;background:#d8d8d8;border-radius:10px;}
.server_insert .port_box .port_view {position:relative;width: 82%;margin: 0 auto;height: 70px;max-width:150px;}
.server_insert .port_box .port_view .portImg {position:relative;width: 47%;height: 70px;margin: 0 1.5%;float:left;text-align: center;}
.server_insert .port_box .port_view .portImg .img_lan {width:100%;margin: 0 auto;position:relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);max-width:60px;}


.serverInforArea2 {position:relative;width:100%;height:110px;}
.serverInforArea2 .Cpu_Area {position:relative;height:110px;margin:8px;background:#f5f5f5;float:left;}
.serverInforArea2 .Cpu_Area .img_sect {position:relative;width:100px;height:110px;text-align:center;float:left;}
.serverInforArea2 .Cpu_Area .img_sect .img_cpu {width:100%;margin: 0 auto;position:relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);max-width:50px;}
.serverInforArea2 .Cpu_Area .graph_sect {position:relative;width:calc(100% - 100px);height:110px;text-align:center;float:left;overflow:hidden;}

.serverInforArea2 .MEM_Area {position:relative;height:110px;margin:8px;background:#f5f5f5;float:left;}
.serverInforArea2 .MEM_Area .img_sect {position:relative;width:100px;height:110px;text-align:center;float:left;}
.serverInforArea2 .MEM_Area .img_sect .img_mem {width:100%;margin: 0 auto;position:relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);max-width:50px;}
.serverInforArea2 .MEM_Area .graph_sect {position:relative;width:calc(50% - 50px);height:110px;text-align:center;float:left;overflow:hidden;}
.serverInforArea2 .MEM_Area .graph_data {position:relative;width:calc(50% - 50px);height:110px;text-align:center;float:left;overflow:auto;}



/*Statistics */

.WlanSelecBox {position:relative;width: 360px;/* padding: 0.4rem; */border-radius:4px;border: 1px solid #d9d9d9;background:#fff;min-height: 2rem;overflow: hidden;box-sizing: border-box;}
.WlanSelecBox .ListBox {width: calc(100% - 28px);height:100%;padding: 0.4rem;overflow:auto;max-height: 150px;box-sizing: border-box;}

.WlanSelecBox .ListBox ul > li {float:left;position: relative;margin: 3px;}
.WlanSelecBox .ListBox ul > li span {padding: 0.5rem !important;border: 1px solid #bee6ff;background: #e6f7ff;color: #309be7;border-radius:4px;font-size:13px !important;cursor:pointer;display: inline-block;}
.WlanSelecBox .ListBox ul > li span:hover {border: 1px solid #99c9e6;}
.WlanSelecBox .ListBox ul > li span > i {font-size: 1rem;margin: 0 0 0 10px;}
.WlanSelecBox .ListBox ul > li span > i:hover {color:#000;}

.WlanSelecBox .selectBtn {position:absolute;top:0;right: 0px;width: 28px;height: 100%;cursor:pointer;background: #f4f4f4;}
.WlanSelecBox .selectBtn:hover {background:#e6f7ff;}
.WlanSelecBox .selectBtn > img {position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); }


.lanListBox {position:absolute;top: calc(100% - 1px);left:0;width:358px;max-height: 147px;border-radius:0px;border: 1px solid #86c9f3;background:#fff;z-index: 1;overflow: auto;}
.lanListBox > ul > li {position:relative;width:100%;padding: 1rem 1.3rem;line-height:1.3;font-size:1.3rem;color:#666;border-bottom: 1px solid #bee6ff;box-sizing:border-box;cursor:pointer;}
.lanListBox > ul > li:last-child {border:0;}
.lanListBox > ul > li:hover {background:#e6f7ff;color:#666;}



/*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: 540px) {

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


/*20200217추가*/
.tree_title {
    padding: 0 0 0 2.3rem;
    background: url(../images/icon_folder1.png) no-repeat -1px 6px;
    background-size: 1.8rem;
    line-height: 3rem;
    font-size: 1.5rem;
    font-weight: 400;
    margin-left: 10px;
    }

.leftMenuOnoff {position:fixed;bottom: 18px;left: 22px;width: 40px;z-index: 10000;opacity: 1;cursor:pointer;display:block;}

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

.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: 540px) {
.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", 'Nanum Barun Gothic', dotum,"돋움", sans-serif;
    line-height: 19px;
    font-size: 15px;
    color:#444444;
    overflow:auto;
    box-sizing: border-box;
    padding: 10px;}