/**
* =============================================================================
* @	file     : jssSelectbox.css
* -----------------------------------------------------------------------------
* 
* @ project  : 
* @ category : 
* @ author   : JANG SANG SEOK
* @ since    : 2021-11-03
* @ desc     : jssSelectbox - 셀렉트박스 css
* 
* =============================================================================
*/

@charset "UTF-8";
	
	/**************************************************************************
	* 00. JSS SELECTBOX [.jss-select]
	---------------------------------------------------------------------------	
	* 
	**************************************************************************/

	/**
	| -------------------------------------------------------------------------
	| @ 00. JSS SELECTBOX [.jss-select]
	| -------------------------------------------------------------------------
	*/	
	/* 셀렉트박스 **/
	.jss-select {
		border: 1px solid #d1d1d1; height:24px;
		cursor: pointer;
		font-size: 13px;
		padding-left: 10px;
		
		/* custom arrow icon **/
		background: url('/_web/assets/img/icon/form/ico-jss-select-arrow-16-gray.png') no-repeat 93% 50%;
		background-size: 12px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.jss-select:hover, .jss-select:focus {
		outline: 0 none;
		border: 1px solid #000;
		/*background-color: #F7F7F7;**/
	}
	.jss-select option {
		background-color: #fff;
	}
	.jss-select::-ms-expand {
		display: none;
	}
	
	/* ARROW 설정 **/
	.jss-select.arrow-black 	{ background: url('/_web/assets/img/icon/form/ico-jss-select-arrow-16-black.png') no-repeat 93% 50%; background-size: 12px; }
	.jss-select.arrow-red 		{ background: url('/_web/assets/img/icon/form/ico-jss-select-arrow-16-red.png') no-repeat 93% 50%; background-size: 12px; }
	.jss-select.arrow-green 	{ background: url('/_web/assets/img/icon/form/ico-jss-select-arrow-16-green.png') no-repeat 93% 50%; background-size: 12px; }
	.jss-select.arrow-blue 		{ background: url('/_web/assets/img/icon/form/ico-jss-select-arrow-16-blue.png') no-repeat 93% 50%; background-size: 12px; }
	.jss-select.arrow-triangle 	{ background: url('/_web/assets/img/icon/form/ico-jss-select-arrow-triangle-16-gray.png') no-repeat 95% 50%; background-size: 12px; }
	
	/* SIZE 설정 **/
	.jss-select.xxsmall  { height: 26px; line-height: 26px; font-size: 12px; }
	.jss-select.xsmall 	 { height: 28px; line-height: 28px; font-size: 12px; }
	.jss-select.small 	 { height: 30px; line-height: 30px; }
	.jss-select.normal 	 { height: 32px; line-height: 32px; }
	.jss-select.medium 	 { height: 34px; line-height: 34px; }
	.jss-select.regular  { height: 36px; line-height: 36px; }
	.jss-select.large 	 { height: 38px; line-height: 38px; }
	.jss-select.xlarge 	 { height: 40px; line-height: 40px; }
	.jss-select.xxlarge  { height: 42px; line-height: 42px; }
	.jss-select.x2xlarge { height: 44px; line-height: 44px; }
	.jss-select.x3xlarge { height: 46px; line-height: 46px; }
	.jss-select.x4xlarge { height: 48px; line-height: 48px; }
	.jss-select.x5xlarge { height: 50px; line-height: 50px; }
	.jss-select.x6xlarge { height: 52px; line-height: 52px; }
	.jss-select.x7xlarge { height: 54px; line-height: 54px; }
	.jss-select.x8xlarge { height: 56px; line-height: 56px; }
	.jss-select.x9xlarge { height: 58px; line-height: 58px; }