/*폰트*/
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('/vendor/jsdelivr/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Bold';
    src: url('/vendor/jsdelivr/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Light';
    src: url('/vendor/jsdelivr/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'sigMenu';
  src:  url('/img/icon/sigMenu.eot?sn5d6g');
  src:  url('/img/icon/sigMenu.eot?sn5d6g#iefix') format('embedded-opentype'),
    url('/img/icon/sigMenu.ttf?sn5d6g') format('truetype'),
    url('/img/icon/sigMenu.woff?sn5d6g') format('woff'),
    url('/img/icon/sigMenu.svg?sn5d6g#sigMenu') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:root {
    --blue:  #467eff;
    --primary: #467eff;
    --secondary: #626262;
    --success: #00cccb;
    --info: #6fa6f4;
    --warning: #eebf1a;
    --danger: #d81e57;   
}

/*스크롤*/
/*ie*/
html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: none; height: 10px; background:  #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; }
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #d0cfcf; -webkit-border-radius: 8px; border-radius: 8px;}

html {position: relative;    font-size: 62.5%; min-height: 100%;}
body {
    margin: 0;font-family:'NEXON Lv1 Gothic OTF', sans-serif;font-size: 1.3rem;font-weight: 400;line-height: 1.5;color: #8a8a8a;text-align: left;background-color: #fff;} 
.font-notosanskr{font-family:'NEXON Lv1 Gothic OTF', sans-serif;}
.font-manrope, .badge-counter , .count{font-family:'NEXON Lv1 Gothic OTF bold', sans-serif;}


h1, .h1 {font-size: 2.5rem;}
h2, .h2 {font-size: 2rem;}
h3, .h3 {font-size: 1.7rem;}
h4, .h4 {font-size: 1.5rem;}
h5, .h5 {font-size: 1.3rem;}
h6, .h6 {font-size: 1.1rem;}
.h3-xl{font-size: 40px;}
.h4-xl{font-size: 3.2rem;}

img { max-width: 100%;}

.icon{font-size: 2rem;}
.svg-icon{width:2rem; height:2rem;}
.svg-icon-md{width:1.5rem; height:1.5rem;}

a {color: inherit;}
a:hover{color: #467eff;}

a .svg-icon .cls-1{fill: #8a8a8a;}
a:hover .svg-icon .cls-1{fill: #467eff;}
a.nav-link.active .svg-icon .cls-1{fill: #467eff;}

/* margin */
.mb30{margin-bottom:30px}

.text-body{color:#8a8a8a !important;}
.text-primary{color:#467eff !important;}
.text-secondary{color:#626262 !important;}
.text-success{color:#00cccb !important;}
.text-danger{color:#FD5361 !important;}
.text-warning{color:#eebf1a !important;}
.text-info{color:#6fa6f4 !important;}
.text-light-gray{color:#bfbfbf !important;}

.pagingM .text-readmore{padding:.75rem 1.25rem;background-color: rgba(0,0,0,.03);display:block;}
.text-readmore{color:#bfbfbf !important;font-family:'NEXON Lv1 Gothic OTF bold', sans-serif;text-decoration: none !important;}
.text-readmore:hover, .text-readmore:focus{color:#467eff !important;}

.bg-primary{background-color:#467eff !important;}
.bg-secondary{background-color:#626262 !important;}
.bg-success{background-color:#00cccb !important;}
.bg-danger{background-color:#FD5361 !important;}
.bg-warning{background-color:#eebf1a !important;}
.bg-info{background-color:#6fa6f4 !important;}
.bg-info2{background-color:#f0f5fd !important;}
.bg-gray{background-color: #d2d2d2 !important;}

.border-primary{border-color:#467eff !important;}
.border-secondary{border-color:#626262 !important;}
.border-success{border-color:#00cccb !important;}
.border-danger{border-color:#FD5361 !important;}
.border-warning{border-color:#eebf1a !important;}
.border-info{border-color:#6fa6f4 !important;}
.border-gray{border-color: #d2d2d2 !important;}

.badge-primary{background-color: #467eff;}
.badge-secondary{background-color:#626262;}
.badge-success{background-color:#00cccb;}
.badge-danger{background-color:#d81e57;}
.badge-warning{background-color:#eebf1a;}
.badge-info{background-color:#6fa6f4;}

.mg_b{ margin-bottom: 30px !important;}

.badge-circle{min-width:2em;height: 2em;line-height: 1.5;border-radius: 100%;}
#gnb-2depth .badge-circle{width:20px;min-width:auto;height:20px;padding:0;line-height:20px;border-radius:50%;text-align:center;}
#groupSearchInput_pc{
	height: 34px;
	width: 174px;
    line-height: 34px;
    padding-left: 14px;
    padding-right: 30px;
    cursor: pointer;
    margin-left: -22px;
    position: relative;
    border: 1px solid #dddddd;
    margin-right: 15px;
    z-index: 2;
    border-radius: 5px;
    overflow: hidden;
	background: url(/img/svg/search_menu.svg) #fff no-repeat 148px center!important;
}
#groupSearchInput_m{
	height: 34px;
    width: 169px;
    line-height: 34px;
    padding-left: 14px;
    padding-right: 30px;
    cursor: pointer;
    margin-left: -28px;
    margin-top: 20px;
    position: relative;
    border: 1px solid #dddddd;
    margin-right: 15px;
    z-index: 2;
    border-radius: 5px;
    overflow: hidden;
    background: url(/img/svg/search_menu.svg) #fff no-repeat 142px center!important;
}

.basicCont .card_box{ margin-bottom: 20px; }
.btn-primary{background-color: #467eff;border-color: #467eff;}
.btn-secondary{background-color:#626262;border-color:#626262;}
.btn-success{background-color:#00cccb;border-color:#00cccb;}
.btn-danger{background-color:#d81e57;border-color:#d81e57;}
.btn-warning{background-color:#eebf1a;border-color:#eebf1a;}
.btn-pill-gray{background-color:#8a8a8a;border-color:#8a8a8a;color:#626262;}

.btn-outline-primary{color: #467eff;border-color: #467eff;}
.btn-outline-secondary{color:#626262;border-color:#626262;}
.btn-outline-success{color:#00cccb;border-color:#00cccb;}
.btn-outline-danger{color:#d81e57;border-color:#d81e57;}
.btn-outline-warning{color:#eebf1a;border-color:#eebf1a;}
.btn-outline-gray{border-color:#8a8a8a;color:#8a8a8a;}
.btn-outline-gray:focus, .btn-outline-gray:hover{border-color:#467eff;color:#467eff;}

.btn-circle-line{display: inline-flex;align-items: center;justify-content: center;width:2rem;height:2rem;border-radius: 100%;border: 1px solid #8a8a8a;font-family:'NEXON Lv1 Gothic OTF bold', sans-serif;font-size: 1rem;color:#8a8a8a;}
.btn-circle-line:hover, .btn-circle-line:focus{color: #467eff;}
.btn-view{font-size: 1.3rem; line-height:1;}

.btnBgBlue{background:#467eff;}
.btnBgBlue:hover{background:#6fa6f4;}

.baiscNumCircle{min-width:33px;height:33px;padding:0 5px;font-size:12px;font-weight:bold;color:#fff;line-height:36px;text-align:center;display:inline-block;border-radius:50%;margin:0 9px 0 6px;}

.table td, .table th{vertical-align: middle; word-break: break-all;}
.table.dataTable.table-striped td, .table.dataTable.table-striped th{padding-top:2rem; padding-bottom: 2.5rem;}
.table thead th, .table thead td{color:#ababab;}
/*.table-hover tbody tr:hover{background-color:  #fafafa;color: #626262;}*/
.table-striped tbody tr:nth-of-type(even) {background-color: #fafafa;}
.table-striped tbody tr:nth-of-type(odd) {background-color: #ffffff;}

.border-bottom-1{border-bottom: 1px solid #dee2e6 !important;}
.border-top-1{border-top: 1px solid #dee2e6 !important;}

.custom-select{font-size: 1.3rem;padding: .75rem 2.75rem .75rem 1rem;height: calc(1.5em + 1.5rem + 2px);color:#8a8a8a; border:1px solid #d2d2d2;}
.selPageCnt{width:81px;text-align:left;position:relative;padding-left:14px;cursor:pointer;}
.selPageCnt .current{position:relative;z-index:4;}
.selPageCnt > ul{display:none;}
.selPageCnt.open > ul{width:100%;position:absolute;left:0;top:35px;display:block;background:#fff;}
.selPageCnt.open > ul:before{width:calc(100% + 2px);height:calc(100% + 37px);border:1px solid #787878;border-radius:3px;position:absolute;left:-1px;top:-36px;content:"";display:block;z-index:3;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem 10px/8px 10px;}
.selPageCnt.open > ul li{position:relative;z-index:4;display:block;padding:10px 0 10px 14px;font-size:13px;color:#626262;cursor:pointer;background:#fff;}
.selPageCnt.open > ul li:hover{background:#6fa6f4;color:#fff;}

/* selectDesign - ul Tag */
.selectDesign{width:200px;text-align:left;position:relative;padding-left:14px;cursor:pointer;border-color:#d2d2d2;}
.selectDesign .current{position:relative;z-index:4;}
.selectDesign > ul{display:none;}
.selectDesign.open > ul{width:100%;position:absolute;left:0;top:35px;display:block;background:#fff;}
.selectDesign.open > ul:before{width:calc(100% + 2px);height:calc(100% + 37px);border:1px solid #d2d2d2;border-radius:3px;position:absolute;left:-1px;top:-36px;content:"";display:block;z-index:3;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem 10px/8px 10px;}
.selectDesign.open > ul li{position:relative;z-index:4;display:block;padding:10px 0 10px 14px;font-size:13px;color:#626262;cursor:pointer;background:#fff;}
.selectDesign.open > ul li:hover{background:#6fa6f4;color:#fff;}

/* selectBoxDesign - select Tag */
.selectBoxDesign{display:inline-block;}
.selectBoxDesign select{width:201px;height:36px;color:#8a8a8a;padding-left:14px;border:1px solid #d2d2d2;border-radius:3px;appearance:none;outline:none;cursor:pointer;}

/* alert */
.alertDesign{width:330px;height:195px;background:#f6f6f6;position:fixed;left:50%;top:50%;margin:-97.5px 0 0 -165px;z-index:1000;border:1px solid #d2d2d2;box-shadow:2px 2px 7px rgba(0, 0, 0, .3);}
.alertDesign h5{background:#fff;font-size:14px;font-weight:bold;color:#467eff;border-bottom:1px solid #467eff;padding:18px 0 15px 22px;}
.alertDesign .alertCont{height:70px;overflow:hidden;padding:10px 18px 0 25px;font-size:13px;letter-spacing:-0.025em;color:#7b7b7b;}
.alertDesign .alertBtn{position:absolute;right:20px;bottom:20px;}
.alertDesign .alertBtn input[type=button]{width:85px;height:35px;text-align:center;line-height:33px;font-size:13px;border:0;background:none;outline:none;padding:0;margin:0;border-radius:3px;}
.alertDesign .alertBtn input[type=button].btnCancel{color:#ababab;border:1px solid #ababab;}
.alertDesign .alertBtn input[type=button].btnOk{color:#fff;border:1px solid #467eff;background:#467eff;margin-left:10px;}
.alertDesign .alertClose{position:absolute;right:20px;top:15px;}


/* More */
.btnPlusMoreParent{position:relative;}
.btnPlusMore{
	width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 10px;
    border-radius: 50%;
    border: 0;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    line-height: 15px;
    display: inline-block;
}

.btnPlusMore:hover{text-decoration:none;color:#6fa6f4;}
.dashEventMore .btnPlusMore{
	width: 25px;
    height: 25px;
    line-height: 21px;
    font-size: 26px;
    font-family: 'NEXON Lv1 Gothic OTF', sans-serif;

}
.dashEventMore .btnPlusMore{top:12px;}


.dropdown-item {padding: .5rem 2.5rem;font-size: 1.3rem;color: #8a8a8a;}
.dropdown.no-arrow .dropdown-toggle::after{display: none;}
.dropdown-item:focus, .dropdown-item:hover{color: #467eff;background-color:transparent;}

.grid-divider > [class*="col-"]:nth-child(n + 2):before {content: "";background-color: #e9ecef;position: absolute;top: 0;bottom: 0;    width: 1px;height: auto;left: -1px;}

.list-group-all-flush  .list-group-item{border-width: 0;}
.list-group-striped .list-group-item:nth-of-type(odd) {background-color: #ffffff;}
.list-group-striped .list-group-item:nth-of-type(even) {background-color: #fafafa;}
.list-group-striped .list-group-item .card{background-color: transparent;}

.w-5 {width: 5% !important;}
.w-10 {width: 10% !important;}
.w-15 {width: 15% !important;}
.w-33{width:calc(100%/3) !important;}
.w-90{width: 90% !important;}

.scroll-to-top {position: fixed;right: 1rem;bottom: 1rem;width: 2.75rem;height: 2.75rem;text-align: center;color: #fff;background: rgba(90,92,105,.5);font-size: 2rem;line-height: 1.3;z-index: 98;}
.scroll-to-top:hover {background: #5a5c69;}
.scroll-to-top:focus, .scroll-to-top:hover {color: #fff;}

/*Header*/
header{
    position: fixed;
    background: #fff;
    z-index: 991;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
}
.topbar{
    padding: 2rem;
    height: 7rem;
    margin-bottom: 0;

}
.topbar .navbar-nav .nav-item .nav-link {display: flex;align-items: center;padding: 0 1rem;height: 7rem;position:relative;cursor:pointer;}
.topbar .navbar-brand{width:20rem;height: auto;padding:0;}
.topbar .badge-counter {height: 24px;width: 24px;position: absolute;transform: scale(.7);transform-origin: top right;left: 1.4rem;margin-top: -.6rem;line-height: 21px;border-radius: 12px;}
.topbar .dropdown-menu{padding:0;top:52px;right:30px; border-radius: 15px 0 15px 15px;}
.topbar .dropdown-menu {
    -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none !important; /* Firefox */
}
.topbar .dropdown-menu::-webkit-scrollbar {
    display: none !important; /* Chrome, Safari, Opera*/
}

.topbar .dropdown-menu .dropdown-header{padding-top:.5em;padding-bottom: .5em;color: #6fa6f4;background-color: #f0f5fd;border-radius: 15px 15px 0 0;}
.topbar .dropdown-menu.dropdown-menu-right:after{border-right:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid transparent;border-top:7px solid #467eff;transform:rotate(-135deg);content:"";position:absolute;right:-7px;top:-7px;}
.topNoticeNav:hover > div{display:block;}
.topProfileNav:hover > div{display:block;}

/* Page Wrapper  */
#wrapper {display: flex; background: #fff;}

/* Sidebar */
.sidebar{min-height: 100vh;border-top:1px solid #467eff;}
.sidebar .nav{display:block;}
#gnb-2depth > div.show ul{
    overflow-x: scroll;
    height: calc(100vh - 180px);
}
#gnb-2depth > div.show ul{
    -ms-overflow-style: none;
}
#gnb-2depth > div.show ul::-webkit-scrollbar{
    display:none;
}
.sidebar .nav-item .navPcView{/*padding: 1.8rem;font-weight: 400;font-size: 1.4rem;*/padding:0;}
.sidebar .nav-item .navPcView > span{display:block;padding: 1.8rem;font-size: 1.4rem;text-align: center;}
.sidebar .nav-item a > span:before{
	font-family: 'sigMenu' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sidebar .nav-item > a.active > span:before,
.sidebar .nav-item > .navPcView:hover > span:before{color: #467eff;}
.sidebar .nav-item > a > span:before{content:'';display:inline-block;height:20px;width:20px;font-size:20px;color:#000;vertical-align: top;text-align: center;}
.sidebar .nav-item > a > span.icon-Event:before{content: "\e900";}
.sidebar .nav-item > a > span.icon-Main-Dashboard:before {content: "\e901";}
.sidebar .nav-item > a > span.icon-Monitoring:before {content: "\e902";}
.sidebar .nav-item > a > span.icon-Report:before {content: "\e903";}
.sidebar .nav-item > a > span.icon-Setting:before {content: "\e904";}
.sidebar .nav-item > a > span.icon-Support:before {content: "\e905";}

li.nav-item{position: relative;}
li.nav-item a.sub_link{
	word-break: break-all;
    width: 100%;
    position: relative;
    padding: 5px 30px 5px 20px;
	
}
li.nav-item a.sub_link p.sub_title{
	width: 90%;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
li.con{
    display: flex;
    align-items: center;
}
li.con svg{
    width: 30px;
    height: 20px;
}

.sidebar a .svg-icon{display:none;}
.sidebar a .svg-icon .cls-1 {fill:black;}
.sidebar .sidebar-heading{padding: 2rem 1.8rem;color: #000000;font-family:'NEXON Lv1 Gothic OTF', sans-serif;font-weight: bold;}
.sidebar .nav-item .collapse-inner{padding-bottom: 2rem;}
.sidebar .nav-item .collapse-inner .collapse-item{display: block !important;color: #8a8a8a;font-family:'NEXON Lv1 Gothic OTF', sans-serif;text-decoration: none;padding: 0.7rem 1rem 0.7rem 2rem;}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapse .collapse-inner .collapse-item.active{color: #467eff;}
.sidebar .badge{margin-left: 0.5rem;margin-right: 0.5rem;}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover .badge-secondary{background-color: #6fa6f4;}

#gnb-1depth.sidebar{
    width: 6.5rem;
    max-width: 6.5rem;
    background-color: #eaeaea;
    padding: 1.5rem 0 1.5rem 0;
    position: fixed;
    margin-top: 71px;
}
#gnb-1depth .nav-item .nav-link.active{background-color: #f6f6f6;}
#gnb-2depth.sidebar{display:none;width: 23rem;max-width: 23rem;background-color: #f6f6f6;box-shadow: 0 0 1rem rgba(0,0,0,.15) inset !important; padding-bottom: 100px;margin-top: 7.1rem;
    margin-left: 6.5rem;}
#gnb-2depth.sidebar.toggled{display: block;    margin-right: -6.5rem;     position: fixed;}
#gnb-2depth > div{display:none;}
#gnb-2depth > div.show{display:block;}
#gnb-2depth .nav-item .nav-link{
	word-break: break-all;
    width: 100%;
    position: relative;
    padding: 5px 30px 5px 20px;

}
#gnb-2depth .nav-item .nav-link.active{color: #467eff;font-weight: bold;}
#gnb-2depth .nav-item .nav-link.active2{color: #467eff;font-weight: bold;}
#gnb-2depth .nav-item .nav-link[data-toggle=collapse]::after {width: 1rem;text-align: center;float: right;vertical-align: 0;border: 0;font-weight: 900;content: '\f054';font-family: 'Font Awesome 5 Free'; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
#gnb-2depth .nav-item .nav-link.active[data-toggle=collapse]::after {width: 1rem;text-align: center;float: right;vertical-align: 0;border: 0;font-weight: 900;content: '\f078';font-family: 'Font Awesome 5 Free';position: absolute; top: 50%; right: 10px; transform: translateY(-50%);} 

/* Device View */
.navMobileView{display:none;}

/* Content */
#wrapper #content-wrapper {
    padding-top: 3rem;
    width: 100%;
    overflow: hidden;
    margin-left: 6.5rem;
    margin-top: 7rem;
}
#wrapper #content-wrapper #content {flex: 1 0 auto;}
.heading{color:#000;}
#page-heading .heading{color:#010101; }
.card-grid .card-header {padding: 3rem 3rem 1.5rem 3rem;}
.card-grid .card-footer {padding: 1.5rem;}

/*.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before{border-right-color:#626262}
.tooltip.fade.bs-tooltip-right .tooltip-inner{max-width:300px;padding:10px 15px;font-size:12px;background:#626262;}*/

/*
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before{border-right-color:#626262 !important;}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before{border-left-color:#626262 !important;}
.tooltip.fade.bs-tooltip-right .tooltip-inner{max-width:300px !important;padding:10px 15px !important;font-size:12px !important;background:#626262 !important;}
.tooltip.fade.bs-tooltip-left .tooltip-inner{max-width:300px !important;padding:10px 15px !important;font-size:12px !important;background:#626262 !important;}
.tooltip .tooltip-inner{text-align:left !important;}
*/

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: #626262 !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #626262 !important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #626262 !important;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #626262 !important;
}
.tooltip-inner{
    max-width:300px !important;
    padding:10px 15px !important;
    font-size:12px !important;
    background:#626262 !important;
	text-align: left;
}



.card-header .btn.btn-circle-line{padding:0;}

/* Header Notice */
.noticeDropdownWrap{box-shadow:2px 3px 7px #bbb;}
.noticeDropdownWrap a:hover{text-decoration:none;}
.noticeDropdownWrap ul, .noticeDropdownWrap li{list-style:none;}
.noticeDropdownWrap ul.alarm_list{ height: 278px; overflow-x: hidden; overflow-y: scroll;}
.noticeDropdownWrap ul.alarm_list {
    -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none !important; /* Firefox */
}
.noticeDropdownWrap ul.alarm_list::-webkit-scrollbar {
    display: none !important; /* Chrome, Safari, Opera*/
}
.noticeDropdownWrap *{padding:0;margin:0;box-sizing:border-box;}
.noticeDropdownWrap .dropdownCont{width:310px;padding:26px 20px 20px 20px;position:relative;}
.noticeDropdownWrap .dropdownCont h5{font-size:14px;color:#626262;border-bottom:1px solid #636363;padding-bottom:9px;}
.noticeDropdownWrap .dropdownCont h5 span{min-width:33px;height:33px;line-height:33px;text-align:center;display:inline-block;border-radius:50%;color:#fff;background:#626262;margin-left:3px;}
.noticeDropdownWrap .dropdownCont ul li{padding:15px;font-size:13px;position:relative;}
.noticeDropdownWrap .dropdownCont ul li > div{position:relative;z-index:2;}
.noticeDropdownWrap .dropdownCont ul li:hover:after{width:100%;height:100%;background:#f0f5fd url(/img/common/server_active_icon.png) no-repeat right bottom;border:1px solid #6fa6f4;position:absolute;left:0;top:0;content:"";}
.noticeDropdownWrap .dropdownCont ul li:nth-child(2n){background:#fafafa;}
.noticeDropdownWrap .dropdownCont ul li .noticeDate{display:inline-block;margin-left:13px;}
.noticeDropdownWrap .dropdownCont ul li .basicText{font-size:11px;margin-top:3px;letter-spacing:-0.05em;position:relative;z-index:2;}
.noticeDropdownWrap .dropdownCont .noticeMore{position:absolute;right:20px;top:31px;}
.noticeDropdownWrap .dropdownCont .noticeMore a{
width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 26px;
    color: #8a8a8a;
    text-align: center;
    line-height: 30px;
    display: inline-block;
}
.noticeDropdownWrap .dropdownCont .noticeMore:hover a{color:#6fa6f4;}
.noticeDropdownWrap .dropdownCont .noticeRemove{margin-top:20px;}
.noticeDropdownWrap .dropdownCont .noticeRemove a{height:36px;background:#626262;line-height:36px;text-align:center;color:#fff;display:block;font-size:13px;border-radius:3px;}

/*Footer*/


/* 기간조회 */
.daterangepicker{box-shadow:2px 2px 7px #bbb;}
.daterangepicker.opensright:before,
.daterangepicker.opensright:after{display:none !important;}
.daterangepicker .ranges li:hover,
.daterangepicker .ranges li.active{background-color:#6fa6f4 !important;color:#fff !important;}


/* Dashboard */
.dashTable .iconStyle{display:inline-block;padding-left:20px; text-align: left; }
.dashTable .serverIcon{background:url(/img/svg/server.svg) no-repeat left 2px;background-size:15px 15px;}
.dashTable .networkIcon{background:url(/img/svg/network.svg) no-repeat left 2px;background-size:15px 15px;}
.dashTable .uptimeIcon{background:url(/img/svg/uptime.svg) no-repeat left 2px;background-size:15px 15px;}
.dashTable .transactionIcon{background:url(/img/svg/Transaction.svg) no-repeat left 2px;background-size:15px 15px;}
.dashTable .pagespeedIcon{background:url(/img/svg/Pagespeed.svg) no-repeat left 2px;background-size:15px 15px;}
.dashTable .securityIcon{background:url(/img/svg/security.svg) no-repeat left 2px;background-size:15px 15px;}



/* Search */
.boardSearchWrap{margin-bottom:25px;}
.boardSearchWrap form{display:flex;}
.boardSearchWrap .selectCont{margin-right:10px;}
.boardSearchWrap .selectCont select{width:200px;border-color:#d2d2d2;}
.boardSearch{height:36.5px;border:1px solid #d2d2d2;border-radius:3px;display:inline-block;position:relative;}
.boardSearch input[type="text"]{width:239px;height:34.5px;border:0;padding:0 10px;color:#ababab;vertical-align:top;outline:none;}
.boardSearch input[type="submit"],
.boardSearch input[type="button"]{width:38px !important;height:34.5px !important; border-radius:0 3px 3px 0!important; background:url(/img/svg/search.svg) no-repeat center center!important; background-size:15px 17px !important;font-size:0 !important;letter-spacing:-1000em !important;line-height:0 !important;border:0 !important;}
.boardSearch:hover input[type="submit"],
.boardSearch:hover input[type="button"]{background:url(/img/svg/search_blue.svg) no-repeat center center;background-size:15px 17px;}
.allSearch{margin-right:25px;}
.allSearch input[type="text"]{width:150px;border-radius:3px;}
.allSelectBox{ float: right;}
.allSelectBox {  width: 81px;  margin-left: auto;  position: relative;  right: 0;  top: 0;}

/* pagingPc */
.pagingPc{text-align:center;margin:30px 0 10px;}
.pagingPc a,
.pagingPc span{width:auto;display:inline-block;margin:0 15px;font-size:14.5px;color:#ababab;}
.pagingPc a.pageActive,
.pagingPc span.pageActive{font-weight:bold;color:#626262;}
.pagingPc img{vertical-align:0 !important;}
#m_board_paging.pagingPc img{vertical-align:0;}
#m_board_paging.pagingPc a{margin:0 6px;}

/* width */
.wid5{width:5%}
.wid10{width:10%}
.wid15{width:15%}
.wid16{width:16%}
.wid20{width:20%}
.wid22{width:22%}
.wid25{width:25%}
.wid30{width:30%}
.wid35{width:35%}
.wid40{width:40%}
.wid45{width:45%}
.wid50{width:50%}
.wid55{width:55%}
.wid60{width:60%}
.wid65{width:65%}
.wid70{width:70%}
.wid75{width:75%}
.wid80{width:80%}
.wid85{width:85%}
.wid90{width:90%}
.wid95{width:95%}
.wid100{width:500%}

/* gread Icon */
.iconGrade{width:35px;height:19px;text-align:center;line-height:19px;border-radius:15px;font-size:11px;color:#fff;display:inline-block;}
.iconGradeA{background:#00cccb;}
.iconGradeB{background:#9ec870;}
.iconGradeC{background:#eebf1a;}
.iconGradeD{background:#ec8b55;}
.iconGradeE{background:#c12454;}
.iconGradeF{background:#ababab;}

.speed_search{ float: left;}
.speed_PageCnt{ float:right;}

/*시간컨트롤*/
.dat_Wrap{ display: flex;}
.bdxmFQ {
    min-width: 90px;
    padding-right: 16px;
    height: 60px;
    display: inline-block;
}
.deXRsd {
    height: 38px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
	border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 0 5px;
}
.kXQtYK_L {
    display: inline-block;
    width: 18px;
    height: 18px;
    user-select: none;
    cursor: pointer;
	margin: 0px 3px;
}
.kXQtYK_R {
    display: inline-block;
    width: 18px;
    height: 18px;
    user-select: none;
    cursor: pointer;
	margin: 0px 28px 0px 3px;
}
.eggBtn.active {
    background-color: #2979ff;
    color: #fff;
}
.eggBtn {
    white-space: nowrap;
	color: #000;
    min-width: 39px;
    height: 30px;
    line-height: 28px;
    padding: 0 9px;
    text-align: center;
    border-radius: 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    margin-right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.eggBtn.active .eggLabel {
    background-color: #fff;
    color: #2979ff;
}
.eggLabel {
    display: inline-block;
    padding: 0 4px;
    height: 14px;
    line-height: 14px;
    border-radius: 2px;
    background-color: #2979ff;
    color: #fff;
    margin-right: 6px;
    font-size: 9px;
}


.topbar .navbar-brand img.pc{
		display: block;
    max-height: 45px;
    }
	.topbar .navbar-brand img.mobile{
		display: none;        
    }
/*=============================================================
                Responsive
=============================================================*/
@media (max-width: 1280px) { 
/* Search */
.speed_PageCnt{
	float: right !important;
    width: auto !important;
    position: absolute !important;
    top: 166px !important;
    right: 2.3rem !important;}
.dat_Wrap {
    display: block;
}


}
@media (max-width: 1024px) { 
/* Search */
.boardSearchWrap .selectCont select{width:auto;}
}

@media (max-width: 1100px) { 
	.selectDesign{width:auto;}
	.cateSearch .selectDesign{width:200px;}
}
@media (max-width: 991.98px) { 
	.speed_PageCnt{
	float: right !important;
    width: auto !important;
    position: absolute !important;
    top: 157px !important;
   right: 2.3rem !important;}
	
}
@media (max-width: 767.98px) { 
#gm_event_list li .eventName {
    width: 15%;
    color: #343a40;
    font-family: 'NEXON Lv1 Gothic OTF Bold', sans-serif;
}
.topbar .navbar-nav .nav-item .top_all svg g circle{fill:#fff;}
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 

/* Header Notice */
.noticeDropdownWrap{top:55px;right:-62px;}
.egg_live{ width: 50%;}	
	
.eggBtn {
    white-space: nowrap;
    color: #000;
    min-width: auto;
    height: 30px;
    width: 20%;
    line-height: 28px;
    padding: 0 4px;
    text-align: center;
    border-radius: 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    margin-right: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    li.con svg path{
        fill: #fff;
    }
.egg_live{ width: 50% !important}	
	
.eggBtn {
    white-space: nowrap;
    color: #000;
    min-width: auto;
    height: 30px;
    width: 20%;
    line-height: 28px;
    padding: 0 4px;
    text-align: center;
    border-radius: 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 1px solid transparent;
    margin-right: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
    body {
        color:#7b7b7b;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
        padding-left: 1em;
        padding-right: 1em;
    } 
	.bdxmFQ {
    width: 100%;
	padding-right: 0; 
}
	.deXRsd {
        width: 100%;
}
    .text-body{
        color:#7b7b7b !important;
    }
	.speed_PageCnt{
	float: right !important;
    width: auto !important;
    position: absolute !important;
    top: 213px !important;
    right: 2.3rem !important;}
	
    /*Header*/
    header{
        background-color: #467eff !important;
        margin-bottom: -70px;
        border-bottom: 0;
    }
    .topbar{
        padding: 2rem 1rem;
    }
    #loginMessage{
        display: none !important;
    }
    .topbar .svg-icon .cls-1{
        fill: #fff;
    }
    .topbar .navbar-brand img.pc{
		display: none;
    }
	.topbar .navbar-brand img.mobile{
        display: block;
        max-height: 30px;
        width: auto;
    }
    .topbar a:hover .svg-icon .cls-1{
        fill: #fff;
      }
    .topbar a.nav-link.active .svg-icon .cls-1{
        fill: #fff;
    }

    /* Sidebar */
	/*.tooltip{display:none;}*/
	#page-top.sidebar-toggled{overflow:hidden;}
    #gnb-1depth.sidebar {
		z-index: 999;
		position: fixed;
		display:none;
		left:0;
		top:0px;
		bottom:0;
		padding:0;
        max-width:  100%;
		width:200px;
		height:auto;
		min-height:0;
		background-color:#fff;
        box-shadow: 1px 0 3px 0 rgba(0,0,0,.15) !important;
		overflow:auto;
		padding-bottom: 26px;
    }
	#gnb-1depth.sidebar.toggled{
		display:block;
	}
    #gnb-1depth.sidebar.toggled + #menuDimmed{
        z-index: 998;
		position:fixed;
		display: block;
        left:0;
		right:0;
		top:70px;
		bottom:0;
		background-color: rgba(0,0,0,.5);
    }
	.sidebar .nav-item{
        width: 100% !important;
        font-size: 1.5rem;
    }  
    .sidebar .nav-item .nav-link{
        font-size: 1.5rem;
        padding: 1.9rem 1.5rem;
    }
    #gnb-1depth .nav-item .nav-link.active{
        background-color: transparent;
    }
	#gnb-1depth .nav-item .nav-link.active + .submenu{
        display:block;
    }
    #gnb-1depth.sidebar .svg-icon{
        width:1.3em;
        height:1.3em;
        display: inline-block;
        margin-bottom: .3em;
    }
    #gnb-1depth.sidebar .nav-item .nav-link.active .svg-icon{
        fill: #467eff;
    }
    #gnb-1depth.sidebar .sidebar-heading{
        padding: 0 .3em;
    }
	#gnb-1depth.sidebar .nav-link.active .sidebar-heading{
        color: #467eff;
    }
    #gnb-1depth.sidebar .nav-item .nav-link.active  .sidebar-heading:after{
        font-family: "Font Awesome 5 Free";
        content: '\f111';
        color: #467eff;
        font-size: .5em;
        margin-left: .5em;
        margin-right: .5em;
		vertical-align:2px;
    }
    #gnb-1depth .submenu {
		display:none;
		height:auto;
        background-color: #eeeeee;
    }
    #gnb-1depth .submenu ul li{
        background-color: #eeeeee;
    }    
    #gnb-1depth .submenu .nav-item .nav-link.collapsed{
        color: #3c3c3c;
    }
	#gnb-1depth .submenu .nav-item .nav-link.collapsed:hover{
        color: #007bff;
		background-color: #f5f5f5;
    }
    #gnb-1depth .submenu .nav-item .nav-link.collapsed[data-toggle=collapse]::after {
        width: 1rem;
        text-align: center;
        float: right;
        vertical-align: 0;
        border: 0;
        font-weight: 900;
        content: '\f054';
        font-family: 'Font Awesome 5 Free';
    }    
    #gnb-1depth .submenu .nav-item .nav-link:not(.collapsed){
        background-color: #467eff;
        color: #fff;
    }
    #gnb-1depth .submenu .nav-item .nav-link:not(.collapsed)[data-toggle=collapse]::after {
        width: 1rem;
        text-align: center;
        float: right;
        vertical-align: 0;
        border: 0;
        font-weight: 900;
        content: '\f078';
        font-family: 'Font Awesome 5 Free';
    }
    .sidebar .nav-item .collapse-inner .collapse-item{
        margin: .5rem;
        padding: 1.5rem 2.5rem;
        border-radius: .35rem;
    }
    .sidebar .nav-item .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapse-inner .collapse-item:focus{
        background-color: #f6f6f6;
    }
    #gnb-1depth .sidebar-divider{
        display: none;
    }
    #gnb-2depth.sidebar{
        display: none !important;
    } 

    /* Content */
    #wrapper #content-wrapper {
        padding:3rem 1.5rem 3rem 1.5rem;
        /*z-index: 98;*/
        margin-left: 0;
    }  
    #page-heading .heading{
    color: #000;
    font-size: 14px;
    padding-bottom: 6px;
	letter-spacing: -1px;
    }
    #content-wrapper > #content  > .container-fluid > #page-heading + .row{
        background-color: #fff;
    }
	/* Device View */
	.navPcView{display:none !important;}
	.navMobileView{display:block;}

	.topNoticeNav:hover > div{display:none;}
	.topProfileNav:hover > div{display:none;}
	.topNoticeNav.show:hover > div{display:block;}
	.topProfileNav.show:hover > div{display:block;}



	.tooltip.fade.bs-tooltip-right .tooltip-inner,
	.tooltip.fade.bs-tooltip-left .tooltip-inner{max-width:300px;}

	/* Search */
	.boardSearch{border-color:#d2d2d2;}
	.searchFull.serverSearchWrap .boardSearch,
	.searchFull.boardSearchWrap .boardSearch{width:100%;}
	.searchFull .boardSearch input[type="text"]{width:calc(100% - 42px);}
	.allSearch{margin-right:0;}
	.boardSearchWrap{margin-bottom:15px;}
	.boardSearchWrap.cateSearch form{display:block;}
	.boardSearchWrap.cateSearch .selectCont{margin-right:0;margin-bottom:10px;}
	.boardSearchWrap.cateSearch .selectDesign{width:100%;}

}

	.wrapper_main {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: auto;
    position: relative;
	height: 100vh;
}
	.wrapper_main .main {
  position: relative;
  min-width: 1200px;
  padding: 10px; }
	.browser-warning-container {
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    width: 766px;
    text-align: center;
    border: 1px solid #e5e5e5;
    padding: 28px 28px 10px;
    width: 50%;
}
	.browser-warning-container h2 {
    text-align: left;
	color: #467eff;
}
	.browser-warning-container p {
    margin: .7em 0;
    text-align: left;
}
.browser-warning-container ul{ margin: 0; padding: 0;}
	.browser-warning-container li {
    display: inline-block;
    margin: 25px 20px;
}
.browser-warning-container a {
    color: #0275b8;
    text-decoration: none;
    transition: color .2s ease-out;
}
	.browser-warning-container a:link {
    color: #0275b8;
    text-decoration: none;
    transition: color .2s ease-out;
}
	.browser-warning-footer {
    border-top: 1px solid #ebeef0;
    margin: 25px 0 0;
    padding: 10px 0 0;
    text-align: center;
}
	.wrapper_main footer {
    padding: 55px 10px 10px;
    color: #768d99;
    line-height: 15px;
    text-align: center;
	 margin-top: auto;
}
.wrapper_main .browser-logo-chrome, .browser-logo-ff, .browser-logo-ed, .browser-logo-opera, .browser-logo-safari {
  background: url("/img/browser-sprite.png") no-repeat;
  width: 66px;
  height: 66px;
  margin: 0 auto;
  margin-bottom: 5px; }

.wrapper_main .browser-logo-chrome {
  background-position: 0 0; }

.wrapper_main .browser-logo-ff {
  background-position: -66px 0; }

.wrapper_main .browser-logo-ed {
  background-position: 0 -66px; }

.wrapper_main .browser-logo-opera {
  background-position: -66px -66px; }

.wrapper_main .browser-logo-safari {
  background-position: 0 -132px; }

#footer{
	position: fixed;
    left: 1.5rem;
    bottom: 2rem;
    width: 2.75rem;
    height: 2.75rem;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    line-height: 1.3;
    z-index: 9;
}
.m_foot{ display: none;}
.footer_con{
    left: 6rem;
    color: #91919a;
    width: 150px;
    border-radius: 8px;
    padding: 0px;
    bottom: 80px;
    position: absolute;
    text-align: left;
}
.footer_con a{
font-size: 10px;
    color: #666;
    border-radius: 6px;
    text-align: center;
    margin: 3px 0;
    text-decoration: underline;
	}
.footer_con a:hover{color: #515151;}
.footer_con p.foot_logo{
	font-size: 16px;
    font-family: 'NEXON Lv1 Gothic OTF Bold', sans-serif;
    margin-bottom: 10px;
    color: #a2a2a2;
}
.footer_con p { margin-bottom: 3px; color:  #2c2d45; font-size: 9px;}
.footer_con p span{ margin-right: 3px; color: #91919a;}
.footer_con p.corp{ color: #a4a4a4; margin-top: 5px;}

/*footer popup*/
.viewLayerAccessTerms{
	width: 850px;
    position: fixed;
    left: 50%;
    top: 25%;
    margin-left: -425px;
    display: none;
    z-index: 1000;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 15px;
    box-shadow: 0 0 10px #bbb;

}
.viewLayerAccessTerms h5{background:#626262;color:#fff;padding:13px 20px 15px;border-radius:15px 15px 0 0;}
.viewLayerAccessTerms .layerTableDesign{max-height:410px;overflow-y:auto;margin:2px 0;padding:0 18px;}
.viewLayerAccessTerms .layerTableDesign table{width:100%;text-align:center;}
.viewLayerAccessTerms .layerTableDesign table th{letter-spacing:-0.05em;color:#ababab;border-bottom:1px solid #e2e2e2;padding:10px 0 9px;font-weight:normal;}
.viewLayerAccessTerms .layerTableDesign table th.fixedHeader{position:sticky;top:0;border-bottom:0;background:#fff;padding:0;}
.viewLayerAccessTerms .layerTableDesign table th.fixedHeader > div{padding:21px 0 9px;border-bottom:1px solid #e2e2e2;}
.viewLayerAccessTerms .layerTableDesign table th.fixedHeader > div p{width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;}
.viewLayerAccessTerms .layerTableDesign table td{padding:9px 0;color:#7d7d7d;}
.viewLayerAccessTerms .layerTableDesign table tr:nth-child(2n+1) td{background:#fafafa;}
.viewLayerAccessTerms .bottomText{border-top:1px solid #d2d2d2;font-size:11px;color:#ababab;padding:14px 23px;}
.viewLayerAccessTerms .layerClose{position:absolute;right:20px;top:15px;}
.viewLayerAccessTerms .layerClose img{vertical-align:top;}
.viewLayerAccessTerms.viewLayerAccessTermsActive{display:block;}
.popupViewLayer .viewLayerAccessTerms{width:100%;display:block;position:relative;left:0;top:0;margin:0 auto;}
.popupViewLayer .viewLayerAccessTerms .layerTableDesign{overflow:auto;margin:2px 0;padding:0 18px;}
.popupViewLayer .viewLayerAccessTerms .layerTableDesign table{min-width:850px;}
.allDataList .infoDataList .infoDataBox .loading_box{top: 50%; width: 100%;  margin:0 ; position: absolute; display: none;}
.allDataList .infoDataList .infoDataBox .loading_box_1{
	transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.viewLayerPrivacyPolicy{
	width: 850px;
    position: fixed;
    left: 50%;
    top: 25%;
    margin-left: -425px;
    display: none;
    z-index: 1000;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 15px;
    box-shadow: 0 0 10px #bbb;
}
.viewLayerPrivacyPolicy h5{background:#626262;color:#fff;padding:13px 20px 15px;border-radius:15px 15px 0 0;}
.viewLayerPrivacyPolicy .layerTableDesign{max-height:410px;overflow-y:auto;margin:2px 0;padding:0 18px;}
.viewLayerPrivacyPolicy .layerTableDesign table{width:100%;text-align:center;}
.viewLayerPrivacyPolicy .layerTableDesign table th{
letter-spacing: -0.05em;
    color: #333;
    border-bottom: 1px solid #333;
    padding: 10px 0 9px;
    font-weight: normal;
}
.viewLayerPrivacyPolicy .layerTableDesign table th.fixedHeader{position:sticky;top:0;border-bottom:0;background:#fff;padding:0;}
.viewLayerPrivacyPolicy .layerTableDesign table th.fixedHeader > div{padding:21px 0 9px;border-bottom:1px solid #e2e2e2;}
.viewLayerPrivacyPolicy .layerTableDesign table th.fixedHeader > div p{width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;}
.viewLayerPrivacyPolicy .layerTableDesign table td{padding:9px 0;color:#7d7d7d;}
.viewLayerPrivacyPolicy .layerTableDesign table tr:nth-child(2n+1) td{background:#fafafa;}
.viewLayerPrivacyPolicy .bottomText{border-top:1px solid #d2d2d2;font-size:11px;color:#ababab;padding:14px 23px;}
.viewLayerPrivacyPolicy .layerClose{position:absolute;right:20px;top:15px;}
.viewLayerPrivacyPolicy .layerClose img{vertical-align:top;}
.viewLayerPrivacyPolicy.viewLayerPrivacyPolicyActive{display:block;}
.popupViewLayer .viewLayerPrivacyPolicy{width:100%;display:block;position:relative;left:0;top:0;margin:0 auto;}
.popupViewLayer .viewLayerPrivacyPolicy .layerTableDesign{overflow:auto;margin:2px 0;padding:0 18px;}
.popupViewLayer .viewLayerPrivacyPolicy .layerTableDesign table{min-width:850px;}
.allDataList .infoDataList .infoDataBox .loading_box{top: 50%; width: 100%;  margin:0 ; position: absolute; display: none;}

.terms-container * {margin:0;	padding:0;	font-style:normal;	font-weight:normal;	color:#969696 ;	line-height:21px;	text-decoration:none;	border:none;	background:none; letter-spacing: 0px;}
.terms-content {margin:10px 0 30px;}
.terms-container p{ font-size: 12px;}
.terms-container {font-size:14px;	line-height:1.25;	color:#333333;	word-break:keep-all; }
.terms-container hr { clear:both; display:block; margin:0; padding:0; height:50px; background-color:#ffffff; visibility:hidden; overflow:hidden; }
.terms-container b{    color: #515151;}
.__typo {	margin:0;	padding:0;	line-height:1.5;	letter-spacing:-0.05em;	color:#333333;}
.__typo.__1 {	font-weight:100;font-size:18px; margin-bottom: 30px; margin-top: 30px;}
.__typo.__2 {	font-weight:300;font-size:20px;}
.__typo.__3 {	font-weight:300;font-size:16px;}
.__typo.__4 {	font-weight:700;font-size:16px;}
.__typo.__5 {	font-weight:700;font-size:14px;}
.terms-list { margin:0; padding:0; list-style:none; font-size:14px;}
.terms-list > li { 	position:relative;	margin:5px 0 0;	padding:0 0 0 25px;	line-height:18px; font-size: 12px;}
.terms-list > li.policy_f{padding-left: 0;}
.terms-list .pdL50{ 	 padding-left: 45px !important;}
/*.terms-list > li:first-child { 	margin:0;}*/
.terms-list > li > em:first-child { position:absolute; 	left:0; top:-1px; 	font-style:normal;	line-height:24px; color: #515151; white-space:nowrap;}
.terms-list > li p.t01{ margin-top: 5px; color: #212121;  font-weight: 500;}
.terms-list > li p.t01 strong{padding-left: 0px;display: block;}
.terms-list.__bullet > li { padding:0 0 0 10px;}
.terms-list.__none > li { 	padding:0;}
.terms-list.__rome > li > em:first-child {	width:25px;	text-align:center;}
.terms-list .terms-list { margin:5px 0 0; }
.terms-table { margin:10px 0 40px; }
.terms-table > .caption { padding:10px 0; font-weight:400; }
.terms-table table {
    border-spacing:0;
    border-collapse:collapse;
    border-top:1px solid #333333; border-right:1px solid #333333;
}
.terms-table table { width:400px; }
.terms-table table caption { display:none; }
.terms-table th,
.terms-table td {
  padding:10px;
  border-bottom:1px solid #333333; border-left:1px solid #333333;
}
.terms-table.__fluid table { width:100%; }

/*이미지 팝업*/
.event_popup a.popup_con #popup_noti_type_2{max-width:360px; min-width: 320px; height: auto; position: relative;}
.event_popup a.popup_con #popup_noti_type_2 img{width: 100%;}
.event_popup{border: 1px solid #ccc !important;}
.event_popup a.popup_con h3{font-size: 18px !important; padding: 0 35px !important; font-family: 'NEXON Lv1 Gothic OTF Bold', sans-serif !important;}

@media (max-width: 1200px){
	.viewLayerAccessTerms {
    width: 90%;
    left: 5%;
    margin-left: 0;
}
	.viewLayerPrivacyPolicy {
    width: 90%;
    left: 5%;
    margin-left: 0;
}
}

@media (max-width: 767.98px){
	.footer_con{ display: none;}
	#footer{display: none;}
	.m_foot{ 
	display: block;
    font-size: 11px;
    padding: 5px 1.5rem;
    position: fixed;
    bottom: 0;
    width: 200px;
    background: #fff;
    box-shadow: 0px 1px 7px #b7b7b7;}
	.viewLayerAccessTerms {
	display: none !important;
}
	.viewLayerPrivacyPolicy {
    display: none !important;
}
    .maindontent_all .group_list .tree ul{width: auto;}


}


/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .grid-divider > [class*="col-"]:nth-child(n + 2):before {display: block;position: relative;margin-top: 2.5rem;margin-bottom: 2.5rem; width: 100%;height: 1px;}
	.selPageCnt{width:55px;padding-left:10px;}
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) and (orientation: landscape){ 
    #gnb-1depth.sidebar:not(.toogled):before{content:'';display: block;width: calc(95vw - 18.5rem); height: 100%;background-color: rgba(0,0,0,.5);position: absolute;left: 22rem;margin-top: -1.2em;}
	
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
}

@media (max-width: 480px) {
	#gm_event_count.badge-circle{min-width:2.5em;height:2.5em;line-height:2;font-size:12px;}
	.dashboardEvent.tableVerticalList ul li.thead{margin:0;}
	.topbar .dropdown-menu{padding-right:0;}
	.topNoticeNav{position:static;}
	.topNoticeNav .noticeDropdownWrap .dropdownCont{width:100%;}
	.navbar-expand .navbar-nav .topNoticeNav .dropdown-menu{width:100%;border:0;right:-68px; min-width: 290px;}
    .topbar .dropdown-menu{border-radius: 15px;}

	/* alert */
	.alertDesign{width:300px;margin-left:-150px;}
	
}


@media screen and (max-width: 640px){
	.wrapper_main .main {
    width: 80%;
}
}