/***************************** CSS RESET start *****************************/

/* base */
/*body {font-family:"µ¸¿ò","Nanum Gothic"; font-size:12px; color:#555; line-height:20px;}*/
body {font-family:"Nanum Gothic";font-size:12px; color:#555; line-height:20px;}

/*½ºÅ©·Ñ Ç×»ó°íÁ¤*/
body{ overflow-Y:scroll; *overflow-Y:; } 

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {margin:0;padding:0;letter-spacing:0;border-collapse: collapse; }
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd {display:block;}

ul, ol, li {list-style:none;}
fieldset, img {border:none;}
table,td,th {border-collapse:collapse;}

/* ie6, ie7 - input 1px ¸¶ÁøÀÌ ÀÖ±â¶§¹®¿¡*/
* html input {margin:-1px 0;} 
*:first-child+html input {margin:-1px 0;}

/*ºê¶ó¿ìÁ®¸¶´Ù Ã¼Å©¹Ú½º³ª ¶óµð¿À ¹öÆ°ÀÇ À§Ä¡°¡ ´Ù¸£±â¶§¹®¿¡ ÃÖÀûÈ­ À§Ä¡¸¦ À§ÇØ*/
input.checkbox {width:13px; height:13px; vertical-align:top;}

/*½ºÅ©·Ñ¹Ù¼Ó¼º*/
body,tr,td {scrollbar-face-color: #F2F2F2;	scrollbar-shadow-color: #999999;	scrollbar-highlight-color: #FFFFFF;	scrollbar-3dlight-color: #999999;	scrollbar-darkshadow-color: #F5F5F5;	scrollbar-track-color: #F1F1F1;	scrollbar-arrow-color: #999999;} 

/*¸µÅ©Á¡¼±¾ø¾Ö±â*/
a {outline:none; selector-dummy:expreession (this.hideFocus=true); text-decoration:none;}
img {border:0; outline:none; selector-dummy:expreession (this.hideFocus=true);}
 
/***************************** clearfix start ****************************/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {content: ".";             /* the period is placed on the page as the last thing before the div closes */
 display: block;                           /* inline elements don't respond to the clear property */ 
    height: 0;                             /* ensure the period is not visible */
    clear: both;                           /* make the container clear the period */
    visibility: hidden;                    /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


/***************************** È¨ÆäÀÌÁö±âº»css_style start ****************************/

/* a-style */
a:link, a:visited {color: #666666; text-decoration:none;}
a:hover, a:active {color: #469b00; text-decoration:none;}


/*ºí¸´+Å¸ÀÌÆ²*/
.icon_title {background:url(/_img/cart/icon1.gif) left center no-repeat;  font:14px NanumGothic; text-indent:14px; line-height:25px; color:#555555; font-weight:bold; vertical-align:middle;}

/*input*/
input          {background:#ffffff; height:20px; line-height:20px; margin:1px 0px; vertical-align:middle;  border:none; padding:1px 5px;}
input.checkbox, 
input.radio    {border:none; background:none; vertical-align:middle;}
input.text     {background:#fcfcfc; margin:1px 0px; vertical-align:middle; border:1px solid #ccc; padding:1px 5px; }
input.file      {background:#fcfcfc; margin:1px 0px; vertical-align:middle; border:1px solid #ccc; padding:1px 5px; }
select         {background:#ffffff;  margin:1px 0px; vertical-align:middle; border:1px solid #ddd; padding:0; }
textarea       {background:#fcfcfc; line-height:20px; margin:1px 0px; vertical-align:middle; border:1px solid #ccc; padding:10px; width:95%;}


 /*big¹öÆ°*/
.big_button {height:36px; line-height:36px; padding:10px 25px 10px 25px; margin:1px; color:#ffffff; vertical-align:middle; cursor:pointer;  font-weight:bold; font-size:12px;} 
input.big_button {height:36px; line-height:36px; padding:0px 25px; margin:1px; color:#ffffff; vertical-align:middle; cursor:pointer;  font-weight:bold; font-size:12px;} 

/*¹öÆ°*/ 
.button,.btn_search,.btn_gray,.btn_Lgray,.btn_blue,.btn_red,.btn_green,.btn_orange,.btn_black,.btn_Lgreen,.btn_purple,.btn_sky {height:20px; line-height:20px; display:inline-block; padding:1px 8px; margin:1px;color:#ffffff; vertical-align:middle; cursor:pointer; font-size:12px;} 
input.button, input.btn_gray, input.btn_Lgray, input.btn_blue, input.btn_search, input.btn_red, input.btn_green, input.btn_orange, input.btn_black, input.btn_Lgreen, input.btn_purple, index.btn_sky {height:22px;line-height:22px; display:inline-block; padding:1px 8px; margin:1px; color:#ffffff; cursor:pointer; font-weight:bold; font-size:12px;} 

.button, .big_button {background:#83a83e; border:1px solid #7ca138;} /*¹öÆ°±âº»½ºÅ¸ÀÏ*/
.btn_search {background:#666666; border:1px solid #606060;}
.btn_gray   {background:#888888; border:1px solid #838383;} 
.btn_Lgray  {background:#bbbbbb; border:1px solid #b3b3b3;} 
.btn_black  {background:#333333; border:1px solid #000000;} 

.btn_blue   {background:#588ede; border:1px solid #4a81d3;}
.btn_sky    {background:#00a2ff; border:1px solid #0293e6;}
.btn_red    {background:#ee3f3f; border:1px solid #e53434;} 
.btn_green  {background:#188c18; border:1px solid #0b7c0b;}
.btn_Lgreen {background:#71b32a; border:1px solid #62a817;}
.btn_orange {background:#fb7e1e; border:1px solid #ff6f00;}
.btn_purple {background:#7a158c; border:1px solid #6e0a80;} 

/*¹öÆ°Á¤·Ä*/
.btnSet_R {text-align:right; padding:15px 0px;}
.btnSet_C {text-align:center; padding:15px 0px;}
.btnSet_L {text-align:left; padding:15px 0px;}
.btnSet_border {margin:10px 0px; padding:15px 10px; border:1px solid #dddddd; background:#f9f9f9; text-align:right;}
