@charset "utf-8";

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

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:13px;color:#444;}

body
{
    font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif;
    font-size:10px;
    line-height:1.4;
    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}


::-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", 'Noto Sans KR', dotum,"돋움", sans-serif;}

/*Font*/

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

input[type="text"] {font-size: 14px;font-weight:400;color:#444444;border-radius:4px;border: 1px solid #d6d9e3;padding: 7px 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: 16px;min-width:60px;vertical-align: middle;}
input[type="text"]:focus {border: 1px solid #72bdff;background:#fff;}

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

input[type="password"] {font-size:14px;font-weight:400;color:#444444;border-radius:4px;border: 1px solid #d9d9d9;padding: 7px 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; vertical-align: middle;}
input[type="password"]:focus {border: 1px solid #72bdff;background:#fff;}
table input[type="password"] {margin:0;}

.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 {display:inline-block;margin: 4px 2px;cursor:pointer;font-size:14px;}
input[type="radio"] + label span {
    display:inline-block;
    width:18px;
    height:18px;
    margin: -3px -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;cursor:pointer;}
label {margin: 1px 0 0 1px;font-size:14px;cursor:pointer;line-height: 1.2;}
input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

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

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

.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: 2px;text-align: center;}
.filebox_btn {display: inline-block;}
.filebox_btn label:hover {background-color: #f2f2f2;}

.file_list_area {display: inline-block;}
.file_list_area .file_info_box {display: inline-block;font-size:13px;font-weight:400;color: #0f7ddd;line-height:1.2;padding: 4px 10px 4px 12px;border: 1px solid #78c0ff;
border-radius: 4px;margin: 2px;vertical-align: middle;background-color: #fff;}
.file_list_area .file_info_box i {font-size: 15px;margin: 0 0 0 6px;position:relative;top:2px;cursor:pointer;color: #a5a5a5;}
.file_list_area .file_info_box i:hover {color:#ff3b3b;}

.file_list_area .file_down_box {display: inline-block;font-size:13px;font-weight:400;color: #0f7ddd;line-height:1.2;padding: 4px 10px 4px 12px;border: 1px solid #78c0ff;
border-radius: 4px;margin: 2px;vertical-align: middle;background-color: #fff;cursor:pointer;}
.file_list_area .file_down_box:hover {background-color: #e7f2fc;}
.file_list_area .file_down_box i {font-size:15px;margin: 0 0 0 6px;position:relative;top:2px;cursor:pointer;color:#3b69ff;}

.tag_list_area {display: inline-block;}
.tag_list_area .tag_info_box {display: inline-block;font-size:13px;font-weight:400;color: #4a4a4a;line-height:1.2;padding: 5px 12px 5px 12px;border: 1px solid #b0becb;border-radius: 4px;margin: 2px;vertical-align: middle;background-color: #ffffff;cursor:pointer;}
.tag_list_area .tag_info_box:hover {background-color: #f2f2f2;}


.dropBtn {position:relative;display: inline-block;}
.dropBtn button {position:relative;padding: 8px 28px 8px 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: 2px;left: auto;right: 6px;font-size: 13px;text-indent: 0;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 30px !important;font-size:14px;margin: 2px 4px;}
.dropBtn .btn_small {padding: 7px 26px 7px 14px !important;font-size:13px;margin: 2px 2px;font-weight: 500;}
.dropBtn .btn_simple {padding: 4px 27px 5px 9px !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;}



button {border-radius:4px;background:#999;color:#fff;padding: 10px 20px;margin: 2px 2px;border: 0;font-size: 14px;font-weight: 500;word-break: keep-all;font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif;box-sizing: border-box;line-height: 16px;vertical-align: middle;transition: all .03s ease-in-out;text-indent: 0;}
button.btn_large {padding: 12px 30px !important;font-size: 18px;margin: 2px 2px;font-weight: 500;line-height:21px;}
button.btn_small {padding: 7px 14px !important;font-size: 14px;margin: 2px 2px;font-weight: 400;line-height:16px;}
button.btn_simple {padding: 5px 9px !important;font-size: 12px;margin: 1px 2px;font-weight: 400;line-height:14px;}
button.btn_icon {padding: 3px 5px !important;font-size: 11px;margin: 1px 2px;font-weight: 400;line-height: 13px;background: #cecece;}


button i {font-size: 13px;line-height: 15px;padding: 0 4px 0 0;vertical-align: middle;display: inline-block;position:relative;top: -0.06rem;}
.btn_large i {font-size: 16px;line-height: 21px;}
.btn_small i {font-size: 12px;line-height: 15px;}
.btn_simple i {font-size: 10px;line-height: 12px;}
.btn_icon i {font-size: 9px;line-height: 9px;padding: 0 2px 0 0;}


.btn_large.btn_icon_only {padding-left: 14px !important;padding-right: 14px !important;}
.btn_large.btn_icon_only i {padding-right: 0px;vertical-align:middle;font-size: 22px;line-height: 19px;}

.btn_icon_only {padding-left: 11px !important;padding-right: 11px !important;}
.btn_icon_only i {padding-right: 0px;vertical-align: middle;font-size: 17px;line-height: 15px;}

.btn_small.btn_icon_only {padding-left:9px !important;padding-right:9px !important;}
.btn_small.btn_icon_only i {padding-right: 0px;vertical-align: middle;font-size: 14px;line-height: 14px;}

.btn_simple.btn_icon_only {padding-left: 7px !important;padding-right: 7px !important;}
.btn_simple.btn_icon_only i {padding-right: 0px;vertical-align: middle;font-size: 11px;line-height: 12px;}



.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: #ff8d00;border: 1px solid #ff8d00;}
.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_white i {color:#777777;}

.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_light-gray {background:#ebebeb;color:#9e9e9e;border: 1px solid #ebebeb;}
.btn_light-gray: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_nocolor {background: none;color:#666666;border: 1px solid rgba(0,0,0,0);}
.btn_nocolor:hover {background: #f5f5f5;color:#444444;border: 1px solid #f5f5f5;}

.btn_off {background:#d8d8d8;}

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


select {
 border-radius:4px;
 background:#fff;
 color:#444444;
 padding: 7px 25px 7px 7px;
 margin: 0 2px;
 border: 1px solid #d6d9e3;
 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 6px;
 line-height: 16px;
 vertical-align: middle;
 }

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

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

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

.maxwidth60 {width:100%;max-width:60px;}
.maxwidth80 {width:100%;max-width:80px;}
.maxwidth100 {width:100%;max-width:100px;}
.maxwidth120 {width:100%;max-width:120px;}
.maxwidth150 {width:100%;max-width:150px;}
.maxwidth200 {width:100%;max-width:200px;}
.maxwidth250 {width:100%;max-width:250px;}
.maxwidth300 {width:100%;max-width:300px;}
.maxwidth400 {width:100%;max-width:400px;}
.maxwidth500 {width:100%;max-width:500px;}

.alignleft {text-align:left !important;}
.alignright {text-align:right !important;}

.ar_label_box {display: inline-block;padding: 4px 8px 5px;font-size: 11px;color:#fff;font-weight:400;background: #ff6354;border-radius: 4px;line-height: 13px;vertical-align: middle;margin: 2px 2px;text-indent: 0;}
.ar_label_box.large_box {padding: 6px 13px;font-size: 13px;color:#fff;font-weight: 400;background: #ff6354;border-radius: 4px;line-height: 15px;vertical-align: middle;}

.ar_label_box.red {background: #ff6354;}
.ar_label_box.blue {background: #1ba9ff;}
.ar_label_box.yellow {background: #fbc700;}
.ar_label_box.orange {background: #ff8a22;}
.ar_label_box.blue2 {background: #5b85ff;}
.ar_label_box.purple {background: #d85bff;}
.ar_label_box.green {background: #07bd9d;}
.ar_label_box.gray1 {background: #838383;}
.ar_label_box.gray2 {background: #b9b9b9;}

/*body*/

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

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

.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: 49px;background: #ffffff;top: 0;left: 0;z-index: 20;border-bottom: 1px solid #e4e8eb;}
.login_top h1 {padding: 0 0 0 0;display:inline-block;}
.login_top h1 img {padding: 0 8px 0 0;width:auto;height:30px;}
.login_top h1 .company_name {color: #414141;font-size:19px;font-weight: 600;}
.login_top h1 span {position: relative; top: 4px;font-size: 15px;color: #dcdcdc;}

.login_top .top_menu {display:inline-block;margin-left: 33px;color:#fff;}
.login_top .top_menu ul {width:100%;}
.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: 13px;color: #878787;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;color: #878787;}
.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 #e4e8eb;border-radius: 7px;overflow:hidden;padding: 5px 0;background: #fff;box-shadow: 6px 8px 33px -29px #000000;}
.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;background:#fff;text-align: left;}
.top_user  .user_option ul li i {padding-right:5px;vertical-align: middle;}
.top_user  .user_option ul li:hover {background: #f1f5f7;border-radius: 4px;}
.top_user  .user_option ul li a {color: #7794af;display: block;font-weight: 400;line-height: 1.1;}

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


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

  .login_top {position: fixed;width:100%;height: 49px;background: #ffffff;top: 0;left: 0;z-index: 100;border-bottom: 1px solid #e4e8eb;}
  .login_top h1 {padding: 8px 0 0 50px;}
  .login_top h1 img {padding: 0 7px 0 0;width:auto;height: 25px;}
  .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: 50px;}
  .MobMenuBtn img {width:100%;}
  .MobMenuBtnClose {background: url(../images/pop_closeBtn.png) no-repeat ;}

}

/*header*/





/*nav*/

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

.left_menu {position:fixed;top:50px;left:0;width: 220px;height:calc(100% - 50px);background: #fff;display: block;transition: all 0.3s ease-in-out;z-index:100;border-right: 1px solid #e6eaed;overflow: auto;}
.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: 6px 0 6px 14px;font-weight: 500;color: #b1b1b1;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;width: 93%;margin: 0 3.5%;}
#lnb > ul > li.on.noDepth a {color: #ffffff;background: #40a5ff;border-radius: 5px;}
#lnb > ul > li.on > a {background: #ffffff;color: #3a8bdd;}
#lnb > ul > li > a {display: block;width: 100%;padding: 14px 0;margin: 0 auto;font-size: 14px;font-weight: 500;background: #ffffff;border-radius: 5px;text-indent: 7px;color: #777777;transition: all .1s ease-in-out;white-space: nowrap;line-height: 16px;vertical-align: middle;}
#lnb > ul > li > a i.arrow {position:absolute;top: 16px;left:auto;right: 8px;font-size: 14px;text-indent: 0;color: #c5c5c5;}
#lnb > ul > li a:hover {color: #277cc7;background: #edf4fb;}
#lnb > ul > li.on a i.arrow {transform: rotate(-180deg);margin-top: 0px;}
#lnb > ul > li .mnicon_1 {position: relative;top: 1px;transition: all .1s ease-in-out;font-size: 15px;padding: 0 8px 0 0;opacity: 0.7;}

#lnb > ul > li > ul {display: none;background: #eaf5ff;border-radius: 5px;}
#lnb > ul > li > ul > li {position:relative;cursor:pointer;}
#lnb > ul > li > ul > li > a {display: block;padding: 10px 0;font-size: 13px;text-indent:30px;font-weight: 400;color: #6387ad;background-color: #eaf5ff;border-radius: 5px;letter-spacing: -0.02em;}
#lnb > ul > li > ul > li > a i {font-size: 16px;padding: 0 10px 0 0;position: relative;top: 3px;}
#lnb > ul > li > ul > li > a i.right {font-size: 11px;padding: 0 0 0 2px;position: relative;top: 1px;}
#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: #ffffff;background: #2c94ff;}
#lnb > ul > li > ul > li a:hover {color: #227fd2;background: #deeefd;}
#lnb > ul > li > ul > li.on a:hover {color: #ffffff;background: #40a5ff;}


.left_menu.ss_menu {width: 70px;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: 69px;-webkit-transition: all .15s ease-in-out;transition: all .15s ease-in-out;margin: 5px 0;}
.left_menu.ss_menu #lnb > ul > li:hover {width: 270px;}
.left_menu.ss_menu #lnb > ul > li:hover a {background: #2094fa;color:#fff;}
.left_menu.ss_menu #lnb > ul > li > a {display: block;width: 100%;padding: 12px 0;margin: 0 auto;color: inherit;font-size: 15px;font-weight: 400;background: #ffffff;border-radius: 0;text-indent: 25px;color: #666666;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;overflow: hidden;position: relative;line-height: 1;}
.left_menu.ss_menu #lnb > ul > li > a i.arrow {position:absolute;top:14px;left: 220px;right:auto;text-indent: 0;display:none;}
.left_menu.ss_menu #lnb > ul > li a:hover {color: #ffffff;background-color: #2094fa;}
.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.10px;-webkit-transition: all .1s ease-in-out;transition: all .2s ease-in-out;font-size: 18px;padding: 0 40px 0 0;}
.left_menu.ss_menu #lnb > ul > li:hover .mnicon_1 {padding: 0 12px 0 0;}

.left_menu.ss_menu #lnb > ul > li > ul {display: none !important;position:absolute;top: 100%;left: 70px;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: 200px;}
.left_menu.ss_menu #lnb > ul > li > ul > li > a {display: block;padding: 11px 0;font-size: 13px;text-indent: 24px;font-weight: 400;color: #999;background-color: #fff;border-radius: 0;}
.left_menu.ss_menu #lnb > ul > li:hover > ul > li > a {background-color: #2081d6;}
.left_menu.ss_menu #lnb > ul > li > ul > li > a i {font-size: 16px;padding: 0 10px 0 0;position: relative;top: 3px;}
.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: #2374bb;}
.left_menu.ss_menu #lnb > ul > li > ul > li a:hover {color: #fff; background: #1b66a7; }

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

.left_menu {display:none;}
.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;}
.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: 23px;color: #fff;}

.left_menu #lnb {position: relative;width: calc(100% - 71px);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 {
    background: #fff;
}
.left_menu #lnb > ul > li {position:relative;width: 94%;margin: 0 3%;}
.left_menu #lnb > ul > li.on.noDepth a {}
.left_menu #lnb > ul > li > a {display: block;width: 100%;padding: 13px 0;margin: 0 auto;color: inherit;font-size: 14px;font-weight: 500;background: #ffffff;border-radius: 0;text-indent: 15px;color: #666666;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.left_menu #lnb > ul > li > a i.arrow {position:absolute;top: 16px;right: 24px;font-size: 16px;text-indent: 0;}
.left_menu #lnb > ul > li a:hover {color: #666666; background-color: #fff;}
.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: 3px;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;font-size: 16px;padding: 0 10px 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: 15px 0;font-size: 13px;text-indent: 42px;font-weight: 500;color: #777;background-color: #eaf5ff;}
.left_menu #lnb > ul > li > ul > li > a i {font-size:20px;padding: 0 10px 0 0;position: relative;top: 3px;}
.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 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: 17px;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: 17px;color:#666;font-weight: 600;}

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

/*common*/


.content_St {position: relative;margin-left: 220px;padding-top: 0px;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:70px;width:calc(100% - 70px);}
.content_St.normal {margin-left:220px;width:calc(100% - 70px);}

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

.left_menu {-webkit-transition:none;transition:none;}
.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 {position: relative;margin-left:0 !important;padding-top:0px;transition:none;height: calc(100% - 50px);top: 50px;width: 100% !important;min-width: auto;}

}

.page_titleBar {position: relative;width: 100%;max-width: 1700px;display: table;z-index: 1;box-sizing: border-box;padding: 20px 20px 6px;margin:  0 auto;}
.page_titleBar h2 {font-size: 23px;color: #4c5e6f;position: relative;display: inline-block;vertical-align: bottom;letter-spacing: -0.02em;line-height: 1.2;font-weight: 600;}
.page_titleBar h3 {padding: 0 0 0 0;font-size: 18px;color: #4c4c4c;position: relative;display: inline-block;font-weight: 600;vertical-align: bottom;line-height: 1.2;}
.page_titleBar span {display: inline-block;padding: 0px 7px;font-size: 16px;color:#666666;vertical-align: bottom;}


.page_titleBar .R_navBox {position:absolute;top:0;right:20px;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: 100%;display: table;z-index: 1;box-sizing: border-box;line-height: 1.2;padding: 15px 15px 5px;}
.page_titleBar h2 {font-size: 16px;color: #606060;position: relative;display: inline-block;vertical-align: bottom;}
.page_titleBar h3 {padding: 0 0 0 0;font-size: 13px;color:#666666;position: relative;display: inline-block;vertical-align: bottom;}
.page_titleBar span {display: inline-block;padding: 0px 0.7em;font-size: 13px;color:#666666;vertical-align: bottom;}

.page_titleBar .R_navBox {position:absolute;top:0;right:20px;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;}

}

/*Title*/

.card_title {position:relative;width: calc(100% + 12px);min-height: 50px;padding: 8px 7px;display:table;box-sizing: border-box;margin: -6px 0 6px -12px;border-radius: 5px 5px 0 0;transform: translateX(6px);z-index: 1;}
.card_title h3 {width: auto;display: inline-block;vertical-align: middle;font-size: 18px;color: #4d4d4d;font-weight: 500;line-height:1.3;padding: 5px 0;}
.card_title h4 {width: auto;display: inline-block;vertical-align: middle;font-size: 15px;color:#666;font-weight:500;line-height:1.3;padding: 3px 0;}
.card_title h5 {width: auto;display: inline-block;vertical-align: middle;font-size: 13px;color:#777;font-weight:500;line-height:1.3;}
.card_title .leftArea {display: table-cell;text-align: left;width: auto;vertical-align: middle;margin: 0;font-size:13px;color:#666;padding: 0 6px;}
.card_title .rightArea {display: table-cell;text-align: right;width: auto;vertical-align: middle;margin: 0;font-size:13px;color:#666;}
.card_title .subtitle {display:block;font-size: 12px;color: #737373;font-weight: 400;line-height: 1.2;padding: 2px 0;}
.card_title .sub_script_t {display:block;font-size: 12px;color: #737373;font-weight: 400;line-height: 1.2;padding: 2px 0;}
.card_title button, input, select {margin: 2px 2px !important ;}
.card_title span {vertical-align: middle;}

.card_title .userimg {position:relative;width: 28px;height: 28px;background:#999;overflow:hidden;border-radius:15px;display:inline-block;vertical-align: middle;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:22px;height:22px;}
.card_title .rightArea .smbtn img {width:22px;}
.card_title .rightArea .smbtn i {font-size:22px;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: 45px;padding: 7px 14px;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: 15px;color:#444;font-weight:600;line-height:1.3;}
.pop_title h4 {width: auto;display: table-cell;vertical-align: middle;font-size: 14px;color:#444;font-weight:500;line-height:1.3;}
.pop_title h5 {width: auto;display: table-cell;vertical-align: middle;font-size: 12px;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:22px;height:22px;}
.pop_title .rightArea .smbtn img {width:22px;}
.pop_title .rightArea .smbtn i {font-size: 15px;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: 45px;padding: 12px;display:table;box-sizing: border-box;margin: -4px 0 4px -8px;transform: translateX(4px);}
.card_title h3 {width: auto;display: block;vertical-align: middle;font-size: 16px;color:#555;font-weight:600;padding: 0;}
.card_title h4 {width: auto;display: block;vertical-align: middle;font-size: 14px;color:#555;font-weight:500;padding: 0;}
.card_title h5 {width: auto;display: block;vertical-align: middle;font-size: 12px;color:#777;font-weight:500;padding: 0 0 10px;}
.card_title .leftArea {display: table-cell;text-align: left;width: auto;vertical-align: middle;margin: 0;font-size:13px;color:#666;padding: 0 2px;min-width:80px;}
.card_title .rightArea {display: table-cell;text-align: right;vertical-align: middle;}

}

.card_title_sm {position:relative;width:100.5%;height: 40px;padding: 10px 13px;font-size: 14px;color: #fff;font-weight:600;display:table;box-sizing: border-box;background: #a6c0ee;}

.card_subtit {position:relative;width:100%;height:30px;padding: 10px 15px 0 2px ;font-size: 14px;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: 26px;padding: 10px 20px 0 2px ;font-size: 14px;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:30px;padding: 10px 20px 10px 20px ;font-size: 14px;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:15px;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: 15px;color:#666;font-weight: 500;display:table;box-sizing: border-box;padding: 3px 3px;vertical-align: middle;}
.card_option .option_section {position:relative;display: inline-block;margin-right: 14px;font-size: 13px;padding: 4px 0;font-weight: 500;min-height: 26px;vertical-align: middle;}
.card_option .option_section > span {padding: 0 0 0 5px;display: inline-block;height: auto;line-height: 1.3;vertical-align: middle;top: 0px;position: relative;color: #657481;font-weight: 400;font-size: 13px;}
.card_option .option_section span.tit {font-size:15px;}
.card_option .option_section_right {position:relative;display:table-cell;float:right;font-size:13px;}
.card_option .option_section_right .option_box {position:relative;display:table-cell;vertical-align: middle;height:30px;text-align:right;padding: 6px 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: 6px 7px;color: #0e4371;border-radius: 4px;margin: 0 0 0 3px;}
.card_option button {margin: 0 2px !important ;}

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

.card_topBtn {position:relative;width:100%;height: 50px;padding: 6px 8px;font-size: 15px;color:#666;font-weight:600;display:table;box-sizing: border-box;text-align:right;}

.card_btnArea {position:relative;width:100%;height: 50px;padding: 18px 12px 24px;display:table;box-sizing: border-box;text-align:center;}
.card_btnArea .rigth_Area {position:relative;display:table-cell;float:right;font-size:13px;}
.card_btnArea .rigth_Area .option_box {position:relative;display:table-cell;vertical-align: middle;height:30px;text-align:right;padding: 6px 0;font-size:13px;color:#999;}
.card_btnArea_A {position:relative;width: calc(100% + 12px);height: 50px;padding: 14px 12px 14px;display:table;box-sizing: border-box;
text-align:center;margin: 0 0 0 -12px;transform: translateX(6px);}


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

.card_option {position:relative;width:100%;height: auto;padding: 6px 8px;font-size: 15px;color:#666;font-weight:600;display: block;box-sizing: border-box;}
.card_option .option_section {position:relative;display: inline-block;margin-right:10px;font-size:13px;padding: 3px 0;vertical-align: middle;max-width: 100%;}
.card_option .option_section .option_box {position:relative;display:table-cell;vertical-align: middle;height:30px;}
.card_option .option_section_right {position:relative;display:table-cell;float:left;font-size:13px;}
.card_option .option_section_right .option_box {position:relative;display:table-cell;vertical-align: middle;height:30px;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: 10px 10px 10px 10px;font-size:13px;color:#2d9afa;line-height:1.3;}
.option_textArea .text_field p {font-size:13px;color:#2d9afa;line-height: 1.7;padding: 0;margin: 0;}

.card_btnArea {position:relative;width:100%;height: 50px;padding: 12px 12px30px;display:table;box-sizing: border-box;text-align:center;}

}


/*table*/

.tableStyle_A {width:100%;margin: 0 auto;overflow: auto;}
.tableStyle_A table {width:100%;}
.tableStyle_A table thead tr th {padding: 13px 10px;font-size:13px;color:#ffffff;text-align:center;background-color: #c6ccd1;line-height: 1.2;font-weight:400;border-bottom: 1px solid #e0e6ea;}
.tableStyle_A table tbody tr th {padding: 12px 5px;font-size:13px;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: 12px 8px;font-size:13px;color:#666666;text-align:center;background-color:#fff;line-height: 1.4;border-bottom: 1px solid #e0e6ea;font-weight:400;min-width: 40px;}
.tableStyle_A table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_A table tbody tr:hover td {background:#f5f5f5;}

.tableStyle_A_fix {position:relative;padding-top: 45px;width:100%;overflow: auto;}
.tableStyle_A_fix .table_in_box {width:100%;margin: 0 auto;overflow: auto;max-height:220px;}
.tableStyle_A_fix .table_in_box table {width:100%;table-layout: fixed;}
.tableStyle_A_fix .table_in_box table thead tr {position: absolute;top: 0;}
.tableStyle_A_fix .table_in_box table thead tr th {height: 44px;vertical-align: middle;font-size:13px;color:#ffffff;text-align:center;background-color: #c6ccd1;line-height: 1.2;font-weight:400;border-bottom: 1px solid #e0e6ea;}
.tableStyle_A_fix .table_in_box table tbody tr {display: table-row; }
.tableStyle_A_fix .table_in_box table tbody tr th {padding: 12px 5px;font-size:13px;color:#666666;text-align:center;background-color:#fff;line-height:1.2;border-bottom: 1px solid #ccc;font-weight:400;}
.tableStyle_A_fix .table_in_box table tbody tr td {padding: 12px 8px;font-size:13px;color:#666666;text-align:center;background-color:#fff;line-height: 1.4;border-bottom: 1px solid #e0e6ea;font-weight:400;min-width: 40px;word-break: break-all;}
.tableStyle_A_fix .table_in_box table tr {display: inline-table;width: 100%;table-layout: fixed;}
.tableStyle_A_fix .table_in_box table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_A_fix .table_in_box table tbody tr:hover td {background:#f5f5f5;}

.id_photo {width:26px;height:26px;border-radius:4px;background:#eaeaea;display: inline-block;margin: 0 5px 0 0;overflow:hidden;vertical-align: middle;}
.id_photo img {width:100% !important;height:100% !important;object-fit: cover;}

.tableStyle_B {width: 100%;margin: 0 auto;overflow: auto;}
.tableStyle_B table {width:100%;}
.tableStyle_B table thead tr th {padding: 13px 10px;font-size:13px;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: 12px 5px;font-size:13px;color:#666666;text-align:center;line-height:1.2;border: 1px solid #ccc;font-weight:400;}
.tableStyle_B table tbody tr td {padding: 12px 10px;font-size:13px;color:#666666;text-align:center;line-height:1.2;border: 1px solid #e0e6ea;font-weight:400;min-width: 40px;}
.tableStyle_B table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_B table tbody tr:hover td {background:#f5f5f5;}

.tableStyle_C {width:100%;margin: 0 auto;overflow-y: auto;}
.tableStyle_C table {width:100%;}
.tableStyle_C table thead tr th {padding: 13px 10px;font-size:13px;color:#999;text-align:center;line-height:1.2;border-bottom: 1px solid #d4e0ea;font-weight:500;}
.tableStyle_C table tbody tr th {padding: 12px 5px;font-size:13px;color:#555;text-align:center;line-height:1.2;border-bottom: 1px solid #e6e6e6;font-weight:400;}
.tableStyle_C table tbody tr td {padding: 12px 5px;font-size:13px;color:#666;text-align:center;line-height:1.2;border-bottom: 1px solid #e0e6ea;font-weight:400;min-width: 40px;}
.tableStyle_C table tbody tr.tdbg td {background:#F6F6F6;}
.tableStyle_C table tbody tr:hover td {background:#f5f5f5;}

.tableStyle_C_sm {width:100%;margin: 0 auto;overflow-y: auto;}
.tableStyle_C_sm table {width:100%;background:#fff;}
.tableStyle_C_sm table thead tr th {padding: 13px 10px;font-size:13px;color:#999;text-align:center;line-height:1.2;border-bottom: 1px solid #d4e0ea;font-weight:500;}
.tableStyle_C_sm table tbody tr th {padding: 12px 10px;font-size:13px;color:#555;text-align:center;line-height:1.2;border-bottom: 1px solid #e6e6e6;font-weight:400;}
.tableStyle_C_sm table tbody tr td {padding: 17px 10px;font-size:13px;color:#666;text-align:center;line-height:1.2;border-bottom: 1px solid #e0e6ea;font-weight:400;min-width: 40px;}
.tableStyle_C_sm table tbody tr.tdbg td {background:#F6F6F6;}

.tableStyle_D {width: 100%;margin: 0 auto;overflow: auto;}
.tableStyle_D table {width:100%;}
.tableStyle_D table thead tr th {padding: 13px 10px;font-size:13px;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: 12px 5px;font-size:13px;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: 12px 10px;font-size:13px;color:#666666;text-align: left;line-height:1.2;border: 1px solid #e0e6ea;font-weight:400;min-width: 40px;}

.tableStyle_pp {width:100%;margin: 0 auto;overflow-y: auto;}
.tableStyle_pp table {width:100%;}
.tableStyle_pp table thead tr th {padding: 4px ;font-size:13px;color:#999999;text-align:right;background:none;line-height:1.2;border-bottom: 1px solid #ccc;height:20px;font-weight:500;}
.tableStyle_pp table tbody tr th {padding: 4px 8px;font-size:13px;color:#666666;text-align:right;background:none;line-height:1.2;height: 26px;font-weight:500;}
.tableStyle_pp table tbody tr td {padding: 4px 8px;font-size:13px;color:#666666;text-align:left;line-height: 1.3;height: 26px;font-weight:400;min-width: 40px;}
.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: 4px 2px;}
.tableStyle_pp .descrip {font-size:12px;color: #4b8ad8;padding: 3px 0 3px 3px ;display: block;line-height:1.5;}

.tableStyle_pp2 {width:100%;margin: 0 auto;overflow-y: auto;}
.tableStyle_pp2 table {width:100%;}
.tableStyle_pp2 table thead tr th {padding: 6px ;font-size:13px;color:#999999;text-align:right;background:none;line-height:1.2;border-bottom: 1px solid #ccc;height:20px;font-weight:500;}
.tableStyle_pp2 table tbody tr th {padding: 6px 8px;font-size:13px;color:#666666;text-align:right;background:none;line-height:1.2;height: 26px;font-weight:500;}
.tableStyle_pp2 table tbody tr td {padding: 6px 8px;font-size:14px;color:#444;text-align:left;line-height: 1.3;height: 26px;font-weight:400;}
.tableStyle_pp2 .descrip {font-size:12px;color: #888;padding: 3px 0 3px 3px ;display: block;line-height:1.5;}

.tableStyle_memJoin {width:100%;margin: 0 auto;overflow-y: auto;}
.tableStyle_memJoin table {width:100%;}
.tableStyle_memJoin table thead tr th {padding: 14px ;font-size:13px;color:#999999;text-align:right;background:none;line-height:1.2;border-bottom: 1px solid #ccc;height:20px;font-weight:500;}
.tableStyle_memJoin table tbody tr th {padding: 18px 8px;font-size: 13px;color: #657481;text-align:right;background:none;line-height:1.3;font-weight: 400;vertical-align: top;padding-top: 23px;word-break: keep-all;border-bottom: 1px solid #e7ecef;}
.tableStyle_memJoin table tbody tr td {padding: 13px 8px;font-size: 15px;color:#444;text-align:left;line-height: 1.3;font-weight: 500;border-bottom: 1px solid #e7ecef;}
.tableStyle_memJoin .descrip {font-size:12px;color: #888;padding: 3px 0 3px 3px;display: block;line-height:1.5;font-weight: 400;}
.tableStyle_memJoin table tbody tr:last-child th {border:0;}
.tableStyle_memJoin table tbody tr:last-child td {border:0;}

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

    .tableStyle_A table {min-width:800px;}
    .tableStyle_B table {min-width:800px;}
    .tableStyle_C table {min-width:800px;}

  .tableStyle_memJoin {width:100%;margin: 0 auto;overflow-y: auto;}
  .tableStyle_memJoin table {width:100%;}
  .tableStyle_memJoin table thead tr th {padding: 14px ;font-size:13px;color:#999999;text-align:right;background:none;line-height:1.2;border-bottom: 1px solid #ccc;height:20px;font-weight:500;}
  .tableStyle_memJoin table tbody tr th {padding: 7px 12px;font-size: 13px;color: #657481;text-align: left;background:none;line-height:1.3;font-weight: 400;vertical-align: top;padding-top: 20px;word-break: keep-all;border-bottom: 0;display: block;}
  .tableStyle_memJoin table tbody tr td {padding: 0 8px 20px;font-size:14px;color:#444;text-align:left;line-height: 1.3;font-weight:400;border-bottom: 1px solid #e7ecef;display: block;}
  .tableStyle_memJoin .descrip {font-size:12px;color: #888;padding: 3px 0 3px 3px ;display: block;line-height:1.5;}

}



.table_Privacypolicy {width:100%;max-width: 800px;border-radius: 4px;border: 1px solid #e7ecef;background:#fff;padding: 12px 17px;box-sizing: border-box;font-size: 13px;font-weight: 400;color: #8f8f8f;line-height: 1.7;height: 128px;overflow:auto;}
.table_input_check {margin: 10px 0 20px ;}
.table_input_check label {font-size:13px;}

.tableStyle_ip {width:100%;margin: 0 auto;overflow-y: auto;}
.tableStyle_ip table {width:100%;}
.tableStyle_ip table thead tr th {padding: 4px ;font-size:13px;color:#999999;text-align:right;background:none;line-height:1.2;border-bottom: 1px solid #ccc;height:20px;font-weight:500;}
.tableStyle_ip table tbody tr th {padding: 4px 10px;font-size: 13px;color: #5e6d90;text-align: left;background:none;line-height:1.2;height: 26px;font-weight:500;background: #eaf3fb;border-bottom: 1px solid #fff;}
.tableStyle_ip table tbody tr td {padding: 4px 10px;font-size:13px;color:#666666;text-align:left;/*background:none*/line-height: 1.3;height: 26px;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: 4px 2px;}
.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: 13px 10px;font-size:13px;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:13px;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 {display: inline-block;box-sizing: border-box;overflow: hidden;border: 1px solid #d7d7d7;border-radius: 7px;width:auto;scrollbar-width: none;-ms-overflow-style: none;overflow-x: auto;overflow-y: hidden;}
.tab ul::-webkit-scrollbar {display: none;}
.tab ul {display: flex;flex-wrap: nowrap;overflow: auto;padding: 4px;background: #fff;}
.tab ul li {padding: 12px 30px;font-size: 15px;line-height: 17px;color:#888;font-weight:500;cursor:pointer;flex-grow: 1;text-align: center;border-radius: 5px;flex: 0 0 auto;}
.tab li:hover {background:#f5f5f5;}
.tab li.current {background:#2094fa;color:#fff;}

.tab-content{display: none;width: 100%;}
.tab-content.current{display:block;display:contents;}

.tab_sub {overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;border: 1px solid #e2e2e2;}
.tab_sub ul {border-radius: 5px;max-width: none;min-width: auto;background: none;padding: 0;background: #cccccc;}
.tab_sub ul li {padding: 15px 20px;font-size: 15px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;background: #cccccc;letter-spacing: -0.01em;border-radius: 0;}
.tab_sub ul li:last-child {border:0;}
.tab_sub li:hover {color: #ffffff;background: #adadad;}
.tab_sub li.current{background: #ffffff;color: #4a4a4a;border-radius: 4px;}

.tab_simp {overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;border-bottom: 0;border-radius: 0;}
.tab_simp ul {border-radius: 0;max-width: none;min-width: auto;background: none;padding: 0;background: none;}
.tab_simp ul li {padding: 15px 20px;font-size: 15px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #9f9f9f;text-align: center;background: #fff;letter-spacing: -0.01em;border-radius: 0;border-bottom: 2px solid #d1d1d1;}
.tab_simp ul li:last-child {}
.tab_simp li:hover {color: #404040;background: #fff;}
.tab_simp li.current{background: #fff;color: #242424;border-radius: 0;border-bottom: 2px solid #505050;}

.tab_book {overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;}
.tab_book ul {border: 0;border-radius: 0;max-width: none;min-width: auto;background: none;}
.tab_book ul li {display:inline-block;float:left;padding: 12px 30px;font-size: 15px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #ffffff;text-align: center;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: 0px;width: auto;-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;align-self: self-end;margin-top: 2px;}
.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;margin-top: 0;padding-bottom: 14px;}

.tab_line {overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;}
.tab_line ul {border: 0;border-radius: 0;max-width: none;min-width: auto;background: none;}
.tab_line ul li {display:inline-block;float:left;padding: 13px 30px;font-size: 15px;box-sizing: border-box;cursor:pointer;font-weight: 500;color: #adadad;text-align: center;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;}
.tab_line li:hover {color: #a7a7a7;background: #efefef;}
.tab_line li.current{background: #ffffff;color: #363636;border-left: 1px solid #bbbbbb;border-top: 1px solid #bbbbbb;border-right: 1px solid #bbbbbb;border-bottom: 1px solid #fff;}

.slidetab {position:relative;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;}
.slidetab ul {position:relative;border: 0;border-radius: 0;max-width: none;min-width: auto;background: none;border-radius: 9px;padding: 5px;background: #c7dbec;}
.slidetab ul li {padding:10px 24px;background:none;color: #ffffff;text-align:center;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: #9cbdda;border-radius: 6px;}
.slidetab li.current {color: #ffffff;background: none;}

.slidetab .slidebox {position:absolute;top:5px;left:0;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: #2094fa;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);}

.slidetabNor {position:relative;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;border:0;}
.slidetabNor ul {position:relative;border: 0;border-radius: 0;max-width: none;min-width: auto;background: none;border-radius: 7px;padding: 5px;background: #ebebeb;border: 1px solid #ebebeb;}
.slidetabNor ul li {padding:10px 24px;background:none;color: #777777;text-align:center;margin:0;cursor:pointer;box-sizing: border-box;z-index: 1;margin-right:4px;}
.slidetabNor ul li:last-child {margin-right:0;}
.slidetabNor li:hover {color: #696969;background: #dfdfdf;border-radius: 6px;}
.slidetabNor li.current {color: #444;background: none;}

.slidetabNor .slideboxNor {position:absolute;top:6px;left:0;width:93px;height:39px;color: #444;border: 1px solid #ffffff;border-radius: 5px;box-sizing: border-box;transition: all .30s ease-in-out;z-index: 1;background: #ffffff;box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.2);}




/*Snip_button*/

.Button_group {overflow: auto;position: relative;display: inline-block;vertical-align: middle;margin: 2px;}
.Button_group ul::-webkit-scrollbar {display: none;}
.Button_group ul {border: 1px solid #73ade0;border-radius: 4px;overflow: auto;background: #fff;display: flex;flex-wrap: wrap;}
.Button_group ul li {padding: 6px 14px;font-size: 13px;line-height: 18px;box-sizing: border-box;cursor:pointer;font-weight: 400;color: #6f98bd;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;letter-spacing: -0.01em;background: unset;transition: background-color .15s ease-in-out;flex: 1 0 auto;min-width: 65px;}
.Button_group.icon ul li {min-width:auto;font-size: 15px;padding: 6px 11px;}
.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 {max-width: 100%;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style: none;}

}

.Button_group.gray {}
.Button_group.gray ul {border: 1px solid #ababab;border-radius: 4px;overflow: auto;background: #f3f3f3;}
.Button_group.gray ul li {padding: 5px 14px;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;}
.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;}
.Button_group.Rounded ul li {padding: 5px 14px;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;}
.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;}
.Button_group.Rounded_bk ul li {padding: 5px 14px;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;}
.Button_group.Rounded_bk li:hover {color: #ffffff;background: #a9a9a9;}
.Button_group.Rounded_bk li.current{background: #797979;color:#fff;}


/*card*/

.content_Area {display: flex;align-items: flex-start;flex-wrap:wrap;height:auto;width:100%;padding:6px;box-sizing: border-box;
position: relative;max-width: 1700px;margin: 0 auto;}

.card {
  position:relative;
  display: flex;
  flex-wrap:wrap;
  flex: 0 0 auto;
  align-content: flex-start;
  align-items: self-start;
  width:calc(100% - 12px);
  border-radius:5px;
  padding:6px;
  margin:6px;
  box-sizing: border-box;
  min-height:20px;
  font-size: 13px;
  color:#666666;
  vertical-align: top;
}

.topline {border-top: 1px solid #ccc;}
.bottomline {border-bottom: 1px solid #e6eef3;background: #fff;}

.card_border {border: 1px solid #dbe2e6;background: rgba(255,255,255,0.6);border-radius: 5px;box-sizing: border-box;box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.06);}
.card_nopadding {padding:0 !important;}
.card_nomargin {width:100%;margin:0 !important;padding:0 !important;}
.card_mob_height {max-height: 600px;overflow: auto;min-height: 300px;}
.card_BG_gray {background:#f5f5f5 !important;}
.paddingnone {padding:0 !important;}

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

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

.section_50 {width:50%;padding:0;margin:0;}


@media only screen and (max-width: 1400px) {
  
  .section_50 {width:100%;padding:0;margin:0;}

}


@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;padding:4px;}
.topline {border-top: 1px solid #ccc;}
.bottomline {border-bottom: 1px solid #dbe2e6;}

.card_border {border: 1px solid #dbe2e6;background:#ffffff;border-radius:4px;box-sizing: border-box;}
.card_nomargin {width:100% !important;margin:0 !important;padding:0 !important;}
.card_mob_height {min-height: 150px;max-height: 250px;overflow: auto;height:auto;}

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

}


/*paging*/
.paging {position:relative;width:100%;padding: 15px 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 6px;}
.paging .ps_area span.on {background: #2094fa;border: 1px solid #2094fa;}
.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: 13px;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 5%;width: 100%;margin: 0 auto;vertical-align: middle;box-sizing: border-box;top: 15%;}
.popup .popup_section .popup_content {position:relative;top:0px;margin: 0 auto 50px;min-height:150px;background: #fff;border-radius: 6px;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.popwidth1600 {width:1600px;margin: 0 auto 40px;}
.popup .popup_content.popwidth1200 {width:1200px;margin: 0 auto 40px;}
.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:320px;margin: 0 auto 40px;}
.popup .popSlide {margin-top:80px !important;}

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

.popup .popup_content.popwidth1600 {width:calc(100% - 20px);max-width:1600px;margin: 0 auto 40px;}
.popup .popup_content.popwidth1200 {width:calc(100% - 20px);max-width:1200px;margin: 0 auto 40px;}
.popup .popup_content.popwidth900 {width:calc(100% - 20px);max-width:900px;margin: 0 auto 40px;}
.popup .popup_content.popwidth520 {width:calc(100% - 20px);max-width:520px;margin: 0 auto 40px;}
.popup .popup_content.popwidth320 {width:calc(100% - 20px);max-width:320px;margin: 0 auto 40px;}

}

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

.popup .popup_content.popwidth1600 {width:calc(100% - 20px);margin: 0 auto 40px;}
.popup .popup_content.popwidth1200 {width:calc(100% - 20px);margin: 0 auto 40px;}
.popup .popup_content.popwidth900 {width:calc(100% - 20px);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 6px;}
.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: 40px 0;}
.p_content .TT_Box .ipbox {position:relative;width: 100%;margin: 0 auto;text-align: center;display: table;}
.p_content .TT_Box .ipbox .img_ps {display: table-cell;padding: 0 10px 0 0;vertical-align: middle;}
.p_content .TT_Box .ipbox .TT_ps {display: table-cell;max-width: 300px;vertical-align: middle;text-align: left;font-size: 15px;font-weight: 500;color:#222222;line-height: 1.3;}

.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: 10px;}
.p_content .TT_Box .ipbox .TT_about.copyright {font-size:12px;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: 40px;}
.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: 26px;background: url(../images/icon_folder1.png) no-repeat -1px -1px;background-size:20px;line-height:30px;font-size: 15px;font-weight: 600;}
.t_List .depth_2 li {margin-top:-2px;font-size: 15px;font-weight: 600;}
.t_List .depth_2 li > a {background: url(../images/icon_folder_off.png) no-repeat 9px -1px;background-size: 32px;padding: 0 0 0 35px;}
.t_List .depth_2 li > a.Folder {background: url(../images/icon_folder_off.png) no-repeat 9px -1px;background-size: 32px;padding: 0 0 0 46px;}
.t_List .depth_2 li > a.on {background: url(../images/icon_folder_on.png) no-repeat 9px -1px;background-size: 32px;padding: 0 0 0 46px;}

.t_List .depth_3 {display:none;padding-left:0px;}
.t_List .depth_3 li {margin:0;padding: 5px 0 5px 0;line-height: 1.8;font-size: 14px;}
.t_List .depth_3 li > a {padding-left: 34px;background: url(../images/icon_folder2.png) no-repeat 9px -3px;background-size:20px;}
.t_List .depth_3 li > a.Folder {background: url(../images/icon_folder_off.png) no-repeat 9px -2px;background-size: 32px;padding: 0 0 0 46px;}
.t_List .depth_3 li > a.Folder2 {background: url(../images/icon_folder_off.png) no-repeat 9px -2px;background-size: 32px;padding: 0 0 0 46px;}
.t_List .depth_3 li > a.on {background: url(../images/icon_folder_on.png) no-repeat 9px -2px;background-size: 32px;padding: 0 0 0 46px;}




.t_List2 {line-height: 40px;}
.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: 26px;background: url(../images/icon_folder1.png) no-repeat -1px -1px;background-size:20px;line-height:30px;font-size: 15px;font-weight: 600;}
.t_List2 .depth_2 li {margin-top:-2px;font-size: 15px;font-weight: 600;}
.t_List2 .depth_2 li > a {background: url(../images/icon_server_off.png) no-repeat 9px -1px;background-size: 32px;padding: 0 0 0 35px;}
.t_List2 .depth_2 li > a.Folder {background: url(../images/icon_server_off.png) no-repeat 9px -1px;background-size: 32px;padding: 0 0 0 46px;}
.t_List2 .depth_2 li > a.on {background: url(../images/icon_server_on.png) no-repeat 9px -1px;background-size: 32px;padding: 0 0 0 46px;}
.t_List2 .depth_2 li > a.firstTh {background: url(../images/icon_ems_first.png) no-repeat 9px -1px;background-size: 32px;padding: 0 0 0 46px;}


.t_List2 .depth2_3 {display:none;padding-left:0px;}
.t_List2 .depth2_3 li {margin:0;padding: 5px 0 5px 0;line-height: 1.8;font-size: 14px;}
.t_List2 .depth2_3 li > a {padding-left: 34px;background: url(../images/icon_folder2.png) no-repeat 9px -3px;background-size:20px;}
.t_List2 .depth2_3 li > a.Folder {background: url(../images/icon_server_off.png) no-repeat 9px -2px;background-size: 32px;padding: 0 0 0 46px;}
.t_List2 .depth2_3 li > a.Folder2 {background: url(../images/icon_server_off.png) no-repeat 9px -2px;background-size: 32px;padding: 0 0 0 46px;}
.t_List2 .depth2_3 li > a.on {background: url(../images/icon_server_on.png) no-repeat 9px -2px;background-size: 32px;padding: 0 0 0 46px;}


.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:15px;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 5px;}
.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:13px;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:13px;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:13px;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:6px;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:14px;margin: 4px;padding:4px;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.10px !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: 0 2px;}
.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:absolute;top:0;left:0;width:100%;height: auto;min-height: 100%;background:#fff;display: flex;}
.login_section.join {position:absolute;top:0;left:0;width:100%;height:auto;min-height: 100%;background:#fff;display:flex;}
.login_section .bg_area {position: fixed;top:0;left:0;width:100%;height:100%;background:#000;}
.login_section .bg_area .bg_image {position:absolute;top:0;left:0;width:100%;height:100%;
background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;opacity:0.5;}

.login_section .login_area {position:relative;width: 90%;min-width:280px;max-width:380px;margin: 30px auto;border: 1px solid #dbe2e6;box-sizing:border-box;border-radius: 20px;background: rgba(256,256,256,1);box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.1);align-self: center;}
.login_section .input_section {position:absolute;top:0;left:0;width:100%;height:100%;overflow: auto;padding: 50px 0;box-sizing: border-box;}
.login_section .login_area.join {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;text-align: left;}
.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: 24px;font-weight: 600;color: #3e3e3e;text-align: left;}
.login_section .section  .input_Box {width:100%;}
.login_section .section  .tit {padding: 15px 0 5px;font-size: 14px;color: #6e90ad;text-indent: 2px;text-align: left;font-weight: 400;}
.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: #fcfdff;font-size: 13px;margin:0;border: 1px solid #d1dde7;}
.login_section .section input[type="text"]:focus {border: 1px solid #72bdff;background:#fff;}
.login_section .section input[type="password"] {padding: 10px 10px;background: #fcfdff;font-size: 13px;margin:0;border: 1px solid #d1dde7;}
.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: 13px;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 #e3e8ed;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: 500;margin: 4px 0;font-size: 13px;padding: 6px 10px;background-position: right 10px;line-height: 24px;}
.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;}
.login_section .section .an_login_tt {width:100%;text-align:center;font-size:13px;color: #7a8ebb;font-weight:400;margin: 20px auto 14px;}
.login_section .section .an_login_btn {width:100%;text-align:center;margin: 0 auto 30px;}
.login_section .section .an_login_btn span {display: inline-block;padding: 10px;border-radius: 100px;width: 24px;height: 24px;background:#ccc;text-align: center;vertical-align: middle;cursor:pointer;margin: 0 4px;background-size: 24px;background-repeat: no-repeat;background-position: center;}
.login_section .section .an_login_btn span.btnbg_1 {background-color:#19ce60;background-image: url(../images/b_icon_naver.png) ;}
.login_section .section .an_login_btn span.btnbg_2 {background-color:#ffec00;background-image: url(../images/b_icon_kakao.png) ;}
.login_section .section .an_login_btn span.btnbg_3 {background-color:#1777f0;background-image: url(../images/b_icon_facebook.png) ;}
.login_section .section .an_login_btn span.btnbg_4 {background-color:#ffffff;background-image: url(../images/b_icon_google.png) ;border: solid 1px #eeeeee;}
.login_section .section .an_login_btn span.btnbg_5 {background-color:#000000;background-image: url(../images/b_icon_apple.png);}
.login_section .section .an_login_btn span.btnbg_1:hover {background-color:#17b956;}
.login_section .section .an_login_btn span.btnbg_2:hover {background-color:#f1df00;}
.login_section .section .an_login_btn span.btnbg_3:hover {background-color:#1264ca;}
.login_section .section .an_login_btn span.btnbg_4:hover {background-color:#f0f0f0;}
.login_section .section .an_login_btn span.btnbg_5:hover {background-color:#222222;}

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

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

  .login_section {position: absolute;top: 0;left: 0;width:100%;height:100%;display: block;overflow: auto;}
  .login_section .section {position:relative;width: 100%;max-width:300px;padding: 30px 20px 50px;align-self: center;margin: 0 auto;box-sizing: border-box;}
  .login_section .section .an_login_btn span {width: 20px;height: 20px;}

}



/*login style2*/

.login_section2 {position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;}
.login_section2 .left_section {position:absolute;top:0;left:0;width:50%;height:100%;background-color: #000;display: flex;}
.login_section2 .left_section .bg_image {position:absolute;top:0;left:0;width:100%;height:100%;background:#ccc;
background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;opacity: 0.5;}
.login_section2 .left_section .wc_text {position:relative;width: 84%;align-self: center;margin: 0 auto;max-width: 600px;top: -6%;opacity: 0.9;text-align: center;}
.login_section2 .left_section .wc_text .tit {font-size: 59px;font-weight:600;color:#fff;line-height:1.2;margin: 0 0 30px;word-break: keep-all;}
.login_section2 .left_section .wc_text .descrip {font-size: 17px;font-weight: 300;color:#fff;line-height:1.6;word-break: keep-all;}

.login_section2 .right_section {position:absolute;top:0;left:50%;width:50%;height:100%;display: flex;background-color: rgba(255,255,255,.72);
  transition-property: background-color;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);}
.login_section2 .section {position:relative;width:90%;max-width:300px;padding: 30px 0 30px 17%;align-self: center;margin:0;}
.login_section2 .section  h1 {padding: 30px 0 0 0;text-align: left;}
.login_section2 .section  h1 img {width:auto;max-height:40px;}
.login_section2 .section  h1 .c_name {font-size: 25px;color: #484848;font-weight:600;vertical-align: middle;padding-left: 8px;letter-spacing: -0.02em;}
.login_section2 .section  .title {padding: 40px 0 10px 0;font-size: 20px;font-weight: 600;color: #636363;text-align: left;}
.login_section2 .section  .input_Box {width:100%;}
.login_section2 .section  .tit {padding: 15px 0 5px;font-size: 13px;color: #4a8ac1;text-indent: 2px;text-align: left;}
.login_section2 .section  .input_a {padding: 0 0 10px 0;}
.login_section2 .section  .input_a .text {font-size:20px;color:#222222;line-height:1.3;font-weight:600;}
.login_section2 .section input[type="text"] {padding: 10px 10px;background: #f5faff;font-size: 13px;margin:0;border: 1px solid #d9e5ef;}
.login_section2 .section input[type="text"]:focus {border: 1px solid #72bdff;background:#fff;}
.login_section2 .section input[type="password"] {padding: 10px 10px;background: #f5faff;font-size: 13px;margin:0;border: 1px solid #d9e5ef;}
.login_section2 .section input[type="password"]:focus {border: 1px solid #72bdff;background:#fff;}
.login_section2 .section input::placeholder {color: #7ba2c5;}
.login_section2 .section .btn_Box {width:100%;text-align:center;padding: 10px 0;}
.login_section2 .section .btn_Box span {cursor:pointer;font-size: 13px;font-weight: 500;line-height:1.3;color:#777;padding: 0 3px;}
.login_section2 .section .btn_Box span:hover {color: #2b82ce;}
.login_section2 .section .line {width:100%;height:1px;border-bottom: 1px solid #e3e8ed;margin: 10px 0;}
.login_section2 .section button {font-weight:600;margin:0 ;font-size:15px;padding: 15px 20px ;margin: 4px 0 ;}
.login_section2 .section select {font-weight:600;margin: 4px 0;font-size:15px;padding: 6px 10px;background-position: right 10px;line-height: 1.6;}
.login_section2 .section .btn_Box .btn_white {background: #fff;border: 1px solid #8bbaff;color:#666666;font-size:14px;}
.login_section2 .section .btn_Box .btn_kakao {background: #FFE812;border: 1px solid #FFE812;color:#1B1C1D;font-size:14px;}
.login_section2 .section .btn_Box .btn_naver {background: #00C73C;border: 1px solid #00C73C;color:#fff;font-size:14px;}
.login_section2 .section .btn_Box .btn_facebook {background: #1877F2;border: 1px solid #1877F2;color:#fff;font-size:14px;}
.login_section2 .section button.btn_sub {font-weight:600;margin: 0;font-size: 13px;padding: 10px 10px 10px;}
.login_section2 .section .an_login_tt {width:100%;text-align:center;font-size:13px;color: #7a8ebb;font-weight:400;margin: 20px auto 14px;}
.login_section2 .section .an_login_btn {width:100%;text-align:center;margin: 0 auto 30px;}
.login_section2 .section .an_login_btn span {display: inline-block;padding: 10px;border-radius: 100px;width: 24px;height: 24px;background:#ccc;text-align: center;vertical-align: middle;cursor:pointer;margin: 0 2px;background-size: 24px;background-repeat: no-repeat;background-position: center;}
.login_section2 .section .an_login_btn span.btnbg_1 {background-color:#19ce60;background-image: url(../images/b_icon_naver.png) ;}
.login_section2 .section .an_login_btn span.btnbg_2 {background-color:#ffec00;background-image: url(../images/b_icon_kakao.png) ;}
.login_section2 .section .an_login_btn span.btnbg_3 {background-color:#1777f0;background-image: url(../images/b_icon_facebook.png) ;}
.login_section2 .section .an_login_btn span.btnbg_4 {background-color:#ffffff;background-image: url(../images/b_icon_google.png) ;border: solid 1px #eeeeee;}
.login_section2 .section .an_login_btn span.btnbg_5 {background-color:#000000;background-image: url(../images/b_icon_apple.png);}
.login_section2 .section .an_login_btn span.btnbg_1:hover {background-color:#17b956;}
.login_section2 .section .an_login_btn span.btnbg_2:hover {background-color:#f1df00;}
.login_section2 .section .an_login_btn span.btnbg_3:hover {background-color:#1264ca;}
.login_section2 .section .an_login_btn span.btnbg_4:hover {background-color:#f0f0f0;}
.login_section2 .section .an_login_btn span.btnbg_5:hover {background-color:#222222;}


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

  .login_section2 {position:relative;top:auto;left:auto;width:100%;height:auto;}
  .login_section2 .left_section {position:relative;top:0;left:0;width:100%;height:auto;background-color: #000;display: flex;}
  .login_section2 .left_section .bg_image {position:absolute;top:0;left:0;width:100%;height:100%;background:#ccc;
  background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;opacity: 0.5;}
  .login_section2 .left_section .wc_text {position:relative;width:90%;align-self: center;margin: 0 auto;max-width:500px;top: -6%;padding: 45px 0;}
  .login_section2 .left_section .wc_text .tit {font-size: 26px;font-weight:600;color:#fff;line-height:1.2;margin: 0 0 10px;word-break: keep-all;}
  .login_section2 .left_section .wc_text .descrip {font-size: 13px;font-weight:400;color:#fff;line-height:1.6;word-break: keep-all;}


  .login_section2 .right_section {position:relative;top:0;left:0%;width:100%;height:auto;display: flex;}
  .login_section2 .section {position:relative;width: 100%;max-width:300px;padding: 30px 20px 50px;align-self: center;margin: 0 auto;box-sizing: border-box;}

}


/*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:4px;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:14px;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:14px;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:14px;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:4px;border: none;overflow:hidden;background: #f3f3f3;}
.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:14px;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:14px;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:14px;display:none;color:#222;box-sizing: border-box;background: #f3f3f3;border-top: 0;}

.chartArea {position: relative;overflow:hidden;margin: auto;width: 96%;height: 350px;}
.chartArea .apexcharts-canvas text {font-family: "Roboto", 'Noto Sans KR', dotum,"돋움", sans-serif !important;}

/*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:#eef7ff !important;}

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

.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/1920X1080_01.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%;background-image: url(../images/1920X1080_02.jpg);background-size: cover;background-repeat: no-repeat;opacity:0.7}
.Login_page .page_bg_c {position:absolute;top:0;left:0;width:100%;height:100%;background-image: url(../images/1920X1080_03.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;
  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;
  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;border: 1px solid #a2caec;display: inline-block;z-index: 2;padding: 3px;
box-sizing: border-box;border-radius: 6px;}
.top_submenu > ul {width:100%;display: flex;align-content: flex-start;flex-wrap: wrap;}
.top_submenu > ul > li {position: relative;margin: 3px;flex: 0 1 auto;}
.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: #f0f7ff;border-radius: 5px;}
.top_submenu > ul > li .menuName a {color: #496c8e;padding: 11px 20px 10px;display: inline-block;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;width: 100%;line-height: 1.1;}
.top_submenu > ul > li:hover .menuName{color:#fff;background-color:#2094fa;}
.top_submenu > ul > li:hover .menuName a {color:#fff;}

.top_submenu > ul > li > ul {position:absolute;top:100%;left:-1px;width:calc(100% + 1px);background:#fff;box-sizing:border-box;border: 1px solid #a2caec;z-index: 1;
border-radius: 5px ;height:0;overflow:hidden;box-shadow: 6px 8px 33px -29px #000000;transition: all .24s ease-in-out;opacity: 0;margin-top:8px;}
.top_submenu > ul > li:hover > ul {margin-top:-1px;height:auto;opacity: 1;}
.top_submenu > ul > li > ul > li {position:relative;width:100%;color:#777;text-align:center;box-sizing:border-box;background:#fff;word-break: break-all;}
.top_submenu > ul > li > ul > li a {color:#777;padding:10px 5px ;display:block;}
.top_submenu > ul > li > ul > li:hover {background:#e4f0ff;}
.top_submenu > ul > li > ul > li:hover a {color: #496c8e;}


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

.top_submenu > ul > li {flex: 1 1 auto;}
.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;}

}


.bannerStyleB {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:table;border-radius:5px;overflow: hidden;}
.bannerStyleB .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;}
.bannerStyleB .text_section {position:relative;display:table-cell;vertical-align:middle;}
.bannerStyleB .text_section .title {width:100%;font-size: 50px;color:#fff;text-align:center;font-weight: 500;}
.bannerStyleB .text_section .descrip {width:100%;font-size: 14px;color:#fff;text-align:center;padding: 15px 0 0 0;line-height:1.8;font-weight: 400;}

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

.bannerStyleB .text_section .title {width:100%;font-size: 40px;color:#fff;text-align:center;line-height: 1;}
.bannerStyleB .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:5px;overflow:hidden;}
.data_section.backcolor0 {background: #2c94ff;}
.data_section.backcolor1 {background: #2888ff;}
.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_bk {font-size:15px;font-weight: 500;line-height:1.2;color:#383838;padding: 2px 0;}
.d_info_area_top .right_section .info_text .info_bk {font-size: 38px;font-weight:600;line-height:1.2;color:#525252;padding: 2px 0;}
.d_info_area_top .right_section .info_text .info2_bk {font-size: 13px;font-weight: 400;line-height:1.2;color:#8b8c8c;padding-bottom:2px;}
.d_info_area_top .right_section .info_text .whcolor {color:#fff !important;}
.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;}

@media only screen and (max-width: 820px) {
.d_info_area_top .right_section .info_text .info_bk {font-size: 28px;}
.d_info_area_top .right_section .info_text .info2_bk {font-size: 11px;}	
}
@media only screen and (max-width: 480px) {
.d_info_area_top .right_section .info_text .info_bk {font-size: 35px;}
.d_info_area_top .right_section .info_text .info2_bk {font-size: 12px;}	
}

.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: 8px;left: 1px;width: calc(100% + 0px);height: 80%;opacity: 0.7;}
.d_info_area_chart .section {position:absolute;top:0;left:0%;width:100%;height:100%;}

.d_info_bimg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;}
.d_info_bimg .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.4;}


.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: 16px 0 0 18px;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: 17px;font-weight: 400;line-height:1.2;color:#fff;padding: 0 0 6px 0;}
.d_info_area_top_d1 .right_section .info_text .tit_bk {font-size: 16px;font-weight: 600;line-height:1.2;color: #383838;padding: 0 0 5px 0;letter-spacing: -0.02em;}
.d_info_area_top_d1 .right_section .info_text .info1 {font-size: 26px;font-weight: 500;line-height: 1.1;color:#fff;padding-bottom: 7px;letter-spacing: -0.01em;}
.d_info_area_top_d1 .right_section .info_text .info1 span {font-size: 15px;font-weight: 400;padding-left:3px;}
.d_info_area_top_d1 .right_section .info_text .info_bk {font-size: 22px;font-weight: 600;line-height: 1.1;color: #2c94ff;padding-bottom: 5px;letter-spacing: -0.02em;}
.d_info_area_top_d1 .right_section .info_text .info_bk span {font-size: 14px;font-weight: 400;padding: 0 2px;}
.d_info_area_top_d1 .right_section .info_text .info2 {font-size: 12px;font-weight: 400;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: 400;line-height:1.2;color: #999;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: 71%;z-index: 1;}
.d_info_area_chart_d1 .section {position:absolute;top:0;left:0%;width:100%;height:100%;}




.data_info_area {position:absolute;top:0;left:0;width:100%;height:100%;display: flex;padding:20px ;box-sizing: border-box;overflow: hidden;background: #fff;border-radius: 5px;}
.data_info_area .info_box {width:100%;align-self:center;text-align:left;margin: 0 auto ;word-break: break-all;z-index: 1;}
.data_info_area .info_box .tt_1 {font-size: 16px;font-weight: 600;color: #505050;line-height:1.2;padding: 2px 0;}
.data_info_area .info_box .tt_2 {font-size: 43px;font-weight: 500;color: #222;line-height: 1;padding: 5px 0;letter-spacing: -0.03em;}
.data_info_area .info_box .tt_2.color_r {color: #ff5151;}
.data_info_area .info_box .tt_2.color_b {color: #568aff;}
.data_info_area .info_box .tt_2.color_y {color: #ffa705;}
.data_info_area .info_box .tt_2.color_g {color: #0ec58a;}
.data_info_area .info_box .tt_3 {font-size: 13px;font-weight:400;color: #919191;line-height:1.2;padding: 7px 0;}
.data_info_area .graph_box {position:absolute;top:11%;left:-0.5%;width:101%;height:90%;opacity:1;}

@media only screen and (max-width: 820px) {
	.data_info_area .info_box .tt_2 {font-size: 28px;}
}
@media only screen and (max-width: 460px) {
	.data_info_area .info_box .tt_2 {font-size: 40px;}
}


.data_info_area_tt {position:absolute;top:0;left:0;width:100%;height:100%;display: flex;padding:20px ;box-sizing: border-box;overflow: hidden;background: #fff;border-radius: 5px;}
.data_info_area_tt .info_box {width:100%;align-self:center;text-align: center;margin: 0 auto;word-break: break-all;z-index: 1;}
.data_info_area_tt .info_box .tt_1 {font-size: 18px;font-weight: 500;color: #ffffff;line-height:1.2;padding: 2px 0;}
.data_info_area_tt .info_box .tt_2 {font-size: 55px;font-weight: 500;color: #222;line-height: 1;padding: 5px 0;letter-spacing: -0.03em;}
.data_info_area_tt .info_box .tt_2.color_r {color: #fff;}
.data_info_area_tt .info_box .tt_2.color_b {color: #568aff;}
.data_info_area_tt .info_box .tt_2.color_y {color: #ffa705;}
.data_info_area_tt .info_box .tt_2.color_g {color: #0ec58a;}
.data_info_area_tt .info_box .tt_3 {font-size: 14px;font-weight:400;color: #ffffff;line-height:1.2;padding: 7px 0;}

@media only screen and (max-width: 820px) {
.data_info_area_tt .info_box .tt_2 {font-size: 35px;}
}
@media only screen and (max-width: 480px) {
.data_info_area_tt .info_box .tt_2 {font-size: 50px;}
}


.in_card_imges_box {position:absolute;top:-0.5%;left:-0.5%;width:101%;height:101%;opacity:1;background:#006CFF;}
.in_card_imges_box .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.5;}


.dataBox_list_area {position:relative;width:100%;height:290px;overflow: auto;}
.dataBox_list_area ul {width:100%;}
.dataBox_list_area ul li {margin-bottom: 5px;}
.dataBox_list_area .db_box {position:relative;width:100%;padding: 8px 8px;border: 1px solid #f1f1f1;border-radius:6px;box-sizing: border-box;background:#fff;display: table;}
.dataBox_list_area .db_box .text_1 {display: table-cell;vertical-align: middle;min-height:30px;padding: 0 6px;box-sizing: border-box;font-size:13px;font-weight:400;color: #6e6e6e;line-height:1.3;width: 35%;word-break: keep-all;}
.dataBox_list_area .db_box .text_2 {display: table-cell;vertical-align: middle;min-height:30px;padding: 5px 8px;box-sizing: border-box;font-size: 18px;font-weight: 500;color: #707070;line-height:1.3;word-break: break-all;text-align: right;background: #f5f5f5;border-radius: 4px;}



.color_box_area {position:absolute;top:0;left:0;width:100%;height:100%;}
.color_box_area .top_tit {position:relative;width:100%;height: 50px;display: table;}
.color_box_area .top_tit .tit_name {display: table-cell;vertical-align: middle;font-size: 16px;color:#444;font-weight:500;line-height:1.1;padding: 5px 15px;}

.color_box_area .mid_info_area {position:absolute;top:50px;left:0;width:100%;height:calc(100% - 50px);overflow: auto;}
.color_box_area .mid_info_area .mi_list {position:absolute;top:0;left:0;width:100%;height:100%;padding: 5px 15px ;box-sizing: border-box;}
.color_box_area .mid_info_area .mi_list ul {width:100%;}
.color_box_area .mid_info_area .mi_list ul li {width:100%;margin-bottom:10px;}
.color_box_area .mid_info_area .mi_list ul li .ml_box {position:relative;width:100%;padding: 18px 15px;display: table;border-radius:6px;background:#e9e9e9;box-sizing: border-box;}
.color_box_area .mid_info_area .mi_list ul li .ml_box.bgcolor_1 {background: #ffe2e2;}
.color_box_area .mid_info_area .mi_list ul li .ml_box.bgcolor_2 {background: #dee7ff;}
.color_box_area .mid_info_area .mi_list ul li .ml_box.bgcolor_3 {background: #ffeecc;}
.color_box_area .mid_info_area .mi_list ul li .ml_box.bgcolor_4 {background: #c8f5e6;}
.color_box_area .mid_info_area .mi_list ul li .ml_box.bgcolor_5 {background: #ffdbfb;}
.color_box_area .mid_info_area .mi_list ul li .ml_box .tit {display: table-cell;vertical-align: middle;text-align:left;padding-right:10px;}
.color_box_area .mid_info_area .mi_list ul li .ml_box .tit .tt {font-size: 16px;font-weight:500;color:#222;padding: 0 5px;display: inline-block;line-height: 1.2;vertical-align: middle;}
.color_box_area .mid_info_area .mi_list ul li .ml_box .tit i {font-size: 23px;vertical-align: middle;padding: 5px 5px;color:#222;display: inline-block;}
.color_box_area .mid_info_area .mi_list ul li .ml_box .tit .color_1 {color:#ff6868;}
.color_box_area .mid_info_area .mi_list ul li .ml_box .tit .color_2 {color: #568aff;}
.color_box_area .mid_info_area .mi_list ul li .ml_box .tit .color_3 {color: #ffa705;}
.color_box_area .mid_info_area .mi_list ul li .ml_box .tit .color_4 {color: #05b37b;}
.color_box_area .mid_info_area .mi_list ul li .ml_box .tit .color_5 {color: #c97ac0;}
.color_box_area .mid_info_area .mi_list ul li .ml_box .info_text {display: table-cell;vertical-align: middle;text-align:right;font-size: 14px;font-weight: 400;color:#333;line-height: 1.2;word-break: break-all;}




.color_boxSw_area {position:absolute;top:0;left:0;width:100%;height:100%;}
.color_boxSw_area .top_tit {position:relative;width:100%;height: 50px;display: table;}
.color_boxSw_area .top_tit .tit_name {display: table-cell;vertical-align: middle;font-size: 16px;color:#444;font-weight:500;line-height:1.1;padding: 5px 15px;}
.color_boxSw_area .mid_info_area {position:absolute;top:50px;left:0;width:100%;height:calc(100% - 50px);}
.color_boxSw_area .mid_info_area .mi_list {position:absolute;top:0;left:0;width:100%;height:100%;padding: 5px 8px;box-sizing: border-box;overflow: hidden;}
.color_boxSw_area .mid_info_area .mi_list .ml_box {position:relative;width:calc(100% - 16px);height: 230px;padding: 10px 20px;margin: 0 auto;display: flex;border-radius:6px;background:#e9e9e9;box-sizing: border-box;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .mb_section {align-self: center;width: 100%;}
.color_boxSw_area .mid_info_area .mi_list .ml_box.bgcolor_1 {background: #ffe2e2;}
.color_boxSw_area .mid_info_area .mi_list .ml_box.bgcolor_2 {background: #dee7ff;}
.color_boxSw_area .mid_info_area .mi_list .ml_box.bgcolor_3 {background: #ffeecc;}
.color_boxSw_area .mid_info_area .mi_list .ml_box.bgcolor_4 {background: #c8f5e6;}
.color_boxSw_area .mid_info_area .mi_list .ml_box.bgcolor_5 {background: #ffdbfb;}
.color_boxSw_area .mid_info_area .mi_list .ml_box.bgcolor_g {background: #f1f6f9;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .tit {text-align:left;width: 100%;margin-bottom: 4px;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .tit .tt {font-size: 14px;font-weight: 500;color:#222;padding: 5px 3px;display: inline-block;line-height: 1.1;position: relative;top: 2px;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .tit i {font-size: 32px;vertical-align: middle;padding: 2px 2px;color:#222;display: inline-block;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .tit .color_1 {color:#ff6868;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .tit .color_2 {color: #568aff;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .tit .color_3 {color: #ffa705;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .tit .color_4 {color: #05b37b;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .tit .color_5 {color: #c97ac0;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .info_text {text-align: left;font-size: 21px;font-weight: 500;color:#222;line-height: 1.2;word-break: break-all;padding: 3px;}
.color_boxSw_area .mid_info_area .mi_list .ml_box .info_text_sub {text-align: left;font-size: 13px;font-weight: 400;color:#555;line-height: 1.2;word-break: keep-all;padding: 5px 4px;}


.color_boxSw_area .swiper-pagination-bullet {background: #568aff;opacity: .3;width:30px;height:2px;border-radius:0;}
.color_boxSw_area .swiper-pagination-bullet-active {opacity:1;}
.color_boxSw_area .swiper-slide {background:none;}
.color_boxSw_area .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 2px ;}













/*card*/

.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/1920X1080_01.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.error_page .bgimg2 {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.3;
background-image: url(../../assets/images/1920X1080_03.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%;
	animation: spin 6s infinite linear;
	-webkit-animation: spin 6s infinite linear;
	box-sizing: border-box;
	z-index:10;
	}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-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;
	animation: spin2 1s ease-in-out  infinite;
	-webkit-animation: spin2 1s ease-in-out infinite;
	box-sizing: border-box;
	}

@keyframes spin2 {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin2 {
  to { -webkit-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;
	box-sizing: border-box;
	z-index:10;
	}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-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;
	box-sizing: border-box;
	}

@keyframes spin2 {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin2 {
  to { -webkit-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;
	background-image: url(../../assets/images/loadingimg_1.png);
	background-repeat: no-repeat;
	border-radius: 50%;
	animation: spinB 1.4s infinite linear;
	-webkit-animation: spinB 1.4s infinite linear;
	box-sizing: border-box;
	z-index:10;
	}

@keyframes spinB {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spinB {
  to { -webkit-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;
	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;
	box-sizing: border-box;
	z-index:10;
	}

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


.item_card {position:relative;width:100%;}
.item_card .item_images {position:relative;width: calc(100% - 20px);padding-bottom:60%;background:#ccc;overflow:hidden;border-radius: 6px;margin: 10px 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: 400;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:16px;}

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



.apexcharts-canvas {margin: 0 auto}

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

  .apexcharts-canvas {width:100% !important;}
  
}

#AngleCircleChart .apexcharts-legend {top:30px !important;left:auto !important;right:calc(50% + 20px) !important; }


.donmut_in_text {position:absolute;top:0;left:0;width:100%;height:100%;display: flex;}
.donmut_in_text .text_box {align-self: center;margin: 0 auto ;text-align:center;margin-top:-6%;}
.donmut_in_text .text_box .t_tt {font-size:12px;font-weight:500;color:#888;}
.donmut_in_text .text_box .t_num {font-size: 23px;font-weight: 600;color: #2d95fe;letter-spacing: -0.02em;}



.note-editor {width:100%;background:#fff;}
.note-editor button {margin:auto;padding:auto;font-family:none;}
.note-editor .note-btn {line-height: 1.3;}
.note-editor .note-btn-group button {margin:0;padding:auto;}
.note-editor .note-btn-group {margin-right: 8px;}
.note-editor button i {padding:0;top:0;font-size: unset;line-height:normal;}
.note-editor p {margin:0;}
.note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area {font-size:14px;}

.content_view_box {position:relative;width:80%;height:auto;margin: 10px auto ; min-height:200px;display: inline-block;border-radius: 4px ;border: 1px solid #d9d9d9;background:#fff;
padding: 10px 15px ;box-sizing: border-box;font-size:14px;line-height:1.6;color:#444;word-break: break-all;}




.board_view_page {position:relative;width:100%;padding: 20px ;box-sizing: border-box;}
.board_view_page .v_p_topbar {width:100%;padding: 10px 0px 20px;border-bottom: 1px solid #d8dfe4;box-sizing: border-box;}
.board_view_page .v_p_topbar .v_tit {width:100%;font-size:21px;font-weight:600;color:#222;letter-spacing: -0.02em;padding: 0 4px ;box-sizing: border-box;}
.board_view_page .v_p_topbar .v_info {width:100%;padding: 14px 16px 17px;margin: 20px auto 0;background: #eaeff3;border-radius: 4px;box-sizing: border-box;}
.board_view_page .v_p_topbar .v_info .user {display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 500;color:#657d91;margin-right: 40px;}
.board_view_page .v_p_topbar .v_info .user span {font-size:13px;font-weight:400;padding-right:5px;}
.board_view_page .v_p_topbar .v_info .date {display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 500;color:#657d91;}
.board_view_page .v_p_topbar .v_info .date span {font-size:13px;font-weight:400;padding-right:5px;}

.board_view_page .v_p_content {width:100%;padding: 20px 20px 20px;border-bottom: 1px solid #d8dfe4;box-sizing: border-box;min-height:600px;font-size: 14px;font-weight: 400;color:#555;line-height:1.7;}
.board_view_page .v_p_content img {max-width:100%;}

.board_view_page .v_p_tag {width:100%;padding: 17px 20px;box-sizing: border-box;background: #eaeff3;margin: 20px 0 0;border-radius: 4px;}
.board_view_page .v_p_tag .v_tit {font-size:13px;font-weight:400;padding-right:5px;margin: 2px ;}

.board_view_page .v_p_downF {width:100%;padding: 20px 20px 20px ;border-bottom: 1px solid #d8dfe4;box-sizing: border-box;}
.board_view_page .v_p_downF .v_tit {font-size:13px;font-weight:400;padding-right:5px;margin: 2px ;}



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

  .board_view_page {position:relative;width:100%;padding: 10px;box-sizing: border-box;}
  .board_view_page .v_p_topbar {width:100%;padding: 15px 0px;border-bottom: 1px solid #d8dfe4;box-sizing: border-box;}
  .board_view_page .v_p_topbar .v_tit {width:100%;font-size: 17px;font-weight:600;color:#222;letter-spacing: -0.02em;padding: 0 4px;box-sizing: border-box;}
  .board_view_page .v_p_topbar .v_info {width:100%;padding: 9px 16px 9px;margin: 20px auto 0;background: #eaeff3;border-radius: 4px;box-sizing: border-box;}
  .board_view_page .v_p_topbar .v_info .user {display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 500;color:#657d91;margin-right: 40px;}
  .board_view_page .v_p_topbar .v_info .user span {font-size:13px;font-weight:400;padding-right:5px;}
  .board_view_page .v_p_topbar .v_info .date {display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 500;color:#657d91;}
  .board_view_page .v_p_topbar .v_info .date span {font-size:13px;font-weight:400;padding-right:5px;}
  
  .board_view_page .v_p_content {width:100%;padding: 10px 10px;border-bottom: 1px solid #d8dfe4;box-sizing: border-box;min-height:600px;font-size: 14px;font-weight: 400;color:#555;line-height: 1.6;}
  .board_view_page .v_p_content img {max-width:100%;}
  
  .board_view_page .v_p_tag {width:100%;padding: 10px 10px;box-sizing: border-box;background: #eaeff3;margin: 20px 0 0;border-radius: 4px;}
  .board_view_page .v_p_tag .v_tit {font-size: 12px;font-weight:400;padding-right:5px;margin: 2px;}
  
  .board_view_page .v_p_downF {width:100%;padding: 10px 10px;border-bottom: 1px solid #d8dfe4;box-sizing: border-box;}
  .board_view_page .v_p_downF .v_tit {font-size: 12px;font-weight:400;padding-right:5px;margin: 2px;}

}


.cate_listBox {min-height:300px;width:100%;background: #fff;border-radius: 4px;}
.cate_listBox ul li {font-size: 14px;background:#fff;color: #707070;line-height:1.3;box-sizing:border-box;font-weight: 500;border-radius:4px;margin: 0 0 5px 0;cursor:pointer;background: #f3f3f3;}
.cate_listBox ul li a {color: #646464;display: block;padding: 14px 12px;}
.cate_listBox ul li.on {background: #2e9dff;color:#fff;}
.cate_listBox ul li.on a {color:#fff;}
.cate_listBox ul li:hover {background:#e8f0f7;}
.cate_listBox ul li.on:hover {background:#40A5FF;color:#fff;}



.title_st {position:relative;width:100%;font-size: 14px;color:#666666;margin: 0 0 5px 0;font-weight: 500;padding: 0 4px;}
.title_st_sub {font-size:12px;padding: 0 0 5px;color:#999;font-weight: 400;}

.ct_ip_area {position:relative;width:100%;margin: 0 0 30px 0 ;}
.ct_ip_area .section {padding: 5px 0 ;}

.di_img_section {margin: 20px 0 ;overflow:auto;width:100%;max-width:700px;}
.di_img_section_halp {margin: 20px 0 ;overflow:auto;width:50%; max-width:700px;display: inline-block;vertical-align: top;}
.di_img_upload {position:relative;width: 49%;float:left;margin-right:1%;}
.di_img_upload .title {padding: 0 4px 10px;font-size: 14px;color:#666;font-weight: 500;}
.di_img_upload .img_view {position:relative;width: 90%;padding-bottom:59.6%;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;}
.di_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;}
.di_img_upload .img_info {padding: 0 0 10px 0;font-size: 12px;color:#999;margin: 10px 0 0 0;line-height: 1.4;}
.di_img_upload .btnarea {padding: 0 0 10px 0 ;text-align:left;}

.di_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;}
.di_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) {

  .di_img_section_halp {width:100%;}
  .di_img_upload {width:100%;margin:0;}
  .di_img_upload .img_view {width:100%;}

}

.table_img_view {position: relative;width:90%;min-width:160px;height: 120px;max-height: 160px;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;}
.table_img_view img {width:100%;height:100%;object-fit:cover;position: absolute;top: 0;left: 0;}

.apicate_listBox {min-height:300px;width:100%;}
.apicate_listBox ul {margin: 10px 0 20px ;padding: 0 2px ;box-sizing: border-box;}
.apicate_listBox ul li {font-size: 14px;background:#fff;line-height:1.3;box-sizing:border-box;font-weight:500;border-radius:4px;margin: 0 0 5px 0;cursor:pointer;color: #707070;
display: block;padding: 14px 12px;background: #f3f3f3;}
.apicate_listBox ul li.on {background:#40A5FF;color:#fff;}
.apicate_listBox ul li:hover {background:#e8f0f7;}
.apicate_listBox ul li.on:hover {background:#40A5FF;color:#fff;}

.cate_selt {width:100%;text-align:center;font-size:12px;color:#555;border-top:1px solid #e1e7eb;padding: 10px 0 0 0 ;}
.btn_squ {padding: 3px !important;font-size: 14px;margin: 1px 2px;font-weight: 500;}
.btn_squ i {padding:0;font-size: 19px;color:#40A5FF;}

.di_icon_tb table img {max-height: 24px;width:auto !important;}
.di_editor_area {width:100%;}

.mem_state {position:relative;width:100%;text-align:center;box-sizing: border-box;}
.mem_state span {font-size: 15px;color:#555;margin: 6px 12px;vertical-align: middle;line-height: 1.1;display: inline-block;}
.mem_state span i {font-size: 21px;margin: 0 8px 0 0;vertical-align: middle;background: #2094fa;padding: 13px;border-radius: 100%;color: #fff;font-weight: 400;display: inline-block;}
.mem_state span b {padding: 0 7px 0 0 ;}


.tb_in_image {position:relative;display: inline-block;min-width: 180px;max-width: 300px;overflow: hidden;border-radius:4px;}
.tb_in_image img {width:100%;}

.img_card_table {position:relative;width:100%;padding: 15px 0;}
.img_card_table ul {width:100%;display: flex;align-items: flex-start;flex-wrap: wrap;}
.img_card_table ul li {flex: 0 0 auto;vertical-align: top;margin-bottom:40px;}
.img_card_table ul.card5 li {width: 20%;}
.img_card_table ul.card4 li {width: 25%;}
.img_card_table ul.card3 li {width: 33.33%;}
.img_card_table ul.card2 li {width: 50%;}

.img_card_table ul li .icard_box {position:relative;width:92%;margin: 0 auto;border-radius: 6px;background:#fff;overflow:hidden;
box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.13);cursor:pointer;transition: all .1s ease-in-out; }
.img_card_table ul li .icard_box:hover {box-shadow: 0px 0px 16px -1px rgba(0, 0, 0, 0.25);}
.img_card_table ul li .icard_box .ib_id {width:100%;font-size:15px;color:#222;font-weight:500;line-height:1.4;padding: 15px 15px;box-sizing: border-box;display: table;}
.img_card_table ul li .icard_box .ib_id .left_d {display: table-cell;vertical-align: middle;text-align:left;}
.img_card_table ul li .icard_box .ib_id .left_d span {margin: 0 1px ;vertical-align: middle;}
.img_card_table ul li .icard_box .ib_id .left_d span input[type="checkbox"] {vertical-align: middle;top: -1px;width: 19px;height:19px;}
.img_card_table ul li .icard_box .ib_id .left_d .tit {font-size:15px;color:#222;font-weight:500;line-height: 1.3;}
.img_card_table ul li .icard_box .ib_id .right_d {display: table-cell;vertical-align: middle;text-align:right;}
.img_card_table ul li .icard_box .ib_id a {display: inline-block;vertical-align: middle;font-size: 18px;font-weight:500;cursor:pointer;margin: 0 3px;}
.img_card_table ul li .icard_box .ib_id a.like_btn {color: #cfcfcf;} 
.img_card_table ul li .icard_box .ib_id a.like_btn.btn_on {color: #ffd60d;} 

.img_card_table ul li .icard_box .ib_image {width:100%;}
.img_card_table ul li .icard_box .ib_image img {width:100%;}
.img_card_table ul li .icard_box .con_area {width:100%;padding: 10px 0 15px;}
.img_card_table ul li .icard_box .con_area .ib_tit {width:100%;font-size: 16px;color: #444;font-weight: 500;line-height:1.4;padding:5px 15px 5px;box-sizing: border-box;}
.img_card_table ul li .icard_box .con_area .ib_content {width:100%;font-size:13px;color: #666;font-weight: 400;line-height: 1.5;padding: 5px 15px 5px;box-sizing: border-box;}
.img_card_table ul li .icard_box .con_area .ib_date {width:100%;font-size: 12px;color:#999;font-weight:400;line-height:1.4;padding:5px 15px 5px;box-sizing: border-box;}
.img_card_table ul li .icard_box .con_area .ib_tag {width:100%;padding:5px 15px 5px;box-sizing: border-box;}
.img_card_table ul li .icard_box .con_area .ib_tag .tagbox {padding: 5px 10px;font-size: 12px;color:#fff;font-weight:400;line-height: 1.1;border-radius:4px;background: #a3a3a3;display: inline-block;margin: 2px 1px;}
.img_card_table ul li .icard_box .con_area .ib_tag .tagbox:hover {background:#8b8b8b;}


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

  .img_card_table ul.card5 li {width: 33.33%;}
  .img_card_table ul.card4 li {width: 33.33%;}
  .img_card_table ul.card3 li {width: 33.33%;}
  .img_card_table ul.card2 li {width: 50%;}

}

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

  .img_card_table ul li {width:100% !important;}

}


.swp_color_box {position:relative;width:calc(100% - 16px);height: 230px;padding: 10px 20px;margin: 0 auto;display: flex;border-radius:6px;background:#e9e9e9;box-sizing: border-box;}
.swp_color_box .mb_section {align-self: center;width: 100%;}
.swp_color_box.bgcolor_1 {background: #ffe2e2;}
.swp_color_box.bgcolor_2 {background: #dee7ff;}
.swp_color_box.bgcolor_3 {background: #ffeecc;}
.swp_color_box.bgcolor_4 {background: #c8f5e6;}
.swp_color_box.bgcolor_5 {background: #ffdbfb;}
.swp_color_box .tit {text-align:left;width: 100%;margin-bottom: 4px;}
.swp_color_box .tit .tt {font-size: 14px;font-weight: 500;color:#222;padding: 5px 3px;display: inline-block;line-height: 1.1;position: relative;top: 2px;}
.swp_color_box .tit i {font-size: 32px;vertical-align: middle;padding: 2px 2px;color:#222;display: inline-block;}
.swp_color_box .tit .color_1 {color:#ff6868;}
.swp_color_box .tit .color_2 {color: #568aff;}
.swp_color_box .tit .color_3 {color: #ffa705;}
.swp_color_box .tit .color_4 {color: #05b37b;}
.swp_color_box .tit .color_5 {color: #c97ac0;}
.swp_color_box .info_text {text-align: left;font-size: 21px;font-weight: 500;color:#222;line-height: 1.2;word-break: break-all;padding: 3px;}
.swp_color_box .info_text_sub {text-align: left;font-size: 13px;font-weight: 400;color:#555;line-height: 1.2;word-break: keep-all;padding: 5px 4px;}



.page_set_section {position:relative;width: 98%;margin: 0 auto;padding: 0px 0 10px;}
.page_set_section .set_tit {width:100%;padding: 10px 6px 15px;border-bottom: 1px solid #dce2e5;margin: 0 0 10px;box-sizing: border-box;display: table;}
.page_set_section .set_tit .left_area {font-size: 17px;font-weight:500;color: #555;line-height:1.3;display:table-cell;text-align:left;vertical-align: middle;padding: 0 5px 0 0;box-sizing: border-box;}
.page_set_section .set_tit .right_area {font-size: 14px;font-weight: 400;color:#222;line-height:1.3;display:table-cell;text-align:right;vertical-align: middle;}

.page_set_section .set_area {width: 100%;margin: 0 auto;}
.page_set_section .set_area .sub_tit {width: 100%;display:table;padding: 9px 10px;box-sizing: border-box;background: #f5f5f5;margin: 10px 0 5px 0;border-radius: 4px;}
.page_set_section .set_area .left_tit {font-size: 15px;font-weight:500;color:#222;line-height:1.3;display:table-cell;text-align:left;vertical-align: middle;}
.page_set_section .set_area .right_tit {font-size: 12px;font-weight: 400;color:#222;line-height:1.3;display:table-cell;text-align:right;vertical-align: middle;}
.page_set_section .set_area .set_list {width:100%;padding: 6px 6px 12px;box-sizing: border-box;display:table;}
.page_set_section .set_area .set_list .name {display:table-cell;vertical-align:middle;font-size: 14px;font-weight:400;color: #666;line-height: 1.6;text-align:left;}
.page_set_section .set_area .set_list .selt {display:table-cell;vertical-align:middle;font-size:14px;font-weight:400;color:#222;line-height:1.3;text-align:right;}
.page_set_section .set_area .set_list .selt span {display:inline-block;}




.modal_noti {position:fixed;width:100%;height: auto;z-index: 100;}
.modal_noti .modal_position {position:absolute;transition: all 0.4s ease-in-out;opacity: 0;}
.modal_noti .modal_position .modal_area {position:relative;width:340px;border-radius: 10px;background:#fff;float: right;margin: 20px;
box-shadow: 0px 0px 16px -1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 0px 16px -1px rgba(0, 0, 0, 0.2);}
.modal_noti .modal_position .modal_area .md_top {width:100%;display: table;padding: 6px 6px 0px;box-sizing: border-box;font-size:13px;font-weight:500;color:#666;}
.modal_noti .modal_position .modal_area .md_top .md_t_left {display: table-cell;text-align:left;font-size: 14px;color: #555;font-weight: 500;padding: 0 0 0 5px;}
.modal_noti .modal_position .modal_area .md_top .md_t_right {display: table-cell;text-align:right;}
.modal_noti .modal_position .modal_area .md_content {width:100%;}

.modal_noti.top_center {top: 0;left:0;}
.modal_noti.top_center .modal_position {top: 0;left:50%;margin-left:-170px;transform: translate(0, -100%);}

.modal_noti.top_right {top: 0;right:0;}
.modal_noti.top_right .modal_position {top: 0;right:0;transform: translate(0, -100%);}

.modal_noti.bottom_center {bottom: 0;left:0;}
.modal_noti.bottom_center .modal_position {bottom: 0;left:50%;margin-left:-170px;transform: translate(0, 100%);}

.modal_noti.bottom_right {bottom: 0;right:0;}
.modal_noti.bottom_right .modal_position {bottom: 0;right:0;transform: translate(0, 100%);}

.modal_noti.f_pop_on .modal_position {transform: translateY(0%);opacity: 1;}

.md_con_section {position:relative;width:100%;padding: 10px 10px ;box-sizing: border-box;}
.md_con_section .con_box {position:relative;width:100%;display: table;}
.md_con_section .con_box .c_b_text {display: table-cell;text-align:center;vertical-align: middle;padding: 10px 6px;font-size:15px;line-height:1.3;color:#444444;font-weight:500;}
.md_con_section .con_box .c_b_text .in_icon {font-size:31px;color:#006CFF;line-height: 1.3;vertical-align: middle;padding: 2px 6px;display: inline-block;}
.md_con_section .con_box .c_b_text .in_text {font-size: 15px;color:#444444;line-height:1.3;font-weight:500;vertical-align: middle;display: inline-block;}
.md_con_section .btn_section {position:relative;width:100%;text-align:center;padding: 12px 0 6px;}



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

    .modal_noti .modal_position {width:100%;opacity: 0;}
    .modal_noti .modal_position .modal_area {width:100%;margin:0;}

    .modal_noti.top_center {top: 0;left:0;}
    .modal_noti.top_center .modal_position {top: 0;left:0%;margin-left:0px;transform: translate(0, -100%);}
    
    .modal_noti.top_right {top: 0;right:0;}
    .modal_noti.top_right .modal_position {top: 0;right:0;transform: translate(0, -100%);}
    
    .modal_noti.bottom_center {bottom: 0;left:0;}
    .modal_noti.bottom_center .modal_position {bottom: 0;left:0%;margin-left:0px;transform: translate(0, 100%);}
    
    .modal_noti.bottom_right {bottom: 0;right:0;}
    .modal_noti.bottom_right .modal_position {bottom: 0;right:0;transform: translate(0, 100%);}

    .modal_noti.f_pop_on .modal_position {transform: translateY(0%);opacity: 1;}

    .md_con_section .btn_section {position:relative;width:100%;text-align:center;padding: 12px 0 12px;}

  
  }