@charset 'utf-8';

/*
Cloud9 Web publishing Team (http://cloud9.co.kr/)
Author : hur jeong hak (2010-08-23)
Version : 2.2
*/

body {margin:0;padding:0;font-size:0.75em;line-height:1.5;font-family:Dotum, Tahoma;color:#777777;}
html {overflow-y:scroll;}

/* inline */
img {display:inline-block;border:0 none;vertical-align:top;}
a, cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;vertical-align:middle;}
cite, em, dfn {font-style:normal;}
sub {vertical-align:bottom;font-family:helvetica;}
sup {vertical-align:top;font-family:helvetica;}

/* block */
h1, h2, h3, h4, h5, h6 {margin:0;font-size:1em;}
address {font-style:normal;}
blockquote, p  {margin:0;}
pre {margin:0;font-size:1em;}

/* table */
table {border-collapse:separate;border-spacing:0;}
caption {display:none;}
th,
td {padding:0;vertical-align:top;text-align:left;font-weight:normal;} /* opara height=18px */
td.strong {font-weight:bold;}

/* list */
dd, dl, ol, ul {margin:0;padding:0;}
li {list-style-type:none;}

/* form */
form {margin:0;}
fieldset {margin:0;padding:0;border:0 none;}
legend {display:none;}
.msie8 legend {display:block; position:absolute;top:-9000px;left:-9000px;}
input {vertical-align:top;font-size:0.917em;}
input.text {font-size:1em;height:1em;line-height:1;padding:4px 4px 3px;color:#666666;border:1px solid #c2c2c2;}
input.check,
input.radio {width:13px;height:13px;margin:2px 7px 0 0;padding:0;}
.msie6 input.text, .msie7 input.text {margin:-1px 0;}

select {height:19px;font-size:1em;line-height:1.5;vertical-align:top;margin:0;font-family:arial;color:#727272;}
.msie8 select {font-family:verdana;}
/* ��ư ������Ʈ ������ �̹��� ���� */
.img-button {padding:0;border:none 0;background:none;cursor:pointer;overflow:visible;vertical-align:top;font-size:0;line-height:0;}
.img-button img  {display:block;position:relative;}
body.msie6 .img-button, body.msie7 .img-button {margin:0 0 -1px 4px;}
/*body.safari .img-button {margin:-1px -3px ;}*/
.bg-button {margin:0;padding:0;border:none 0;background:none;cursor:pointer;overflow:visible;height:1.75em;vertical-align:top;font-size:1em;line-height:1;background-color:red;}
.bg-button span {padding:2px 5px 0 !important;white-space:nowrap;}
.msie6 .bg-button, .msie7 .bg-button {margin-left:4px;}
button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
.input-wrap a, .input-wrap em, .input-wrap label, .input-wrap span, .input-wrap strong {padding:1px 0 0;}
textarea {margin:0;padding:5px 4px;border:1px solid #CCC;vertical-align:top;font-size:1em;color:#5A5A5A;}
.msie6 textarea, .msie7 textarea {margin:-1px 0;}

.select-wrap {display:inline-block;position:relative; margin:0 !important; vertical-align:top;}
.msie6 .select-wrap,
.msie7 .select-wrap {display:inline;}
.select-wrap .text {background:#FFF url(../img/bg/bg_select_down.gif) no-repeat right top;cursor:pointer;}
.select-wrap .option-container {position:absolute;left:0;z-index:99999;padding:0 2px 0 6px;border:1px solid #CED0C8;background-color:#fff;overflow:auto;overflow-x:hidden;}
.msie6 .select-wrap .option-container {padding:0 9px 0 1px;}
.msie7 .select-wrap .option-container {padding:0 6px 0 4px;}
.select-wrap .option-container ul {margin:0;padding:0;list-style-type:none;}
.select-wrap .option-container li {cursor:pointer; }
.select_wrap .option-container li.selected {background-color:#fff;}
.select-wrap .option-container li.current {color:#333;}

/* basic */
.spacial-char {font-family:verdana;}
.hidden-obj {position:absolute;visibility:hidden;top:-9000px;left:-9000px;}
.display-none {display:none;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vertical-t {vertical-align:top !important;}
.vertical-m {vertical-align:middle !important;}
.vertical-b {vertical-align:bottom !important;}
.float-l {float:left !important;}
.float-r {float:right !important;}
.loat-n {float:none !important;}
/* clera */
.clear:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{display:inline-block;}
* html .clear{height:0;}
.clear{display:block;}
.clear-both{clear:both;}

/* link */
a {color:#777777; text-decoration:none;}
a:link {color:#777777;}
a:visited {color:#777777}
a:hover {color:#8c662a;}
a:active {color:#777777;}