/*로그인 영역*/
.signup{position:relative;width:600px;margin: 0 auto;vertical-align: middle;padding-top: 180px}
.signup ul.top{height: 130px;background: #b89169;padding: 25px 25px}
.signup ul.sign{height: 240px;background: #fff;padding: 25px 25px;}
.signup li.left{border-right: 1px solid #e7e7e7;width: 240px;float: left}
.signup ul.sign2{}
em.e{height: 200px}
.signup ul.sign2 li{padding: 3px 3px;}
.signup li.cs{float:right;width: 290px}
.login{width:100%;height:100%;vertical-align: middle}



/*---------------------------------- search button style ----------------------------------*/

.searchButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ddb58c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ddb58c;
	box-shadow:inset 0px 1px 0px 0px #ddb58c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b89169), color-stop(1, #8b6845));
	background:-moz-linear-gradient(top, #b89169 5%, #8b6845 100%);
	background:-webkit-linear-gradient(top, #b89169 5%, #8b6845 100%);
	background:-o-linear-gradient(top, #b89169 5%, #8b6845 100%);
	background:-ms-linear-gradient(top, #b89169 5%, #8b6845 100%);
	background:linear-gradient(to bottom, #b89169 5%, #8b6845 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b89169', endColorstr='#8b6845',GradientType=0);
	background-color:#b89169;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #7f6143;
	display:inline-block;
	cursor:pointer;
	color: #fff;
	line-height:2.2;
	font-weight:bold;
	margin: 1px;
	padding:0px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7f6143;
	vertical-align:middle;
	height: 28px;
	width: 65px;
	text-align: center;
}

.searchButton:link {color: #fff;font-weight:bold;}
.searchButton:visited {color: #fff;font-weight:bold;}

.searchButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8b6845), color-stop(1, #b89169));
	background:-moz-linear-gradient(top,  #8b6845 5%, #b89169 100%);
	background:-webkit-linear-gradient(top,  #8b6845 5%, #b89169 100%);
	background:-o-linear-gradient(top,  #8b6845 5%, #b89169 100%);
	background:-ms-linear-gradient(top,  #8b6845 5%, #b89169 100%);
	background:linear-gradient(to bottom, #8b6845 5%, #b89169 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b6845', endColorstr='#b89169',GradientType=0);
	background-color:#b89169;
	
}
.searchButton:active {
	position:relative;
	top:1px;
}


/*---------------------------------- gray button style ----------------------------------*/

.grayButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ececec), color-stop(1, #cbcbcb));
	background:-moz-linear-gradient(top, #ececec 5%, #cbcbcb 100%);
	background:-webkit-linear-gradient(top,  #ececec 5%, #cbcbcb 100%);
	background:-o-linear-gradient(top,  #ececec 5%, #cbcbcb 100%);
	background:-ms-linear-gradient(top,  #ececec 5%, #cbcbcb 100%);
	background:linear-gradient(to bottom,  #ececec 5%, #cbcbcb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cbcbcb',GradientType=0);
	background-color:#d6d6d6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ababab;
	display:inline-block;
	cursor:pointer;
	color: #666666;
	line-height:1.8;
	font-weight:bold;
	margin: 1px;
	padding:0px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #fff;
	vertical-align:middle;
	height: 22px;
	width: 69px;
	text-align: center;
}

.grayButton:link {color: #666666;font-weight:bold;}
.grayrButton:visited {color: #666666;font-weight:bold;}

.grayButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cbcbcb), color-stop(1, #ececec));
	background:-moz-linear-gradient(top,  #cbcbcb 5%, #ececec 100%);
	background:-webkit-linear-gradient(top,  #cbcbcb 5%, #ececec 100%);
	background:-o-linear-gradient(top,  #cbcbcb 5%, #ececec 100%);
	background:-ms-linear-gradient(top,  #cbcbcb 5%, #ececec 100%);
	background:linear-gradient(to bottom, #cbcbcb 5%, #ececec 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#ececec',GradientType=0);
	background-color:#cbcbcb;
	
}
.grayButton:active {
	position:relative;
	top:1px;
}


@charset "utf-8";


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;
	    border: 0;
	    color: #666666;
	    vertical-align: baseline;
	}
	
/* HTML5 Reset
----------------------------------------------------------------------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {	display: block;}
/*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/


/* html Reset
----------------------------------------------------------------------------------------------------*/

ol,ul,li { list-style: none;}
html { height: 100% }
body {
	    font-family: 'Malgun Gothic', '맑은 고딕',"돋움", Dotum, "굴림", Gulim,Helvetica,Verdana,sans-serif;
	    line-height: 1.5;
	    font-style: normal;
	    font-size: 0.7em;
	    height: 100%;
	    letter-spacing: -0.3px;
	    text-rendering: optimizeLegibility;
	    background-color: #e8e8e8;

	}

/* bold Reset
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-weight:600;} 
b,strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/  
	font-weight: bold;}


/* img Reset
----------------------------------------------------------------------------------------------------*/

image, img {color: transparent;font-size: 0;border:0;vertical-align: middle;
	/*
	For IE.
	http://css-tricks.com/ie-fix-bicubic-scaling-for-images
	*/
	-ms-interpolation-mode: bicubic;
}

/* list Reset
----------------------------------------------------------------------------------------------------*/

li {
/*For IE6 + IE7.*/
display: list-item;list-style: none;
}

/* board Reset
----------------------------------------------------------------------------------------------------*/

table {border-collapse: collapse;border-spacing: 0;}
th,td,caption {font-weight: normal;vertical-align: top;text-align: left;}
q {quotes: none;}
q:before,q:after {content: '';content: none;}
sub,sup,small {font-size: 75%;}
sub,sup {line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;} /* For IE9.*/


/* link Reset
----------------------------------------------------------------------------------------------------*/
/*a {text-decoration: none}
a:link, a:visited {color: #666666;text-decoration: none;}
a:active, a:hover {color: #666666;text-decoration: none;}*/


a{color:inherit;text-decoration:none;}
a:active, a:hover{text-decoration:none}
a:link, a:visited {text-decoration:none}




input[type=button],
input[type=submit],
button{-webkit-appearance:none;cursor:pointer;}
*:focus { outline:none;}

/* form Reset
----------------------------------------------------------------------------------------------------*/

legend {display: none;}

fieldset {border: 0 none;margin: 0px;padding: 0px;}
input {font-size: 100%;vertical-align: middle;border: #ccc 1px solid #e4e4e4;}
select {font-size: 100%;vertical-align: middle;border: 1px solid #e4e4e4;padding: 1px 0;}
textarea {font-size: 100%;padding: 0;border: 1px solid #696969;}
.input{border: #ccc 1px solid;vertical-align: middle;font-size: 1.1em ;height: 19px;}

/* etc Reset
----------------------------------------------------------------------------------------------------*/

address, caption, cite, code, dfn, em, th, var {font-style : normal;font-weight : normal;}
br { letter-spacing: 0;}


.clfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }	
.clfix { display: inline-block; }	
.clfix { display: block;}

.fl { float: left; _display: inline}
.fr { float: right; }
.tc { text-align: center}
.tct20 { text-align: center;margin-top: 10px}
.clearing { clear: both; }
.hiding { display: none; }
.show { display: block ; }
.center{margin:0 auto; text-align: center;}
.left{text-align: left}
.right{text-align: right}
.png24 {tmp:expression(setPng24(this));}
.bold{color: #007dba;font-size: 1.1em;font-weight: bold;}
.bg{background-color: #d8f8ff}

.blind {position:absolute; top:0; left:0;width:0px; height:0px; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
/*select{height:20px;}*/

.none{border:none; background: none}


/*---------------------------------- COMMON ----------------------------------*/

.block{display: block}
.mt100{margin-top:100px}
.mt90{margin-top:90px}
.mt80{margin-top:80px}
.mt70{margin-top:70px}
.mt60{margin-top:60px}
.mt50{margin-top:50px}
.mt40{margin-top:40px}
.mt30{margin-top:30px}
.mt20{margin-top:20px}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
.mt0{margin-top:0px}