@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'ChosunLo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunLo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 초기화 영역 */
html, body, div, span, applet, object, iframe,form,fieldset,legend,
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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, button, textarea,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
.blind {position:absolute; top:-1000px; visibility:hidden;}

body {
    font-family:"Noto Sans KR","SBAggro",sans-serif;
    font-size:1rem;
    line-height:1.5;
    color:#000;
    word-break:break-all;
	outline: none;
	overflow-x:hidden;
}


ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{/*vertical-align:top;*/max-width:100%;}
caption, legend {display:none;}

input { border: 1px solid #dddddd; background: #fff; height:33px; padding: 0 0px;color:#666 !important; vertical-align:middle;}
input [type="checkbox"] {border:none; padding:0; width:13px !important; height:13px !important;}
input [type="radio"] {border: none; padding:0; width:13px !important; height:13px !important;}

select {height:33px; border:1px solid #dddddd; padding-left:5px; color:#666 !important; background:transparent;}
textarea {border: 1px solid #dddddd; background: #fff; padding:6px 4px;color:#666 !important;}
button {border:none; background:transparent}


.sdonly {position:absolute; top:0 !important; left:0 !important; line-height:0 !important; font-size:0 !important; width:0 !important; height:0 !important; color:transparent !important; overflow:hidden !important;}
.sdonly:before, .sdonly:after {display:none !important;}

.hidden {margin:0; padding:0; width:100%; height:0; line-height:0; font-size:0; border:none; overflow:hidden;}
.hide {display:none;}


button {cursor:pointer; border:0;}


* {margin:0px; padding:0px;}
img {vertical-align:top;}
.clear:after {content:""; display:block; clear:both;}
ul,li,ol{list-style:none;}
a {text-decoration:none; color:#000;}
p {word-break:keep-all;}
/* b {font-weight:500;} */
h1,h2,h3,h4,h5,h6{font-size:100%;}
/* body,html {width:100%; height:100%;} */

body,html {height:100%;}

/* .body_wrap {overflow:hidden;} */
/* .body_wrap {position:relative; overflow-y:auto;} 
.body_wrap:after {content:""; display:block; width:250px; height:100%; position:absolute; top:0px; left:0px; background-color:#f4f4f4;} */



/* @media screen and (max-width:1024px){
	.body_wrap {overflow:initial;}
} */



#loading_img{
	width:100px;
	position:absolute; 
	top:50%;
	left:50%;
	height:100px;
	margin-top:-50px;	
	margin-left:-50px;	
	z-index: 200;
}
#loading_msg
{
	width:300px;
	position:absolute; 
	top:50%;
	left:50%;
	height:50px;
	margin-top: 50px;	
	margin-left:-150px;	
	z-index: 200;
	text-align:center;
	color:#FFFFFF; font:normal 12px/1.7 '굴림',Gulim,GulimChe, Dotum,DotumChe,verdana;*word-break:break-all;-ms-word-break:break-all;
	font-weight:bold;
}
/* 상태창 */
#state_msg 
{
	position:absolute; 
	border-radius: 20px;
	width:500px;
	height:40px;
	top:50%;
	left:50%;
	margin-left: -250px;
	margin-top: -20px;
	padding-top:8px;
	font-weight:bold;
	text-align:center;
	background-color:#222222;
	color:white;
	
	-ms-word-break:break-all;
	border:2px solid #666666;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity : 0.7;
	z-index:1000;
}