html { font-size: 62.5%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; background-color: #fff;}
body { margin: 0; padding:0; font-size: 1em; line-height: 1.5; min-width: 320px; color:#767676; font-size:14px;  }
 /*body.noscroll {position:fixed;overflow:scroll;width:100%}

 /*
html {  overflow: hidden;  }
html, body { width: 100%; height: 100%; margin: 0; padding: 0;}
#body{  width: 100%; height: 100%; position: absolute; overflow-y:scroll;}

#wrap { 
    width: 100%; height: 115%; 
    margin-left: -17px; 
    padding-left: 17px; 
    }

#footer { 
    overflow: hidden;
    position: absolute;
    top: 100%;
    width:100%; text-align: center;
    margin-left:0px; margin-bottom:-1px;
    }




 div { border:1px solid Red; } 

html,body{height:100%}
body{margin:0}
#body{min-height:100%}
#footer{margin-top:-1.9em;height:1.9em}
#wrap{padding-bottom:1.9em}}*/


a { color:#707070; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover,
a:active { outline: 0; text-decoration: underline; }

abbr[title] { border-bottom: 1px dotted; }
b { font-weight: normal; }
strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

ul, dl { margin:0; padding:0; }
a img { border: 0; vertical-align: top; }
ul {list-style:none;}
i, em, address {font-style:normal;}

figure,
form { margin: 0; }
fieldset { margin: 0; padding: 0; border:0 none; vertical-align:top; }
label { cursor: pointer; }
legend { position: absolute; visibility: hidden; border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button { cursor: pointer; -webkit-appearance: none; *overflow: visible; box-sizing: content-box; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; vertical-align:middle; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table {width:100%; border-collapse:collapse; border-spacing:0; word-wrap:break-word; word-break:break-all; color:Black}
td { vertical-align: middle; }


select {vertical-align:middle;}
select.text {}

::selection { background: #82807f; color: #fff; text-shadow: none; }

/* set for html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

textarea::-webkit-input-placeholder { color: #808080;}

/* Helper classes */
.ir { position: relative; overflow: hidden; }
.ir .cont { position: absolute; z-index: 0; }
.ir .img { position: relative; width:100%; z-index: 10; }


.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.blind { position: absolute; overflow: hidden; left:-100%; text-indent: -100%; width: 1px; }

/* font setting 
--------------------------------------------------------------- */

/* Nanum Gothic */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/Asset/fonts/NanumGothic.eot);
  src: local('Apple SD Gothic Neo'),
  	   url(/Asset/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(/Asset/font/NanumGothic.woff) format('woff'),
       url(/Asset/font/NanumGothic.ttf) format('truetype');
}

body, input, textarea, select, button {
	font-family: 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', '돋움', dotum, sans-serif; 
}


/* layout 
--------------------------------------------------------------- */
h1 { font-size: 2em; }
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
.touch select { font-size: 16px; }
img { max-width: 100%; height:auto; }
em { color: #6e91c6; }

@media screen and (max-width: 580px) {
	body { font-size:12px; }
}

#skipnav {
	position: absolute;
	left:-100%;
	color: #fff;
	background: #333;
	font-size: 1.4em;
}

#skipnav:focus {
	display: block;
	position: static;
	left: 0;
	height: 1em;
	padding:.5em 0 1em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	vertical-align: middle;
	outline: 1px dotted #f6f8fa;
}


/* common
--------------------------------------------------------------- */
input.text {
	min-height: 30px;
	padding: 0;
	vertical-align:middle;
	text-indent: 1.5%;
	-webkit-appearance:none;
}
select.text {
	min-height: 30px;
	padding: 0 0 0 1.5%;
	vertical-align:middle;
}
textarea.text {
	min-height:150px;
	padding: 1.5%;
}
input.text,
select.text,
textarea.text {
	font-size: 13px;
	color: #3273a0;
	line-height: 1.2;
	border:1px solid #ddd;
	outline-color:#0093f0;
	border-radius:3px;
	
}
input.text placeholder,
select.text,
textarea.text placeholder {
	color: #767676;
}


/* .productContain { margin-top:10px;background-color:#F3F3F3; padding:10px; }
.productTitle { color:#0088cc; background-color:#E1E1E1; padding:5px 0; font-size:13pt; font-weight:bold; }
.productContain img {height:300px; width:300px; padding-top:5px}
.productView {color:#0088cc; padding-left:5px;} */