/*  basic */
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/
@font-face{font-family:'Nanum Gothic';src:url('./NanumGothic.woff')}
@font-face{font-family:'Nanum Gothic';src:url('./NanumGothic.eot')}

html, body {height:100%; margin:0 auto;}
img	  {
border:none; 
vertical-align:top;
z-index:0;
;} 


/*select{font-size:12px;font-family:"Nanum Gothic"; }*/
input[type=text] {font-size:12px;font-family:"Nanum Gothic";border:1px #ddd solid; }
textarea{font-size:12px;padding:3px;font-family:'Nanum Gothic','나눔고딕'; }

body	  {
	margin:0 auto;
	color:#302009; 
	font-family:"Nanum Gothic"; 
	font-size:12px; 
	line-height:17px; 
	letter-spacing:0; word-break:break-all; 
	margin:0; auto;
	padding:0;
	vertical-align:top;
;}

td        {
color:#302009; 
font-family:"Nanum Gothic"; 
font-size:12px;
line-height:17px; 
letter-spacing:-1; word-break:break-all; 
list-style:none;
;}

div       {
font-family:"Nanum Gothic"; 
font-size:12px; 
margin:0px 
padding:0px; 
vertical-align:top 
display:block; 
;}

caption   {
color:#333333; 
font-family:"Nanum Gothic"; 
font-size:12px; 
line-height:16px; 
letter-spacing:0; 
text-align:left; 
padding:2 0 3 0;
;}


/* bg */
.bg            {background-image:url(../images/common/bg.jpg);}
.main_bg    {
	background-image:url(../images/common/main_bg.jpg); 
	background-repeat:no-repeat;
	background-position: left top;
	height:711px;
;}

.sub_top_bg {
	background-attachment: scroll;
	background-image: url(../images/common/sub_top_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
;}


/* sub copy */
.sub_copy { background-image:url(../images/common/bg_copy.gif); background-repeat:repeat-x;}


/* form */
form              {margin:0;}
input.basic       {border:1px solid #000000; color:#555555; background-color:#382e26; letter-spacing:0; line-height:17px; height:20px;}
select.basic      {color:#555555; letter-spacing:0; height:19px; font-size:11px;}
select.selbasic   {color:#555555; letter-spacing:-1; height:19px; font-size:11px;}
textarea.basic    {border:1px solid #bbbbbb; color:#555555; background-color:#ffffff; font-family:"Nanum Gothic"; font-size:12px; letter-spacing:0; line-height:16px; padding:0; word-break:break-all; overflow:auto;
	               scrollbar-face-color:#ffffff;
	               scrollbar-highlight-color:#cccccc;
	               scrollbar-shadow-color:#cccccc;
	               scrollbar-3dlight-color:#f5f5f5;
	               scrollbar-darkshadow-color:#f5f5f5;
	               scrollbar-track-color:#fafafa;
	               scrollbar-arrow-color:#7e8075;}
.login        {vertical-align:baseline;}
.logout      {vertical-align:baseline;} 


/*  link */

A:link     {color:#302009; text-decoration:none;cursor:pointer;}
A:visited  {color:#302009; text-decoration:none;cursor:pointer;}
A:active   {color:#302009; text-decoration:none;cursor:pointer;}
A:hover    {color:#302009; text-decoration:none;cursor:pointer;}

A.blue:link     {color:#2262bf;cursor:pointer;}
A.blue:visited  {color:#2262bf;cursor:pointer;}
A.blue:active   {color:#2262bf;cursor:pointer;}
A.blue:hover    {color:#f79007;cursor:pointer;}

A.uline:link     {text-decoration:none;cursor:pointer;}
A.uline:visited  {text-decoration:none;cursor:pointer;}
A.uline:active   {text-decoration:none;cursor:pointer;}
A.uline:hover    {text-decoration:underline;cursor:pointer;}

A.11:link     {font-size:11px;cursor:pointer;}
A.11:visited  {font-size:11px;cursor:pointer;}
A.11:active   {font-size:11px;cursor:pointer;}
A.11:hover    {font-size:11px;cursor:pointer;}

A.10:link     {font-size:10px;cursor:pointer;}
A.10:visited  {font-size:10px;cursor:pointer;}
A.10:active   {font-size:10px;cursor:pointer;}
A.10:hover    {font-size:10px;cursor:pointer;}

A.pt:link     {font-size:11px; color:#aaaaaa;cursor:pointer;}
A.pt:visited  {font-size:11px; color:#aaaaaa;cursor:pointer;}
A.pt:active   {font-size:11px; font-weight:bolder;cursor:pointer;}
A.pt:hover    {font-size:11px; color:#aaaaaa; font-weight:bolder;cursor:pointer;}

A.bg:link     {color:#7EC000;cursor:pointer;}
A.bg:visited  {color:#7EC000;cursor:pointer;}
A.bg:active   {color:#7EC000;cursor:pointer;}
A.bg:hover    {color:#7EC000; background-color:#FFFFFF;cursor:pointer;}


/*  padding */

.pad_l2             {padding-left:2px;}
.pad_l3             {padding-left:3px;}
.pad_l4             {padding-left:4px;}
.pad_l5             {padding-left:5px;}
.pad_l6             {padding-left:6px;}
.pad_l7             {padding-left:7px;}
.pad_l8             {padding-left:8px;}
.pad_l9             {padding-left:9px;}
.pad_l10            {padding-left:10px;}
.pad_l11            {padding-left:11px;}
.pad_l12            {padding-left:12px;}
.pad_l13            {padding-left:13px;}
.pad_l14            {padding-left:14px;}
.pad_l15            {padding-left:15px;}
.pad_l16            {padding-left:16px;}
.pad_l17            {padding-left:17px;}
.pad_l18            {padding-left:18px;}
.pad_l19            {padding-left:19px;}
.pad_l20            {padding-left:20px;}
.pad_l24            {padding-left:24px;}
.pad_l30            {padding-left:30px;}
.pad_l35            {padding-left:35px;}
.pad_l36            {padding-left:36px;}
.pad_l40            {padding-left:40px;}
.pad_l60            {padding-left:60px;}
.pad_l180          {padding-left:180px;}
.pad_lr5            {padding-left:5px; padding-right:5px;}
.pad_l20b10       {padding-left:20px; padding-bottom:10px;}
.pad_tb3            {padding-top:3px; padding-bottom:3px;}
.pad_tb4            {padding-top:4px; padding-bottom:4px;}
.pad_tb5            {padding-top:5px; padding-bottom:5px;}
.pad_tb10           {padding-top:10px; padding-bottom:10px;}
.pad_t1             {padding-top:1px;}
.pad_t2             {padding-top:2px;}
.pad_t3             {padding-top:3px;}
.pad_t4             {padding-top:4px;}
.pad_t5             {padding-top:5px;}
.pad_t6             {padding-top:6px;}
.pad_t7             {padding-top:7px;}
.pad_t8             {padding-top:8px;}
.pad_t9             {padding-top:9px;}
.pad_t10            {padding-top:10px;}
.pad_t11             {padding-top:11px;}
.pad_t12             {padding-top:12px;}
.pad_t13             {padding-top:13px;}
.pad_t14             {padding-top:14px;}
.pad_t15            {padding-top:15px;}
.pad_t16             {padding-top:16px;}
.pad_t17             {padding-top:17px;}
.pad_t18             {padding-top:18px;}
.pad_t19             {padding-top:19px;}
.pad_t20            {padding-top:20px;}
.pad_t25            {padding-top:25px;}
.pad_t30            {padding-top:30px;}
.pad_t35            {padding-top:35px;}
.pad_t40             {padding-top:40px;}
.pad_t50             {padding-top:50px;}
.pad_r5             {padding-right:5px;}
.pad_r10            {padding-right:10px;}
.pad_r15            {padding-right:15px;}
.pad_r20            {padding-right:20px;}
.pad_b1             {padding-bottom:1px;}
.pad_b2             {padding-bottom:2px;}
.pad_b3             {padding-bottom:3px;}
.pad_b4             {padding-bottom:4px;}
.pad_b5             {padding-bottom:5px;}
.pad_b6            {padding-bottom:6px;}
.pad_b7             {padding-bottom:7px;}
.pad_b8             {padding-bottom:8px;}
.pad_b9             {padding-bottom:9px;}
.pad_b10            {padding-bottom:10px;}
.pad_b20            {padding-bottom:20px;}
.pad_b25            {padding-bottom:25px;}
.pad_b30            {padding-bottom:30px;}
.pad_b40           {padding-bottom:40px;}
.pad_a5             {padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px;}
.pad_a2             {padding-top:2px; padding-right:2px; padding-bottom:2px; padding-left:2px;}
.pad_a10           {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;}


/*  text */

.bold              {font-weight:bolder;}
.11                 {font-size:11px;}
.10                 {font-size:10px;}
.9                   {font-size:9px;}
.black             {color:#000;}
.white             {color:#ffffff;}
.violet_11         {color:#5954c9; font-size:11px;}
.orange           {color:#f79007;}
.orange2         {color:#e58014;}
.violet             {color:#4f4ca6;}
.brown            {color:#695a46;}
.gray              {color:#777777;}
.yellow            {color:#edac00;}
.dark_blue       {color:#458ca7;}
.sky                {color:#69b6d4;}
.red                {color:#e90606;}
.gray2             {color:#BFD7D9; font-weight:bold;}
.blue_title        {color:#07559e; font-weight:bold;}
.blue_title2      {color:#07559e;}
.blue              {font-family:"Nanum Gothic"; font-size:9pt; color:#027094; font-weight:bold;}
.blue_bg         {background-color:#e5f0f4;}
.table_stroke  {background-color:#cde1ea;}
.bg_table_top  {background-color:#eaf1f2;}


/* image */
.absmiddle        {vertical-align:middle;} 


/* basig */
ul                  {margin:0px; padding:0px; border:0px;}
li                  {list-style:none; margin:0; padding-bottom:0;}


/* main */
.ul_title             {list-style:none; width:233px; line-height:18px; margin-bottom:10px; padding:0;text-align:left;}
.li_title_l            {list-style:none; margin:0; padding:0; float:left; text-align:left;}
.li_title_r            {list-style:none; margin:0; padding:0; text-align:right;}

.ul_title2             {list-style:none; width:320px; line-height:18px; margin-left:29px; padding:0; text-align:left;}
.li_title_menu       {list-style:none; margin:0; padding:0; text-align:left;}
.li_title_menu2     {list-style:none; margin:0; text-align:left;}

.ul_title3             {list-style:none; width:230px; line-height:18px; margin-left:27px; padding:0px; text-align:left;}
.li_title_banner     {list-style:none; margin:0; padding-left:18; padding-top:17; text-align:left;}
.li_title_banner2    {list-style:none; margin-top:17px; padding:0; text-align:left;}

.ul_notice          {list-style:none; width:250px; margin:0;}
.li_notice_l          {list-style:none; width:80px; margin:0; float:left; text-align:left; color:#8e6222; font-weight:bold;}
.li_notice_r         {list-style:none; margin:0; text-align:right; padding-right:22px; padding-top:2px;}
.li_notice           {list-style:none; margin:0; text-align:left; float:left;}
.li_notice_line     {list-style:none; width:250px; height:1px; float:left; margin:0; padding:0; background-color:#9a7e32;}

.ul_menu_int          {list-style:none; width:250px; line-height:18px; margin:0; padding:0;}
.li_menu_int_l          {list-style:none; width:80px; margin:0; float:left; text-align:left; color:#8e6222; font-weight:bold;}
.li_menu_int2_r         {list-style:none; margin:0; text-align:right; padding-right:120px; padding-top:2px;}
.li_menu                  {list-style:none; margin:0; text-align:left; float:left;}


/* sub */
.li_img               {list-style:none; line-height:18px; margin:0; padding:0; text-align:left;}
.ul_none1         {list-style:none; line-height:18px; margin:0; padding-top:20px; padding-left:15px;}
.ul_none2         {list-style:none; line-height:16px; margin:0; padding:0; text-align:justify;}
.ul_dot1           {list-style:none; line-height:18px; padding-left:12px; margin:0; list-style-image:url('/images/common/ico_dot_black_list.gif'); ;}


/* sub contents */
.ul_title_contents             {list-style:none; line-height:22px; width:630px; padding:0;}
.li_title_l_contents            {list-style:none; line-height:18px; height:22px; margin-left:15px; padding-left:10px; padding-top:5px; text-align:left; float:left;}
.li_title_r_contents            {list-style:none; line-height:18px; height:22px; margin-top:5px; margin-right:15px; padding-right:10px; text-align:right; font-size:11px; color:#a09c91;}
.li_title_contents              {list-style:none; line-height:18px; padding-top:12px; padding-left:25px; padding-right:25px; float:left; text-align:left; vertical-align:top;}
.li_r_contents                  {list-style:none; line-height:18px; padding-top:12px; padding-left:25px; padding-right:25px; float:left; text-align:right; vertical-align:top;}
.li_r_contents2                 {list-style:none; line-height:18px; padding-left:25px; padding-right:25px; text-align:right; vertical-align:top;}
.li_contents                    {list-style:none; line-height:18px; padding-left:25px; padding-right:25px; text-align:left; vertical-align:top;}
.li_down                         {list-style:none; line-height:18px; padding-top:12px; padding-left:25px; padding-right:25px; text-align:right; vertical-align:top;}


/* 안쓰는 tag */
 dl                   {color:#555555; font-family:"Nanum Gothic"; font-size:11px; letter-spacing:0; margin:0px; padding:0px; border:0px; vertical-align:top;}
.dl_none          {list-style:none; line-height:18px; margin:0; padding:0;}

 dd                   {font-size:11px; line-height:17px; letter-spacing:0; margin:0px; padding:0px; border:0px; vertical-align:top;}
.dd_none          {list-style:none; line-height:18px; margin:0; padding:0;}

.dt                   {font-size:11px; letter-spacing:0; margin:0px; padding:0px; border:0px;}
.dt_none          {font-size:11px; letter-spacing:0; margin:0px; padding:0px; border:0px;}
.dt_step1         {list-style:none; font-size:11px; letter-spacing:0; margin:0px; padding:0px; border:0px;}

/* h1~h6 */
h1            {font-weight: bold; font-size: 14px; color: #33333; margin-left:10px; padding-top:4px; padding-bottom:4px;}
h2            {font-weight: bold; font-size: 14px; color: #33333;}
h3            {font-weight: bold; font-size: 14px; color: #33333;}


/* height */
.h16             {line-height:16px;}
.h15             {line-height:15px;}
.h14             {line-height:14px;}
.h12             {line-height:12px;}


/* caption */
.caption1      {color:#333333; font-size:11px; line-height:16px; letter-spacing:-1;  text-align:left; padding-top:2px; padding-bottom:3px;}
.caption2      {color:#333333; font-size:11px; line-height:16px; letter-spacing:-1;  text-align:right; padding-top:2px; padding-bottom:3px;}
.caption3      {color:#09a91f; font-size:12px; line-height:16px; letter-spacing:-1;  text-align:left; padding-top:10px; padding-bottom:10px; font-weight:bold;}
.caption4      {color:#333333; font-size:12px; line-height:16px; letter-spacing:-1;  text-align:left; padding-top:2px; padding-bottom:3px;}


/* col */
.col1          {font-size:12px; line-height:16px; letter-spacing:-1; text-align:center; padding-top:6px; padding-bottom:6px; background-color:#eff7fc; font-weight:bold; width:160; vertical-align:top;} 
.col2          {font-size:12px; line-height:16px; letter-spacing:-1; text-align:left; padding-top:6px; padding-bottom:6px; padding-left:10px;} 
.col3          {font-size:12px; line-height:16px; text-align:center; padding-top:4px; padding-bottom:4px; padding-left:10px;} 
.col4          {font-size:12px; line-height:16px; text-align:left; padding-top:4px; padding-bottom:4px; padding-left:10px;} 


/*  table */
.tdpad1        {padding-top:6px; padding-bottom:4px;}
.tdpad2        {padding-top:6px; padding-bottom:4px; padding-left:10px;}
.tdpad3        {padding-top:6px; padding-bottom:4px; padding-right:10px;}
.tdpad4        {padding-top:2px; padding-bottom:2px;}
.tdpad5        {padding-top:4px; padding-bottom:4px;}
.tdtop          {color:#ffffff; background-color:#417dc9; text-align: center; padding-top:6px; padding-bottom:4px;}
.board_img	   {border:1px solid #dddddd;}

.brown_table     {margin: 0px; border-collapse:collapse; border:#e9d494 1px solid;}
.brown_table th {background-color:#fffdf4; padding:5px; border:1px #e9d494 solid; color:#efb778; text-align:center; font-size:11px;}
.brown_table td {padding: 3px; font-size:11px; border:1px #e5ddc0 solid ;}

.none_table {margin: 0px;}
.none_table td {padding:3 5 3 5px; font-size:12px; color:red; font-weight:bold;}

/* hand */
.abtn {border:0;cursor:hand;}

/* left */ 
/* UI Object */
.menu_v{position:relative;width:280px;font-size:13px;font-family:"Nanum Gothic", sans-serif;line-height:normal;}
.menu_v ul{margin:0;padding:0;list-style:none;}
.menu_v li{position:relative;margin:0 0 -1px 0;vertical-align:top;*zoom:1;}
.menu_v li a{display:block;position:relative;padding:5px 10px;color:#666;font-weight:bold;text-decoration:none;border-bottom:1px solid #eee;*zoom:1;}
.menu_v li a .i{position:absolute;top:50%;left:100%;width:8px;height:8px;margin:-4px 0 0 -16px;color:#ccc;background:url(http://handscoffee.co.kr/new_img/icon_sub.gif) no-repeat left top;}
.menu_v li ul{padding:3px 0;}
.menu_v li li{margin:0;}
.menu_v li li a{padding:5px 10px;border:0;font-weight:normal;}
.menu_v li li a span{color:#666;}
.menu_v li.active{z-index:2;border-bottom:1px solid #ccc;}
.menu_v li li.active{border:0;}
.menu_v li.active a{border:0;color:#000;}
.menu_v li.active .i{background-position:0 -44px;background:url(http://handscoffee.co.kr/new_img/icon_sub02.gif) no-repeat left top;}
.menu_v li.active li a{border:0;}
.menu_v li.active ul{display:block;border-top:1px solid #eee;}
.menu_v li.active li.active a span{font-weight:bold;color:#373b8e;letter-spacing:-1px;}
/* //UI Object */


.board_page {text-align:center;}