@charset "utf-8";

html { overflow-y:scroll; }
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, strong, sub, sup, tt, var,
b, 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 { margin:0; padding:0; box-sizing: border-box; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary { display:block; }
audio, canvas, video { display:inline-block; }
audio, canvas, img, video { vertical-align:middle; }
body { line-height:1; }
ol, ul { 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, fieldset { border:0; }
body, table, th, td, input,
textarea, button, select { font-family:"돋움", Dotum, Arial, sans-serif; font-size:12px; color:#666; }
button, select { text-transform:none; }
button, input { line-height:normal; }
textarea { resize:vertical; overflow:auto; }

address, caption, cite, code,
dfn, em, var { font-style:normal; /*font-weight:normal;*/ }
label { cursor:pointer; }
legend { display:none; visibility:hidden; }
caption { display:none; visibility:hidden; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
a { color:#666; text-decoration:none; }
a:active, a:hover, a:focus { text-decoration:none; }
button{ margin:0px; padding:0px; cursor:pointer; border:0px; background:none; }
body.mouse a:focus, 
body.mouse button:focus{ outline:none; }

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


/* 라디오버튼 */
	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: -1px; width: 18px; height: 18px; text-align: center; background: #ffffff; border: 1px solid #a7a7a7; border-radius: 100%; } 
	input[type="radio"] + label:active:before, 
	input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.0), inset 0px 1px 3px rgba(0,0,0,0.); } 
	input[type="radio"]:checked + label:before { background: #0088de; border-color: #0088de; } 
	input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 4px; left: 5px; width: 10px; height: 10px; background: #0088de; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(255,255,255,1); }
	input[type="radio"]:disabled + label:before { background: #fafafa; border-color: #eeeeee; 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"] { display:inline-block; width: 20px; height: 20px; padding: 0; margin: 0; overflow: hidden; clip:rect(0,0,0,0); border: 0; vertical-align:middle; } 
	input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 

	/*
	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	{outline:none;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;}
input::-ms-clear, 
select::-ms-expand{ display: none; }

/* inputbox */
	.input_frm {width:100%; height:45px; padding:0 15px; border:1px solid #e1e1e1; color:#000; background:#f7f7f7; font-size:16px; text-align:left; transition:all .2s;}
	.input_frm:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
	.input_frm::placeholder {color: rgba(0,0,0,0.3); font-size:15px;}

	@media all and ( max-width: 650px ){	
		.input_frm { height:40px; padding:0 10px; font-size:13px; }
	}

 
	.txta_frm2 { width:100%; height:150px; padding:10px 15px; border:1px solid #e1e1e1; color:#666; background:#fff; font-size:15px; text-align:left; overflow-y:auto; transition:all .2s;}
	.txta_frm2:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
	.txta_frm2::placeholder {color: rgba(0,0,0,0.3); font-size:13px;}

	.txta_frm { width:100%; height:150px; padding:10px 15px; line-height:1.5; border:1px solid #e1e1e1; color:#666; background:#fff; font-size:15px; text-align:left; transition:all .2s;}
	.txta_frm:focus {outline:none; background-color: white !important; border:1px solid #000000 !important; transition:all .2s;}
	.txta_frm::placeholder {color: rgba(0,0,0,0.3); font-size:13px;}

	@media all and ( max-width: 650px ){	
		.txta_frm { height:100px; padding:10px; font-size:13px; }
		.txta_frm2 { height:100px; padding:10px; font-size:13px; }
	}

	.input_pup { width:100%; height:45px; padding:0 0; border:1px solid var(--main-color); color:#fff !important; cursor:pointer; background:var(--main-color); text-align:center; font-size:14px; font-weight:700; transition:all .2s;}
	.input_pup:hover {outline:none; background-color: #000; border:1px solid #000000 !important; transition:all .2s;}
	.input_pup::placeholder {color: rgba(255,255,255,0.9); font-size:13px;}

	@media all and ( max-width: 650px ){	
		.input_pup { height:40px; font-size:13px; }
	}