@charset "utf-8";
@import url("/css/layout.css");
@import url("/css/table.css");
@import url("/css/board.css");
@import url("/css/popup.css");
@import url("/css/guide.css");
@import url("/css/about.css");
@import url("/css/member.css");
@import url("/css/design.css");

/*common*/
html, body { width:100%; height:100%; margin:0; padding:0; }
* { margin:0; padding:0; }
body { font-size:12px; line-height:16px; font-family:dotum, 돋움, Gulim, 굴림, Arial, verdana; color:#666; background:url('/images/main/bg_body.jpg') left top repeat-x;}
ul, ol, li, dl, dt, dd { list-style:none; }
table { border-collapse:collapse; }
table, th, td { word-break:break-all; table-layout:fixed; }
p, div, th, td, select { font-size:12px; }
form, p, blockquote, dl, dd, dt { margin:0; padding:0; }
li img { vertical-align:top; line-height:0; }
fieldset { margin:0; padding:0; border:0; }
img { border:0 none transparent;/*'transparent' for Opera7*/ }
img, input.type-image { border:0 none; line-height:0; vertical-align: middle; /* for IE image margin */ }
textarea, dl, div { scrollbar-face-color: #FDFDFD; scrollbar-shadow-color: #c8c8c8; scrollbar-highlight-color: #c8c8c8; scrollbar-3dlight-color: #FDFDFD; scrollbar-darkshadow-color: #FDFDFD; scrollbar-track-color: #e9e9e9; scrollbar-arrow-color: #c8c8c8; }
input, select, textarea { vertical-align: middle; font-size:12px; color:#999; }
hr {display:none; border:none;}
img.pointer { cursor:pointer; }
.png24 { tmp:expression(setPng24(this)); }

/*기본link*/
a:link { color:#666; text-decoration:none; }
a:visited { color:#666; text-decoration:none; }
a:hover { color:#52360c; text-decoration:underline; }
a:active { color:#666; text-decoration:none; }
a:focus { color:#666; text-decoration:none; }

a.brown:link { color:#52360c; text-decoration:none; }
a.brown:visited { color:#52360c; text-decoration:none; }
a.brown:hover { color:#52360c; text-decoration:underline; }
a.brown:active { color:#52360c; text-decoration:none; }
a.brown:focus { color:#52360c; text-decoration:none; }

/* Float */
.fl {float:left;}
.fr {float:right;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* Align */
.l {text-align:left;}		.c {text-align:center;}		.r {text-align:right;}
.t {vertical-align:top;}		.m {vertical-align:middle;}		.b {vertical-align:bottom;}

/* Position */
.relative {position:relative; vertical-align:top;}
.absolute {position:absolute; vertical-align:top;}

/* Text Point/Color */
.f11 {font-size:11px;}
strong {font-weight:bold;}
.orange, .orange a {color:#ff6600;}
.stitColor {color:#6b4f1f;}

/* input */
fieldset { border:0 none transparent; /*'transparent' for Opera7*/ }
input.txt1 { height:14px; border:1px solid #ccc; padding:2px 0 0 4px; background-color:#fff; color:#666; }
textarea.txt1 { border:1px solid #ccc; padding:5px; background-color:#fff; color:#666; } 
input.file { height:19px; border:1px solid #ccc; padding-left:5px; line-height:136%; }
input.radio { width:10px; height:10px; vertical-align:middle; }

/* hspace */
.hspace10 { clear:both; font-size:0px; line-height:0px; width:50px; height:10px; }
.hspace20 { clear:both; font-size:0px; line-height:0px; width:50px; height:20px; }
.hspace30 { clear:both; font-size:0px; line-height:0px; width:50px; height:30px; }
.hspace50 { clear:both; font-size:0px; line-height:0px; width:50px; height:50px; }
.hspace55 { clear:both; font-size:0px; line-height:0px; width:50px; height:55px; }

/* margin */
.mL10 { margin-left:10px; }
.mL13 { margin-left:13px; }
.mL20 { margin-left:20px; }
.mL30 { margin-left:30px; }

.mB10 { margin-bottom:10px; }
.mB20 { margin-bottom:10px; }