@CHARSET "UTF-8";

@font-face {
	font-family : "NanumGothic";
	src: url(../font/NanumGothic.eot);
    src: local(※), url(../font/NanumGothic.woff) format('woff'); 
    font-weight: normal;
    font-style: normal; 
}

@font-face {
	font-family : "NanumGothicBold";
	src: url(../font/NanumGothicBold.eot);
	src: local(※), url(../font/NanumGothicBold.woff) format('woff');
}

/* reset */
html, body, div, object,iframe, h1, h2, h3, h4, h5, h6, p, blockquote,address, dl, dt, dd, ol, ul,li, fieldset, form, legend, table, cation, tbody, tfoot, thead, tr, th, td, input, seclect, textarea{margin:0; padding:0;}
html, body{width: 100%; height: 100%;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
img, fieldset{border:none;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em, optgroup, i{font-style:normal;}
li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}

/* -----base------ */
/* font */
body{color:#777; font:13px  나눔고딕,NanumGothic,'Nanum Gothic',dotum,Helvetica,"돋움",Dotum,"굴림",Gulim,Arial,sans-serif;/*overflow-y:scroll; _overflow-y:hidden; *overflow-y:hidden;*/}
input, select, textarea{color:#444; font:100% 나눔고딕,NanumGothic,dotum,Helvetica,'Nanum Gothic',Dotum,"돋움","굴림",Gulim,Arial,sans-serif;}

/* anchor */
a{color:#777; text-decoration:none;}
a:hover, a:active{color:#000;text-decoration:none;}

/* skip */
.screen_out{display: block;font-size: 0;height: 1px;left: -9999px;line-height: 0;overflow: hidden;position: absolute;text-indent: -9999px;width: 1px;}
.screen_hide{font-size:0;line-height:0;visibility:hidden;}

/* skipNavi */
#skipNavi{width:100%; position:absolute; left:0; top:0; z-index:2;}
#skipNavi li{width:100%; position:absolute; left:0; top:0; z-index:2;}
#skipNavi a{display:block; height:0; overflow:hidden;}
#skipNavi a:active, #skipNavi a:focus{top:1px; width:100%; height:20px; padding-top:4px; text-align:center; font-size:1em; font-weight:bold; background-color:#8285ec; color:#fff; text-decoration:none; position:absolute; top:0; left:0; }

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* ----- placeHolder ----- */
::-webkit-input-placeholder {color: #5ACCFF;padding-left: 5px;} ::-webkit-textarea-placeholder {color: #5ACCFF;padding-left: 5px;}	/* webkit */
input:-moz-placeholder, textarea:-moz-placeholder {color: #5ACCFF;padding-left: 5px;}								/* 파폭 4~18 */
input::-moz-placeholder, textarea::-moz-placeholder {color: #5ACCFF;padding-left: 5px;}								/* 파폭 19+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #5ACCFF;padding-left: 5px;}						/* IE 10 */