@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../fonts/woff2/Pretendard-Black.woff2') format('woff2'), url('../fonts/woff/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../fonts/woff2/Pretendard-ExtraBold.woff2') format('woff2'), url('../fonts/woff/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../fonts/woff2/Pretendard-Bold.woff2') format('woff2'), url('../fonts/woff/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../fonts/woff2/Pretendard-SemiBold.woff2') format('woff2'), url('../fonts/woff/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../fonts/woff2/Pretendard-Medium.woff2') format('woff2'), url('../fonts/woff/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../fonts/woff2/Pretendard-Regular.woff2') format('woff2'), url('../fonts/woff/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../fonts/woff2/Pretendard-Light.woff2') format('woff2'), url('../fonts/woff/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../fonts/woff2/Pretendard-ExtraLight.woff2') format('woff2'), url('../fonts/woff/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../fonts/woff2/Pretendard-Thin.woff2') format('woff2'), url('../fonts/woff/Pretendard-Thin.woff') format('woff');
}

body,html,ul,li,span,div,table,tr,td,th,label,text,dl,dd,dt,a,button,input,textarea{margin:0px;padding:0px;font-size: 13px;font-family: 'Pretendard', sans-serif;max-width: -webkit-fill-available;}
input,select{cursor: pointer;max-width: -webkit-fill-available;}
a{text-decoration: none;color:#000;}
a:hover{color:#fd4646;}
dl, ul, ol, li{list-style: none;}
button{cursor: pointer;margin-right:5px;}
label{vertical-align: top;}
/* .right{float:right;padding-right:10px;} */
.left{float:left;}
.right{float:right;}
.MainBody{background:#3c3c3c;color:#dadada;}
.base.disabled{color:#bfbfbf;}
.base.display{display:none;}
.base.progress{color:#ff7272;}
.base.extended{color:#72c4ff;}
.right_al{text-align:right !important;}
.left_al{text-align:left !important;}
.headerFix {top: 0px;position: sticky;position:-webkit-sticky;z-index: 8;background:#FFFFFF;box-shadow:0 0 5px 5px gray;}
.hide{display:none !important;}
.address{text-align: left !important;}
.null{color:#ffffff;font-weight:bold;background:#FF0000;}

.blinking{-webkit-animation:blink 0.5s ease-in-out infinite alternate;-moz-animation:blink 0.5s ease-in-out infinite alternate;animation:blink 0.5s ease-in-out infinite alternate;}
.update{cursor:help;}
.update:hover{background-color: gold;color:#000000;}
@-webkit-keyframes blink{
    0% {background-color: hsla(120, 100%, 50%, 0);}
    100% {background-color: hsla(120, 100%, 50%, 100);}
}
@-moz-keyframes blink{
    0% {background-color: hsla(120, 100%, 50%, 0);}
    100% {background-color: hsla(120, 100%, 50%, 100);}
}
@keyframes blink{
    0% {background-color: hsla(120, 100%, 50%, 0);}
    100% {background-color: hsla(120, 100%, 50%, 100);}
}

h1 > a{min-width: 150px;height:50px;border:1px solid #000000;display: table;text-align:center;}
.iteml_index{margin:0 auto;border-spacing: 0;}
.iteml_index tr td div{display: inline-block;}
.page_display{text-align: center;margin:10px 0;}
.page_display a{font-size:13px;color: #fff;background: #79aec8;display: inline-block;padding:2px 6px;}
.page_display .active{font-size:13px;color: #000;background: #fff;display: inline-block;padding:2px 6px;}
.page_display a:hover{background:#036;}
.page_display a.muted{color:#cecece;}
#index_top{display:block;font-size:12px;text-align: right;background-color:#4d4d4d;color:#9a9a9a;line-height: 35px;}
#index_top a{color:#9c9c9c;}
#index_top a:hover{color:#fff;}
#index_top > ul{display: block;text-align: center;}
#index_top > ul > li{display:inline-block;text-align: center;padding:0px 10px}
#index_top .logout{float:right;padding-right:10px;}

.top_menu {text-align: center;font-size: 12px;border-bottom: 5px solid #4d4d4d;background-color: #e6e6e6;margin-bottom: 10px;}
.top_menu > ul > li {display: inline-block;padding: 10px 10px;}
.dark{color:#fff;}

#msg,.msg {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;background: #000000ad;font-size:12px;overflow: hidden;z-index:10;}
#msg > .layer{padding: 30px;width:auto;height:auto;position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border: 0px;background-color: #fff;}
#msg > .layer input[type=text],#msg > .layer input[type=number],#msg > .layer input[type=button]{width:300px;height:33px;padding:5px;}
#msg > .layer select{width:300px;height:30px;}
#msg > .layer ul > li{line-height:2;}

@media screen and (max-width: 640px) {
    #pacey_view > div,.main{width:100% !important;}
    #pacey_new,#pacey_all_list,#main {overflow:auto;}
    .summary_page .chart,.summary_page .graph,.summary_page .chart td{width:98%}
    .main > .mm {
        width: 100% !important;
    }
}