/* Change Autocomplete styles in Chrome*/
input:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus{-webkit-box-shadow: none;transition: background-color 5000s ease-in-out 0s;outline:0;}

/*reset*/
@charset "utf-8";
/* °øÅë ¿µ¿ª */
@import url(/include/js/notosanskr.css);
.clearfix:after {content:'';display:block;clear:both}
.hidden {display:none}
*{font-family: 'Noto Sans KR', sans-serif;}
/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input {	margin:0;padding:0;border:0;font-size:100%;box-sizing:border-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}



a {text-decoration:none}
a:link, a:visited {text-decoration:none}
a:hover, a:active {text-decoration:none}
img {border:none;vertical-align:middle}
ol, ul, li {list-style:none}
*{box-sizing: border-box}

table {border-collapse: collapse;border-spacing: 0}
fieldset {border:none}
legend{width:1px;height:1px;overflow:hidden;visibility:hidden;line-height:0;font-size:0;position:absolute; left:-999px}

button, input[type="button"] {padding:0;margin:0;border:none;vertical-align:middle;cursor:pointer}
input{margin:0;padding:0;border:0}
input[type=text]::-ms-clear {display:none}
input[type=password]::-ms-clear {display:none}
textarea {resize:none}
input, select, button, textarea{outline: none}

button:focus{outline:0 !important;}

/* ie ¿¡¼­ È­»ìÇ¥ ¸ð¾çÀÌ ÀÌ»óÇؼ­ ¾ø¾Ö ºÃ´ø css 
select { -webkit-appearance: none; -moz-appearance: none;appearance: none; background:#fff url(/img/board/bssbg.png) no-repeat 100% 0;}
select::-ms-expand { display:none; }
*/

/* ·Îµù¹Ù */
#load {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.8;
	background: white;
	z-index: 99;
	text-align: center;
}

#load > img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}

#downloadbar {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.8;
	background: white;
	z-index: 99;
	text-align: center;
}

#downloadbar > img {
	position: absolute;
	top: 43%;
	left: 43%;
	z-index: 100;
}

#calculbar {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.8;
	background: white;
	z-index: 99;
	text-align: center;
}

#calculbar > img {
	position: absolute;
	top: 43%;
	left: 43%;
	z-index: 100;
}


#uploadbar {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.8;
	background: white;
	z-index: 99;
	text-align: center;
}
#uploadbar > img {
	position: absolute;
	top: 43%;
	left: 43%;
	z-index: 100;
}
#delbar {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.8;
	background: white;
	z-index: 99;
	text-align: center;
}
#delbar > img {
	position: absolute;
	top: 43%;
	left: 43%;
	z-index: 100;
}

#block_page {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.8;
	background: white;
	z-index: 99;
	text-align: center;
}
/*******reset³¡**********/


.loginBtn{
	background: #27431f;
}

/* capslock  üũ ¸ð´Þ */
#globalCapsLockIndicator {
    position: fixed; /* È­¸éÀÇ Æ¯Á¤ À§Ä¡¿¡ °íÁ¤ */
    top: 80px;       /* »ó´Ü¿¡¼­ 20px ¶³¾îÁü */
    right: 20px;     /* ¿À¸¥ÂÊ¿¡¼­ 20px ¶³¾îÁü */
    background-color: #ffcccc; /* ¹è°æ»ö */
    color: #cc0000;  /* ±ÛÀÚ»ö */
    border: 1px solid #cc0000; /* Å׵θ® */
    padding: 8px 12px; /* ¾ÈÂÊ ¿©¹é */
    border-radius: 5px; /* ¸ð¼­¸® µÕ±Û°Ô */
    z-index: 99999;   /* ´Ù¸¥ ¿ä¼Ò À§¿¡ Ç¥½ÃµÇµµ·Ï °¡Àå ³ôÀº z-index ¼³Á¤ */
    display: none;   /* Ãʱ⿡´Â ¼û±è */
    font-weight: bold;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}