/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                                                                */
/*↓↓↓style.css에서는 reset소스 & 나눔폰트 & 홈페이지기본css & 해더, 푸터, 퀵메뉴속성 포함↓↓↓*/
/*                                                                                                */
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

/***************************** CSS RESET start *****************************/

/* base */
@import url(http://fonts.googleapis.com/css?family=Istok Web);
 
body {font-family: 'Istok Web', sans-serif; font-size:14px; color:#555; line-height:22px; /*스크롤 항상고정*/ 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;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}

/* 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: #555555; text-decoration:none;}
a:hover, a:active {color: #bf1c22; text-decoration:none;}

/*블릿+타이틀*/
.icon_title {background:url(/_img/cart/icon1.gif) left center no-repeat;  font:14px 나눔고딕b; text-indent:14px; line-height:25px; color:#555555; font-weight:bold; vertical-align:middle;}

/*버튼*/
.button     {background:#bf1c22; color:#ffffff; vertical-align:middle; padding:3px 7px 3px 7px; cursor:pointer;  font-weight:bold; font-size:12px; height:24px; margin:1px 0px;} /*버튼기본스타일*/
.btn_gray   {background:#888888; color:#ffffff; vertical-align:middle; padding:3px 7px 3px 7px; cursor:pointer;  font-weight:bold; font-size:12px; height:24px; margin:1px 0px;} 
.btn_gray2  {background:#eeeeee; color:#555555; vertical-align:middle; padding:3px 7px 3px 7px; cursor:pointer;  font-weight:bold; font-size:12px; height:24px; margin:1px 0px;} 
.btn_blue   {background:#079eaa; color:#ffffff; vertical-align:middle; padding:3px 7px 3px 7px; cursor:pointer;  font-weight:bold; font-size:12px; height:24px; margin:1px 0px;} 
.btn_search {background:#bf1c22; color:#ffffff; vertical-align:middle; padding:3px 7px 3px 7px; cursor:pointer;  font-weight:bold; font-size:12px; height:24px; margin:1px 0px;}
.btn_red    {background:#Cc3300; color:#ffffff; vertical-align:middle; padding:3px 7px 3px 7px; cursor:pointer;  font-weight:bold; font-size:12px; height:24px; margin:1px 0px;} 

/*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, 
input.login, 
input.pass     {background:#f9f9f9; height:20px; line-height:20px; margin:1px 0px; vertical-align:middle; border:1px solid #ddd; padding:1px 5px; }

select         {background:#ffffff; height:24px; line-height:24px; margin:1px 0px; vertical-align:middle; border:1px solid #ddd; padding:0; }
textarea       {background:#f9f9f9; height:20px; line-height:20px; margin:1px 0px; vertical-align:middle; border:1px solid #ddd; padding:10px; width:95%;}