.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    /*font-size: 12px;**/
    color: #000;
    width: 100%;
    height: 42px;
}

/* 셀렉트박스 헤더 **/
.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid #7c7c7c; /* 헤더 보더 **/
    padding: 8px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
	
/* 셀렉트박스 헤더 마우스 오버 **/
.select-styled:hover {
    /*border: 1px solid red;**/
    background-color: #f7f7f7; /*#b83729;**/
}

/* 셀렉트박스 헤더 arrow ▼ **/
.select-styled:after {
    /*content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;**/
    
    font-family: 'xeicon';
	content: '\e942'; /*'\e941';**/
	position: absolute;
	right: 10px;
	top: 1px;
	font-size: 20px;
}

.select-styled:active, 
.select-styled.active {
    background-color: #fff;
}

/* 셀렉트박스 헤더 arrow ▲ **/
.select-styled:active:after,
.select-styled.active:after {
    /*top: 9px;
    border-color: transparent transparent #000000 transparent;**/
	
	/* EXIcon **/
    font-family: 'xeicon';
	content: '\e945'; /*'\e944';**/
	position: absolute;
	right: 10px;
	top: 1px;
	font-size: 20px;
}

/* 셀렉트박스 옵션 리스트 **/
.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #b1b1b1; /*#000;**/ /* 옵션 리스트 보더 **/
    margin-top: -1px;
}

/* 셀렉트박스 옵션 리스트 **/
.select-options li {
    margin: 0;
    padding: 7px 0;
    text-indent: 15px;
    /*border-top: 1px solid #000;**/
    /*-moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;**/
}

/* 셀렉트박스 옵션 리스트 - 마우스 오버 **/
.select-options li:hover {
    color: #fff;
    background: #bbbbbb; /*#5e5e5e;**/
}

.select-options li[rel="hide"] {
    display: none;
}






/* 셀렉트박스 높이 (사이즈)에 따른 after 가상클래스 jquery로 핸들링 **/
/* X-Large **/
/* //$('.select').css({'height': '52px', 'line-height': '32px'}); $('.select-styled').toggleClass('custom-selectobx-xxlarge'); **/
.select-styled.custom-selectobx-xxlarge:after{
	height: 44px;
	line-height: 44px;
}

/* X-Large **/
/* //$('.select').css({'height': '48px', 'line-height': '28px'}); $('.select-styled').toggleClass('custom-selectobx-xlarge'); **/
.select-styled.custom-selectobx-xlarge:after{
	height: 40px;
	line-height: 40px;
}

/* Large - height 40 **/
/* //$('.select').css({'height': '40px', 'line-height': '24px'}); $('.select-styled').toggleClass('custom-selectobx-large'); **/
.select-styled.custom-selectobx-large:after{
	height: 35px;
	line-height: 35px;
}

/* medium - height 34 **/
/* //$('.select').css({'height': '34px', 'line-height': '18px'}); $('.select-styled').toggleClass('custom-selectobx-medium'); **/
.select-styled.custom-selectobx-medium:after{
	height: 31px;
	line-height: 31px;
}

/* small **/
/* //$('.select').css({'height': '31px', 'line-height': '15px'}); $('.select-styled').toggleClass('custom-selectobx-small'); **/
.select-styled.custom-selectobx-small:after{
	height: 28px;
	line-height: 28px;
}

/* x-small **/
/* //$('.select').css({'height': '27px', 'line-height': '12px'}); $('.select-styled').toggleClass('custom-selectobx-xsmall'); **/
.select-styled.custom-selectobx-xsmall:after{
	height: 24px;
	line-height: 24px;
}