@CHARSET "UTF-8";
/*
classname이 지정되면 이 속성은 사라짐
단, 원하는 경우 customizing은 가능할 수도 있음
*/

* {
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	
}

body {
scrollbar-face-color:#FFFFFF;/*스크롤바 표면 색상*/
scrollbar-highlight-color:#C7C7C7;/*표면 왼쪽 부분 겉색상*/
scrollbar-shadow-color:#C7C7C7;/*표면 오른쪽 부분 그림자 겉색상*/
scrollbar-3dlight-color:#FFFFFF;/*표면 왼쪽 부분 입체감 색상*/
scrollbar-arrow-color:#C7C7C7;/*스크롤바 조그만 삼각형 색상*/
scrollbar-track-color:#FFFFFF;/*스크롤바 밑에 레일 트렉 색상*/
scrollbar-darkshadow-color:#FFFFFF;/*표면 밑 부분 그림자 색상*/
} 
.float_left {float:left;}
.float_right {float:right;}
.hide {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.nodisplay {display:none;}
.text_left {text-align:left !important;}
.text_center {text-align:center !important;}
.text_right {text-align:right !important;}
.important {color:#BC191A;}
.placeholder {color: #aaa !important;}

/* FOUC 관련 */
/*
[data-type], select[data-converted], [data-converted] select[data-type] {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter:alpha(opacity = 0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	zoom:1;
}
[data-converted], [data-converted] [data-type]{ 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity = 100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	zoom:1;
}
*/
select:active {
	opacity:0.5;
}
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	float:left;
}

table,tr,th,td {
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
	border:0;
}

ul,ol,li {
	list-style:none;
}

p{
	margin:1em 0;
	display:block;
}

label {
	vertical-align:middle;	
}

.opaque { /* IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	/* IE 5-7 */
	filter:alpha(opacity =     0);
	/* Netscape */
	-moz-opacity:0;
	/* Safari 1.x */
	-khtml-opacity:0;
	/* Good browsers */
	opacity:0;
	zoom:1;
}

/* webkit scrollbar style */
::-webkit-scrollbar {
    width:10px;
    height:10px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius:10px;
    border-radius:10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius:10px;
    border-radius:10px;
    background:#CDC8B1; 
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background:#EEE8CD; 
}

/********* Slider(temp) ************/
.af-slider {
	border:1px solid #AAA;
}

.af-slider div {
	border:1px solid lightGrey;
	margin:-2px 0 0 0 !important;
}

/********* Progressbar(temp) ************/
.af-progressbar {
	border:1px solid #AAA;
}

.af-progressbar div {
	margin:-1px 0 0 -1px !important;
}

/********* Datepicker ************/
.af-datepicker {
	padding:6px !important;
	width:260px;
	font-size:12px;
	border:1px solid;
}

.af-datepicker a {
	cursor:pointer;
	text-decoration:none;
}

.af-datepicker .af-datepicker-header {
	height:40px;
	*height:29px;
	border-bottom:1px solid;
	padding:5px 4px;
}

.af-datepicker .af-datepicker-header .af-datepicker-control {
	text-decoration:none;
	display:inline-block;
}

.af-datepicker .af-subHeader-year {
	width:110px;
	height:100%;
	float:left;
	margin-right:10px !important;
}

.af-datepicker .af-subHeader-month {
	width:95px;
	height:100%;
	float:left;
	margin:0px !important;
}

.af-datepicker .af-subHeader-year-inline {
	width:100px;
	height:100%;
	float:left;
	margin-right:10px !important;
}

.af-datepicker .af-subHeader-month-inline {
	width:120px;
	height:100%;
	float:left;
	margin:0px !important;
}

.af-datepicker .af-prev-year,.af-datepicker .af-prev-month {
	padding:0 !important;
	float:left;
	height:19px;
	width:19px;
}

.af-datepicker .af-prev-year .af-datepicker-control,
.af-datepicker .af-prev-month .af-datepicker-control {
	width:19px;
	height:19px;
}

.af-datepicker .af-next-year,
.af-datepicker .af-next-month {
	padding:0 !important;
	float:right;
	width:19px;
	height:19px;
}

.af-datepicker .af-next-year .af-datepicker-control,
.af-datepicker .af-next-month .af-datepicker-control {
	width:19px;
	height:19px;
}

.af-datepicker .af-btn-close {
	position:absolute;
	height:15px;
	width:15px;
	top:13px;
	right:10px;
	
}

.af-datepicker .af-btn-close .af-datepicker-control {
	width:15px;
	height:15px;
	display:block;
}

.af-datepicker .af-current-year {
	float:left;
	text-align:center;
	width:61%;
	*width:42%;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:19px;
	padding:0 5px !important;
}

.af-datepicker .af-current-month {
	float:left;
	text-align:center;
	width:55%;
	*width:48%;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:19px;
	padding:0 5px !important;
}

.af-datepicker .af-current-year_inline {
	float:left;
	text-align:center;
	width:61%;
	*width:42%;
	color:#ffffff;
	font-weight:bold;
	line-height:19px;
	padding:0 10px !important;
}

.af-datepicker .af-current-month_inline {
	float:left;
	text-align:center;
	width:68%;
	*width:51%;
	color:#ffffff;
	font-weight:bold;
	line-height:19px;
	padding:0 10px !important;
}

.af-datepicker .af-datepicker-tableCell{
	border:1px solid;
	width:37px;
	height:22px;
}

.af-datepicker table {
	border-collapse:collapse;
	padding:0 !important;
	width:100%;
}

.af-datepicker .af-datepicker-day {
	display:block;
	height:29px;
	text-align:center;
	padding-top:3px;
}

.af-datepicker .af-datepicker-weekdays {
	width:37px;
	height:23px;
	text-align:center;
}


/********* tabs *********/
.af-tabs {
	width:100%;
	margin:0 !important;
	padding:0 !important;
}

.af-tabs .af-tabs-button-group {
	display:block;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}

.af-tabs .af-tabs-button {
	display:block;
	float:left;
	cursor:pointer;
	margin:0;
	text-align:center;
	padding:0px 15px;
	text-decoration:none;
	line-height:33px;
	position:relative;
}

.af-tabs .af-tabs-content {
	padding:20px 15px;
	margin-top:-1px;
	display:block;
	border-top:1px solid #c3c3c3;
}

.af-tabs .af-tabs-button-icon{
	display:block;
	margin:auto !important;
	*margin:auto 0 !important; /* for IE7*/ 
	text-align:center;
	border:0px;
}

.af-tooltip {
	z-index: 10;
	position: absolute;
	padding: 5px 10px;
}