@charset "utf-8"; 
/* Jeong, Chan Myeong | http://naradesign.net/ */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body{margin:0px; padding:0px; font-family:Nanum Gothic;}
/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(./images/button.png) no-repeat; vertical-align:top; overflow:visible; color:#333;}
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

.pro_best {font-size: 11px;color: 909090;	text-decoration: none;font-family: "µ¸¿ò";	LETTER-SPACING: -0.05em;	}
.pro_best A {font-size: 11px;	color: 909090;	text-decoration: none;	font-family: "µ¸¿ò"; 	text-decoration: none;}
.pro_best A:link{	font-size: 11px;	color: 909090;	text-decoration: none;	font-family: "µ¸¿ò";	LETTER-SPACING: -0.05em;	}
.pro_best A:hover  {	font-size: 11px;	color: 909090;	text-decoration: none;	font-family: "µ¸¿ò";}


.bordercolorkcm  {border-collapse: collapse;border:1px solid #E3E3E3;}
.bordercolorkcm2 {border:1px solid #E3E3E3;}
.bordercolorkcm2 td {border:1px solid #E3E3E3;}
.bordercolorkcm3 {border:0px solid #E3E3E3;}
.bordercolorkcm3 td {border:0px solid #E3E3E3;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}
.pro_best {font-size: 11px;color: 909090;	text-decoration: none;font-family: "µ¸¿ò";}
.pro_best A {font-size: 11px;	color: 909090;	text-decoration: none;	font-family: "µ¸¿ò"; 	text-decoration: none;}
.pro_best A:link{	font-size: 11px;	color: 909090;	text-decoration: none;	font-family: "µ¸¿ò";}
.pro_best A:hover  {	font-size: 11px;	color: 909090;	text-decoration: none;	font-family: "µ¸¿ò";}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.bordercolorkcm  {border-collapse: collapse;border:1px solid #E3E3E3;}
.bordercolorkcm2 {border:1px solid #E3E3E3;}
.bordercolorkcm2 td {border:1px solid #E3E3E3;}
.bordercolorkcm3 {border:0px solid #E3E3E3;}
.bordercolorkcm3 td {border:0px solid #E3E3E3;}
.color { text-decoration:none; color:#000000; font-weight: bold;}
.gray				{ color:#b5b5bd; }
.gray_				{text-decoration: none; color: #b5b5bd;}
.gray_ a:link		{text-decoration: none; color: #b5b5bd;}
.gray_ a:visited	{text-decoration: none; color: #b5b5bd;}
.gray_ a:hover		{text-decoration: underline; color: #666;}
.red 	{ color:#ca3b70; }
.sky  	{ color:#20b2cd; }
.blue	{ color:#9192a8; }

.gray2				{ color:#6D6D6D; }
.gray3				{ color:#8B8B8B; }

.black					{ color:#000000; }
.black	_				{text-decoration: none; color: #000000;}
.black	_ a:link		{text-decoration: none; color: #000000;}
.black	_ a:visited	{text-decoration: none; color: #000000;}
.black	_ a:hover		{text-decoration: underline; color: #15839B;}

.white				{ color:#ffffff; }
.white_				{text-decoration: none; color: #ffffff;}
.white_ a:link		{text-decoration: none; color: #ffffff;}
.white_ a:visited	{text-decoration: none; color: #ffffff;}
.white_ a:hover		{text-decoration: none; color: #fff000;}

.fs7 {font-size:7px;} .fs10 {font-size:10px;} .fs11 {font-size:11px;} .fs14 {font-size:14px;} .fs16 {font-size:16px;} .fs18 {font-size:18px;} .fs20 {font-size:20px;} .fs24 {font-size:24px;} .fs30 {font-size:30px;}

/* ¼ýÀÚ */
.number { font-family:'tahoma',verdana; font-weight:800;  }
.num	{ font-family:'tahoma',verdana; line-height: 200%;}
.bold 	{ font-weight:700; }
/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}
.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}


