html, body { }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
body {background-color:#ffffff; font-family: NanumBarunGothic, sans-serif; font-size:12px; letter-spacing:0em; color:#444444; line-height:150%; box-sizing:border-box; -webkit-text-size-adjust:none;  -webkit-appearance:none;}
*html body{letter-spacing:-0.05em;}/* IE6 only */
input, textarea, option, select {font-size:11px; font-family:NanumBarunGothic, sans-serif; line-height:150%; margin:0px; box-sizing:border-box; -webkit-text-size-adjust:none;  -webkit-appearance:none;background-color:#ffffff;border-radius:0px;}
input[type="submit"], input[type="button"], input[type="select"], input[type="textarea"] {}
ul, li	 {list-style:none;}
textarea	{resize: none;}

/* 라디오버튼 */
	input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } /* 외형 감추기 */
	input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
	input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 18px; height: 18px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
	input[type="radio"] + label:active:before, 
	input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
	input[type="radio"]:checked + label:before { background: #0062b5; border-color: #0062b5; } 
	input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 10px; height: 10px; background: #84c7ff; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }

/* 체크박스 */
	input[type="checkbox"] { /* 체크박스 화면 숨김 및 위치제거 position: absolute; */width: 0px; height: 0px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
	input[type="checkbox"] + label { display: inline-block; position: relative; padding-left:25px; /* 글자와 체크박스 사이의 간격을 변경 */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
	input[type="checkbox"] + label:before { /* 가짜 체크박스 */ content: ''; position: absolute; left: 0; top: -1px; /* 이 값을 변경해서 글자와의 정렬 */ width: 18px; /* 체크박스의 너비를 지정 */ height: 18px; /* 체크박스의 높이를 지정 */ line-height: 18px; /* 세로정렬을 위해 높이값과 일치 */ text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius : 3px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
	input[type="checkbox"] + label:active:before, 
	input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
	input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: black; text-shadow: 1px 1px #fff; background: #e9ecee; border-color: #adb8c0; box-shadow: 0px 1px 2px rgba(0,0,0,1), inset 0px -15px 10px -12px rgba(0,0,0,1), inset 15px 10px -12px rgba(255,255,255,0.1); }
	/* 체크박스이미지 사용시
	input[type="checkbox"]{width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0);}
	label{height:15px; line-height:15px; padding-left:20px; display:inline-block; background:url(http://hcs1105.com/wp/wp-content/themes/hcs1105/images/checkbox1.png) no-repeat 0 0; font-size:15px; vertical-align:middle; cursor:pointer;}
	input[type="checkbox"]:checked + label{background-position: 0 -15px;}
	*/

/* input number 화살표 제거 */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

	input:focus {outline:none;/*background-color: white !important; border:1px solid #2d2d2d !important;*/}
	textarea:focus {outline:none;/*background-color: white !important; border:1px solid #2d2d2d !important;*/}

/* 셀렉트박스 */
	select::-ms-expand { display: none;} /* ie화살표히든 */
	select	{width: 100%; height:40px; padding-left:10px; background: #ffffff url('/images/sel_arr.gif') no-repeat 95% 50%; /* 화살표 대체 */ border: 1px solid #999; border-radius: 0px; -webkit-appearance: none; /* 외형 감추기 */ -moz-appearance: none; appearance: none;}

*		{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

a { -webkit-tap-highlight-color:transparent;}
a:link, a:visited, a:active, a:hover		{text-decoration: none; outline:none;}