/**
* =============================================================================
* @	file     : jssButtons.css
* -----------------------------------------------------------------------------
* 
* @ project  : 
* @ category : 
* @ author   : JANG SANG SEOK
* @ since    : 2021-11-03
* @ desc     : jssButtons - 버튼모음 css
* 
* =============================================================================
*/

@charset "UTF-8";
	
	/**************************************************************************
	* 00. JSS CUSTOM BUTTON [button.jss-button]
	---------------------------------------------------------------------------	
	* 01. JSS CUSTOM BUTTON [button.jss-btn]
	---------------------------------------------------------------------------
	* 02. A - CUSTOM BUTTON [a.custom-btn] (등록 및 콘텐츠에서 '검색, 찾기..')
	---------------------------------------------------------------------------	
	* 03. A - CUSTOM BUTTON [a.custom-btn-01]
	---------------------------------------------------------------------------
	* 04. ICON FONT 버튼 		[button.custom-icon-font]
	---------------------------------------------------------------------------
	* 05. 검색 버튼 			[button.custom-search-btn] (검색 관련 버튼 '하루전, 한달전, 일년전..')
	---------------------------------------------------------------------------
	* 06. BASIC 그레이 솔리드 버튼[button.custom-basic-btn] (범용 그레이 솔리드 버튼)
	---------------------------------------------------------------------------
	* 07. 상품관련 			[button.btn-item-count] (수량 조절 버튼)
	---------------------------------------------------------------------------
	* 10. classic light button [.button-custom] (클래식 버튼)	
	**************************************************************************/

	/**
	| -------------------------------------------------------------------------
	| @ 00. JSS CUSTOM BUTTON [button.jss-button]
	| -------------------------------------------------------------------------
	*/
	button.jss-button {
		min-width: 60px;
		margin: 0;
		padding: 0;	
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		color: #000;
		background-color: #fff;
		border: 1px solid #000;
		vertical-align: middle;
		display: inline-block;
	}
	
	/* SIZE **/
	button.jss-button.xxsmall   { height: 20px; line-height: 20px; font-size: 11px; }
	button.jss-button.xsmall    { height: 22px; line-height: 22px; font-size: 11px; }
	button.jss-button.small     { height: 24px; line-height: 24px; font-size: 11px; }
	button.jss-button.normal    { height: 26px; line-height: 26px; font-size: 12px; }
	button.jss-button.medium    { height: 28px; line-height: 28px; font-size: 12px; }
	button.jss-button.regular   { height: 30px; line-height: 30px; font-size: 13px; }
	button.jss-button.large     { height: 32px; line-height: 32px; font-size: 13px; }
	button.jss-button.xlarge    { height: 34px; line-height: 34px; font-size: 13px; }
	button.jss-button.x2xlarge  { height: 36px; line-height: 36px; font-size: 13px; min-width: 80px;  }
	button.jss-button.x3xlarge  { height: 38px; line-height: 38px; font-size: 13px; min-width: 80px;  }
	button.jss-button.x4xlarge  { height: 40px; line-height: 40px; font-size: 13px; min-width: 80px;  }
	button.jss-button.x5xlarge  { height: 42px; line-height: 42px; font-size: 13px; min-width: 80px;  }	
	button.jss-button.x6xlarge  { height: 44px; line-height: 44px; font-size: 14px; min-width: 100px; }
	button.jss-button.x7xlarge  { height: 46px; line-height: 46px; font-size: 14px; min-width: 100px; }
	button.jss-button.x8xlarge  { height: 48px; line-height: 48px; font-size: 15px; min-width: 100px; }
	button.jss-button.x9xlarge  { height: 50px; line-height: 50px; font-size: 15px; min-width: 120px; } 	
	button.jss-button.x10xlarge { height: 52px; line-height: 52px; font-size: 16px; min-width: 120px; }
	button.jss-button.x11xlarge { height: 54px; line-height: 54px; font-size: 16px; min-width: 140px; }
	button.jss-button.x12xlarge { height: 56px; line-height: 56px; font-size: 16px; min-width: 140px; }
	button.jss-button.x13xlarge { height: 58px; line-height: 58px; font-size: 16px; min-width: 140px; }
	button.jss-button.x14xlarge { height: 60px; line-height: 60px; font-size: 16px; min-width: 140px; }
	button.jss-button.x15xlarge { height: 62px; line-height: 62px; font-size: 16px; min-width: 140px; }
	button.jss-button.x16xlarge { height: 64px; line-height: 64px; font-size: 16px; min-width: 140px; }
	button.jss-button.x17xlarge { height: 66px; line-height: 66px; font-size: 16px; min-width: 140px; }
	button.jss-button.x18xlarge { height: 68px; line-height: 68px; font-size: 16px; min-width: 140px; }
	button.jss-button.x19xlarge { height: 70px; line-height: 70px; font-size: 16px; min-width: 140px; }
	button.jss-button.x20xlarge { height: 72px; line-height: 72px; font-size: 16px; min-width: 140px; }
	
	/* COLOR **/
	button.jss-button.black { /* BLACK **/
		background-color: #000; border-color: #000; color: #fff;
	}
	button.jss-button.darkgray {
		background-color: #535353; border-color: #535353; color: #fff;
	}		
	button.jss-button.gray {
		background-color: #B5B5B5; border-color: #B5B5B5; color: #fff;
	}	
	button.jss-button.lightgray {
		background-color: #E3E3E3; border-color: #E3E3E3; color: #fff;
	}
	button.jss-button.red { /* RED **/
		background-color: #FF0000; border-color: #FF0000; color: #fff;
	}
	button.jss-button.darkred {
		background-color: #DC3545; border-color: #DC3545; color: #fff;
	}
	button.jss-button.lightred {
		background-color: #FF7373; border-color: #FF7373; color: #fff;
	}
	button.jss-button.blue { /* BLUE **/
		background-color: #007BFF; border-color: #007BFF; color: #fff;
	}
	button.jss-button.darkblue {
		background-color: #4169E1; border-color: #4169E1; color: #fff;
	}
	button.jss-button.lightblue {
		background-color: #87CEFA; border-color: #87CEFA; color: #fff;
	}
	button.jss-button.purple { /* PURPLE **/
		background-color: #8B008B; border-color: #8B008B; color: #fff;
	}
	button.jss-button.darkpurple {
		background-color: #570057; border-color: #570057; color: #fff;
	}
	button.jss-button.lightpurple {
		background-color: #B300B3; border-color: #B300B3; color: #fff;
	}
	button.jss-button.purple2 { /* PURPLE2 **/
		background-color: #6F42C1; border-color: #6F42C1; color: #fff;
	}
	button.jss-button.brown { /* BROWN **/
		background-color: #A0855B; border-color: #A0855B; color: #fff;
	}
	button.jss-button.darkbrown {
		background-color: #A0522D; border-color: #A0522D; color: #fff;
	}
	button.jss-button.lightbrown {
		background-color: #DEB887; border-color: #DEB887; color: #fff;
	}	
	button.jss-button.green { /* GREEN **/
		background-color: #099268; border-color: #099268; color: #fff;
	}
	button.jss-button.darkgreen {
		background-color: #37B24D; border-color: #37B24D; color: #fff;
	}
	button.jss-button.lightgreen {
		background-color: #8CE99A; border-color: #8CE99A; color: #fff;
	}	
	button.jss-button.aqua { /* AQUA **/
		background-color: #3FC5F0; border-color: #3FC5F0; color: #fff;
	}
	button.jss-button.darkaqua {
		background-color: #00CED1; border-color: #00CED1; color: #fff;
	}
	button.jss-button.lightaqua {
		background-color: #AFEEEE; border-color: #AFEEEE; color: #fff;
	}
	button.jss-button.orange { /* ORANGE **/
		background-color: #FD7E14; border-color: #FD7E14; color: #fff;
	}
	button.jss-button.darkorange {
		background-color: #FFAC8E; border-color: #FFAC8E; color: #fff;
	}
	button.jss-button.lightorange {
		background-color: #FFE4B5; border-color: #FFE4B5; color: #fff;
	}
	button.jss-button.pink { /* PINK **/
		background-color: #E83E8C; border-color: #E83E8C; color: #fff;
	}
	button.jss-button.darkpink {
		background-color: #FF69B4; border-color: #FF69B4; color: #fff;
	}
	button.jss-button.lightpink {
		background-color: #FFB6C1; border-color: #FFB6C1; color: #fff;
	}
	button.jss-button.yellow { /* YELLOW **/
		background-color: #FFD700; border-color: #FFD700; color: #fff;
	}
	button.jss-button.darkyellow {
		background-color: #E9B605; border-color: #E9B605; color: #fff;
	}
	button.jss-button.lightyellow {
		background-color: #FDE9A4; border-color: #FDE9A4; color: #fff;
	}
	button.jss-button.navy { /* NAVY **/
		background-color: #224B8F; border-color: #224B8F; color: #fff;
	}
	button.jss-button.darknavy {
		background-color: #003A6C; border-color: #003A6C; color: #fff;
	}
	button.jss-button.lightnavy {
		background-color: #2F67C4; border-color: #2F67C4; color: #fff;
	}	
	
	/* OUTLINE COLOR **/
	button.jss-button.black.outline { /* BLACK **/
		border-color: #000; background-color: #fff; color: #000;
	}
	button.jss-button.darkgray.outline { /* DARK GRAY **/
		border-color: #535353; background-color: #fff; color: #535353;
	}
	button.jss-button.gray.outline { /* GRAY **/
		border-color: #B5B5B5; background-color: #fff; color: #B5B5B5;
	}
	button.jss-button.red.outline { /* RED **/
		border-color: #FF0000; background-color: #fff; color: #FF0000;
	}
	button.jss-button.darkred.outline { /* DARK RED **/
		border-color: #DC3545; background-color: #fff; color: #DC3545;
	}	
	button.jss-button.blue.outline { /* BLUE **/
		border-color: #007BFF; background-color: #fff; color: #007BFF;
	}
	button.jss-button.purple.outline { /* PURPLE **/
		border-color: #8B008B; background-color: #fff; color: #8B008B;
	}
	button.jss-button.purple2.outline { /* PURPLE2 **/
		border-color: #6F42C1; background-color: #fff; color: #6F42C1;
	}
	button.jss-button.brown.outline { /* BROWN **/
		border-color: #A0855B; background-color: #fff; color: #A0855B;
	}
	button.jss-button.green.outline { /* GREEN **/
		border-color: #099268; background-color: #fff; color: #099268;
	}
	button.jss-button.aqua.outline { /* AQUA **/
		border-color: #3FC5F0; background-color: #fff; color: #3FC5F0;
	}
	button.jss-button.orange.outline { /* ORANGE **/
		border-color: #FD7E14; background-color: #fff; color: #FD7E14;
	}
	button.jss-button.pink.outline { /* PINK **/
		border-color: #E83E8C; background-color: #fff; color: #E83E8C;
	}
	button.jss-button.yellow.outline { /* YELLOW **/
		border-color: #FFD700; background-color: #fff; color: #FFD700;
	}
	button.jss-button.navy.outline { /* NAVY **/
		border-color: #224B8F; background-color: #fff; color: #224B8F;
	}
	
	/**
	| -------------------------------------------------------------------------
	| @ 01. JSS CUSTOM BUTTON [button.jss-btn]
	| -------------------------------------------------------------------------
	*/
	button.jss-btn {
		font-size: 12px;
		padding:7px 7px;
		margin:2px 5px 2px 0px;
		color: #000;
		background-color: #fff;
		display: inline-block;
		text-align: center;
		min-width: 140px;
	}
	button.jss-btn  	  { cursor:pointer; border-style:solid; }
	
	button.jss-btn.solid  { border-width: 1px; }
	button.jss-btn.bold   { border-width: 2px; }
	
	button.jss-btn.xsmall { font-size:9px;  padding:5px 5px;   margin-right:5px; }
	button.jss-btn.small  { font-size:11px; padding:7px 7px;   margin-right:5px; }
	button.jss-btn.normal { font-size:12px; padding:8px 8px;   margin-right:5px; }
	button.jss-btn.medium { font-size:12px; padding:10px 10px; margin-right:5px; }
	button.jss-btn.large  { font-size:13px; padding:12px 12px; margin-right:5px; }
	button.jss-btn.xlarge { font-size:14px; padding:14px 14px; margin-right:5px; }
	button.jss-btn.xxlarge{ font-size:16px; padding:16px 16px; margin-right:5px; }
	
	button.jss-btn.light 	{ background-color:#DAE0E5; color:#fff; border-color:#DAE0E5; }
	button.jss-btn.gray 	{ background-color:#b5b5b5; color:#fff; border-color:#b5b5b5; }
	button.jss-btn.darkgray { background-color:#535353; color:#fff; border-color:#535353; }
	button.jss-btn.black	{ background-color:#000000; color:#fff; border-color:#000000; }
	button.jss-btn.blue 	{ background-color:#007BFF; color:#fff; border-color:#007BFF; }
	button.jss-btn.aqua 	{ background-color:#3FC5F0; color:#fff; border-color:#3FC5F0; }
	button.jss-btn.red 		{ background-color:#DC3545; color:#fff; border-color:#DC3545; }
	button.jss-btn.orange 	{ background-color:#FD7E14; color:#fff; border-color:#FD7E14; }
	button.jss-btn.purple 	{ background-color:#6F42C1; color:#fff; border-color:#6F42C1; }
	button.jss-btn.brown 	{ background-color:#A0855B; color:#fff; border-color:#A0855B; }
		
	button.jss-btn.light.outline	{ background-color:#fff; color:#DAE0E5; border-color:#DAE0E5; }
	button.jss-btn.gray.outline		{ background-color:#fff; color:#b5b5b5; border-color:#b5b5b5; }
	button.jss-btn.darkgray.outline { background-color:#fff; color:#535353; border-color:#535353; }
	button.jss-btn.black.outline	{ background-color:#fff; color:#000000; border-color:#000000; }
	button.jss-btn.blue.outline		{ background-color:#fff; color:#007BFF; border-color:#007BFF; }
	button.jss-btn.aqua.outline		{ background-color:#fff; color:#3FC5F0; border-color:#3FC5F0; }
	button.jss-btn.red.outline		{ background-color:#fff; color:#DC3545; border-color:#DC3545; }
	button.jss-btn.orange.outline	{ background-color:#fff; color:#FD7E14; border-color:#FD7E14; }
	button.jss-btn.purple.outline	{ background-color:#fff; color:#6F42C1; border-color:#6F42C1; }	
	button.jss-btn.brown.outline	{ background-color:#fff; color:#A0855B; border-color:#A0855B; }

	/**
	| -------------------------------------------------------------------------
	| @ 02. A - CUSTOM BUTTON [a.custom-btn] (등록 및 콘텐츠에서 '검색, 찾기..')
	| -------------------------------------------------------------------------
	*/
	a.custom-btn {
		font-size: 12px;
		padding: 0; /*6px 6px;**/
		padding-left: 8px;
		padding-right: 8px;
		margin-right: 5px;
		color: #000;
		background-color: #fff;
		display: inline-block;
		text-align: center;
		outline: 0;
	}
	a.custom-btn  		{ cursor:pointer; border-style:solid; }
	
	/* BORDER 설정 **/
	a.custom-btn.solid  { border-width: 1px; }
	a.custom-btn.bold   { border-width: 2px; }
	
	/* SIZE 설정 **/
	/*a.custom-btn.xsmall { font-size:9px;  padding-top:5px; padding-bottom:5px; margin-right:5px; 		}
	a.custom-btn.small  { font-size:11px; padding-top:7px; padding-bottom:7px; margin-right:5px; 		}
	a.custom-btn.normal { font-size:12px; padding-top:9px; padding-bottom: 9px; margin-right:5px;  		}
	a.custom-btn.medium { font-size:14px; padding-top:10px; padding-bottom: 10px; margin-right:5px; 	}
	a.custom-btn.large  { font-size:15px; padding-top:12px; padding-bottom: 12px; margin-right:5px; 	}
	a.custom-btn.xlarge { font-size:16px; padding-top:14px; padding-bottom: 14px; margin-right:5px; 	}
	a.custom-btn.xxlarge{ font-size:16px; padding-top:16.5px; padding-bottom:16.5px; margin-right:5px; 	}**/
	/* SIZE 설정 **/
	a.custom-btn.xxsmall  {	height: 20px; line-height: 20px; font-size: 11px; }
	a.custom-btn.xsmall   {	height: 22px; line-height: 22px; font-size: 11px; }
	a.custom-btn.small    {	height: 24px; line-height: 24px; font-size: 11px; }
	a.custom-btn.normal   {	height: 26px; line-height: 26px; font-size: 12px; }
	a.custom-btn.medium   {	height: 28px; line-height: 28px; font-size: 12px; }
	a.custom-btn.regular  {	height: 30px; line-height: 30px; font-size: 13px; }
	a.custom-btn.large    {	height: 32px; line-height: 32px; font-size: 13px; }
	a.custom-btn.xlarge   {	height: 34px; line-height: 34px; font-size: 13px; }
	a.custom-btn.x2xlarge {	height: 36px; line-height: 36px; font-size: 13px; min-width: 80px; }
	a.custom-btn.x3xlarge {	height: 38px; line-height: 38px; font-size: 13px; min-width: 80px; }
	a.custom-btn.x4xlarge {	height: 40px; line-height: 40px; font-size: 13px; min-width: 80px; }
	a.custom-btn.x5xlarge {	height: 42px; line-height: 42px; font-size: 13px; min-width: 80px; }	
	a.custom-btn.x6xlarge {	height: 44px; line-height: 44px; font-size: 14px; min-width: 100px;	}
	a.custom-btn.x7xlarge {	height: 46px; line-height: 46px; font-size: 14px; min-width: 100px;	}
	a.custom-btn.x8xlarge {	height: 48px; line-height: 48px; font-size: 15px; min-width: 100px;	}
	a.custom-btn.x9xlarge {	height: 50px; line-height: 50px; font-size: 15px; min-width: 120px;	}	
	a.custom-btn.x10xlarge { height: 52px; line-height: 52px; font-size: 16px; min-width: 120px; }
	a.custom-btn.x11xlarge { height: 54px; line-height: 54px; font-size: 16px; min-width: 140px; }
	a.custom-btn.x12xlarge { height: 56px; line-height: 56px; font-size: 16px; min-width: 140px; }
	a.custom-btn.x13xlarge { height: 58px; line-height: 58px; font-size: 16px; min-width: 140px; }
	a.custom-btn.x14xlarge { height: 60px; line-height: 60px; font-size: 16px; min-width: 140px; }
	
	/* COLOR 설정 **/
	a.custom-btn.black	{ background-color:#000000; color:#fff; border-color:#000000; }
	a.custom-btn.blue 	{ background-color:#007BFF; color:#fff; border-color:#007BFF; }
	a.custom-btn.aqua 	{ background-color:#3FC5F0; color:#fff; border-color:#3FC5F0; }
	a.custom-btn.red 	{ background-color:#DC3545; color:#fff; border-color:#DC3545; }
	a.custom-btn.orange { background-color:#FD7E14; color:#fff; border-color:#FD7E14; }
	a.custom-btn.purple { background-color:#6F42C1; color:#fff; border-color:#6F42C1; }
	a.custom-btn.light 	{ background-color:#DAE0E5; color:#fff; border-color:#DAE0E5; }
	a.custom-btn.lightgray { background-color:#e7e7e7; color:#fff; border-color:#e7e7e7; }
	a.custom-btn.gray 	{ background-color:#b5b5b5; color:#fff; border-color:#b5b5b5; }	
	a.custom-btn.brown 	{ background-color:#A0855B; color:#fff; border-color:#A0855B; }
	a.custom-btn.darkgray { background-color:#535353; color:#fff; border-color:#535353; }
	
	/* OUTLINE COLOR 설정 **/
	a.custom-btn.black.outline	{ background-color:#fff; color:#000000; border-color:#000000; }
	a.custom-btn.blue.outline	{ background-color:#fff; color:#007BFF; border-color:#007BFF; }
	a.custom-btn.aqua.outline	{ background-color:#fff; color:#3FC5F0; border-color:#3FC5F0; }
	a.custom-btn.red.outline	{ background-color:#fff; color:#DC3545; border-color:#DC3545; }
	a.custom-btn.orange.outline	{ background-color:#fff; color:#FD7E14; border-color:#FD7E14; }
	a.custom-btn.purple.outline	{ background-color:#fff; color:#6F42C1; border-color:#6F42C1; }
	a.custom-btn.light.outline	{ background-color:#fff; color:#DAE0E5; border-color:#DAE0E5; }
	a.custom-btn.lightgray.outline { background-color:#fff; color:#b5b5b5; border-color:#b5b5b5; }
	a.custom-btn.gray.outline	{ background-color:#fff; color:#b5b5b5; border-color:#b5b5b5; }
	a.custom-btn.brown.outline	{ background-color:#fff; color:#A0855B; border-color:#A0855B; }
	a.custom-btn.darkgray.outline { background-color:#fff; color:#535353; border-color:#535353; }

	/**
	| -------------------------------------------------------------------------
	| @ 03. A - CUSTOM BUTTON [a.custom-btn-01]
	| -------------------------------------------------------------------------
	*/
	a.custom-btn-01 {
		font-size: 12px;
		color: #000000; /*#565656;**/
		border: 1px solid #cecece;
		background-color: #fff;
		display: inline-block;
		text-align: center;
	}
	a.custom-btn-01:hover {
		background-color: #eeeeee;
		text-decoration: underline;
	}	
	a.custom-btn-01.active {
		font-color: #000000;
		border: 1px solid #000;
		background-color: #f8f8f8;
	}	
	a.custom-btn-01.xsmall 	{ font-size:10px; padding:5px 5px;   margin-right:5px; 	}	
	a.custom-btn-01.small 	{ font-size:11px; padding:7px 7px;   margin-right:5px; 	}
	a.custom-btn-01.medium 	{ font-size:14px; padding:10px 10px; margin-right:5px; 	}	
	a.custom-btn-01.large 	{ font-size:16px; padding:10px 10px; margin-right:5px; 	}
	a.custom-btn-01.xlarge 	{ font-size:19px; padding:10px 10px; margin-right:5px; 	}

	/**
	| -------------------------------------------------------------------------
	| @ 04. ICON FONT 버튼 		[button.custom-icon-font]
	| -------------------------------------------------------------------------
	*/
	/* ICON FONT **/
	button.custom-icon-font {
		font-size: 12px;
		color: #565656;
		border:1px solid #cecece;
		margin: 0;
		padding-top:4px; padding-bottom:0px; padding-left:5px; padding-right:5px;
		background-color:#fff;
	}
	button.custom-icon-font:hover {
		background-color:#f9f9f9;
	}
		
	/**
	| -------------------------------------------------------------------------
	| @ 05. 검색 버튼 			[button.custom-search-btn] (검색 관련 버튼 '하루전, 한달전, 일년전..')		
	| -------------------------------------------------------------------------
	*/
	/* 작은 날짜 검색 (1일전, 1주일전, 1달전) **/
	button.custom-search-btn {
		font-size: 12px;
		color: #565656;
		border:1px solid #cecece;
		margin: 0;
		padding: 0; /*6px 10px;**/
		padding-left: 5px;
		padding-right: 5px;
		background-color:#fff;	
	}
	button.custom-search-btn:hover {
		background-color:#eeeeee;	
	}
	button.custom-search-btn:focus {
		border:1px solid #000;
		background-color:#f4f4f4;
	}
	button.custom-search-btn.active {
		border:1px solid #000; /*#717171;**/
		background-color:#f4f4f4;
	}

	/* SIZE 설정 **/
	button.custom-search-btn.xxsmall  {	height: 20px; line-height: 20px; font-size: 11px; }
	button.custom-search-btn.xsmall   {	height: 22px; line-height: 22px; font-size: 11px; }
	button.custom-search-btn.small    {	height: 24px; line-height: 24px; font-size: 11px; }
	button.custom-search-btn.normal   {	height: 26px; line-height: 26px; font-size: 12px; }
	button.custom-search-btn.medium   {	height: 28px; line-height: 28px; font-size: 12px; }
	button.custom-search-btn.regular  {	height: 30px; line-height: 30px; font-size: 12px; }
	button.custom-search-btn.large    {	height: 32px; line-height: 32px; font-size: 12px; }
	button.custom-search-btn.xlarge   {	height: 34px; line-height: 34px; font-size: 12px; }
	button.custom-search-btn.x2xlarge {	height: 36px; line-height: 36px; font-size: 12px; min-width: 80px; }
	button.custom-search-btn.x3xlarge {	height: 38px; line-height: 38px; font-size: 13px; min-width: 80px; }
	button.custom-search-btn.x4xlarge {	height: 40px; line-height: 40px; font-size: 13px; min-width: 80px; }
	button.custom-search-btn.x5xlarge {	height: 42px; line-height: 42px; font-size: 13px; min-width: 80px; }	
	button.custom-search-btn.x6xlarge {	height: 44px; line-height: 44px; font-size: 14px; min-width: 100px;	}
	button.custom-search-btn.x7xlarge {	height: 46px; line-height: 46px; font-size: 14px; min-width: 100px;	}
	button.custom-search-btn.x8xlarge {	height: 48px; line-height: 48px; font-size: 15px; min-width: 100px;	}
	button.custom-search-btn.x9xlarge {	height: 50px; line-height: 50px; font-size: 15px; min-width: 120px;	}	
	button.custom-search-btn.x10xlarge { height: 52px; line-height: 52px; font-size: 16px; min-width: 120px; }
	button.custom-search-btn.x11xlarge { height: 54px; line-height: 54px; font-size: 16px; min-width: 140px; }
	
	/**
	| -------------------------------------------------------------------------
	| @ 06. BASIC 그레이 솔리드 버튼[button.custom-basic-btn] (범용 그레이 솔리드 버튼)
	| -------------------------------------------------------------------------
	*/
	/* Basic 버튼 **/
	button.custom-basic-btn {
		font-size: 12px;
		color: #565656;
		border:1px solid #cecece;
		padding: 5.8px 10px;
		background-color:#fff;	
	}
	button.custom-basic-btn:hover {
		background-color:#eeeeee;	
	}
	button.custom-basic-btn.xsmall { font-size:9px;  padding-top: 5px; padding-bottom: 5px; 	}
	button.custom-basic-btn.small  { font-size:11px; padding-top: 8px; padding-bottom: 8px;  	}
	button.custom-basic-btn.normal { font-size:12px; padding-top: 10px; padding-bottom: 10px;   }
	button.custom-basic-btn.medium { font-size:14px; padding-top: 12px; padding-bottom: 12px;  	}
	button.custom-basic-btn.large  { font-size:15px; padding-top: 14px; padding-bottom: 14px;  	}
	button.custom-basic-btn.xlarge { font-size:16px; padding-top: 16px; padding-bottom: 16px;  	}
	button.custom-basic-btn.xxlarge{ font-size:16px; padding-top: 18px; padding-bottom: 18px; 	}
	button.custom-basic-btn.x2xlarge{ font-size:16px; padding-top: 20px; padding-bottom: 20px;	}
	
	/**
	| -------------------------------------------------------------------------
	| @ 07. 상품관련 			[button.btn-item-count] (수량 조절 버튼)
	| -------------------------------------------------------------------------
	*/
	/* 상품 수량 조절 버튼 (+ -) **/
	.wraper-btn-item-count {
		width: 90px;
		height: 35px;
		padding: 0px 0px;
	}
	button.btn-item-count {
		width: 35px;
		height: 35px;
		border: 1px solid #D2D2D2;
		padding: 3px 5px;
		background-color: #fff;
	}
	button.btn-item-count img {
		width: 18px;
	}
	.wraper-btn-item-count input {
		width:50px; 
		height:34px;
		text-align:center;
		border: 0px solid #BDBDBD;
		font-size: 15px;
		font-weight: bold;
	}
	
	/**
	| -------------------------------------------------------------------------
	| @ 10. classic light button [.button-custom] (클래식 버튼)
	| -------------------------------------------------------------------------
	*/	
	.button-custom, .button-custom *{
		display:inline-block;
		overflow:visible;
		position:relative;
		margin:0;
		margin-bottom: 5px;
		padding:0;
		border:0;
		background:url(/_common/img/btn/btn_pack.gif) no-repeat;
		color:#333;
		text-decoration:none !important;
		vertical-align:top;
		white-space:nowrap;
	}
	.button-custom {margin-right:4px; font-size:12px;}
	.button-custom *{left:4px; cursor:pointer; _cursor:hand;}
	.button-custom.small,
	.button-custom.small *{height:19px; line-height:19px; background-position:left -106px;}
	.button-custom.small *{padding:1px 6px 0 2px; background-position:right -106px; font-size:11px;}
	
	.button-custom.medium,
	.button-custom.medium *{height:26px; line-height:26px;}
	.button-custom.medium {background-position:left 0;}
	.button-custom.medium *{padding:0 10px 0 6px; background-position:right top;}
	
	.button-custom button:hover, .button-custom button *:hover,
	.button-custom button:active, .button-custom button *:active {color:#458edf;}
	.button-custom.strong *{font-weight:bold !important;}
	.button-custom.icon *{padding-left:20px;}
	.button-custom.small.icon *{padding-left:16px;}
	.button-custom.icon span{width:20px; margin-right:-20px; padding:0 !important;}
	
	.button-custom.small .check{background-position:2px -153px;}
	.button-custom.small .add{background-position:-18px -153px;}
	.button-custom.small .delete{background-position:-37px -153px;}
	.button-custom.small .calendar{background-position:-59px -153px;}
	.button-custom.small .refresh{background-position:-79px -153px;}
	.button-custom.small .download{background-position:-99px -154px;}
	.button-custom.small .edit{background-position:-119px -154px;}
	
	.button-custom.medium .check{background-position:3px -150px;}
	.button-custom.medium .add{background-position:-16px -150px;}
	.button-custom.medium .delete{background-position:-34px -150px;}
	.button-custom.medium .calendar{background-position:-56px -150px;}
	.button-custom.medium .refresh{background-position:-76px -150px;}
	.button-custom.medium .download{background-position:-96px -151px;}
	.button-custom.medium .edit{background-position:-116px -150px;}
	
	.button-custom.medium .search01{background-position:-136px -150px;}