@CHARSET "UTF-8";

/*
공통 요소에 적용되는 style
*/



/********** common **********/
* {
	color:#333;
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
a {
	selector-dummy :__EXPRESSION__(this.hideFocus=true);
	outline:none;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	color:#ea1346;
	font-weight:normal;
	text-decoration:none;
} 

button {
	selector-dummy :__EXPRESSION__(this.hideFocus=true);
	outline:none;
}
.pointer {
	_cursor:hand;
}
label.af-disabled {
	/* for label tag in IE browser */
	display:inline-block;color:#ababab;
}
.text_center, .txtcenter, .tc, .tdcenter {
	text-align:center;
}
.text_left, .txtleft, .tdleft {
	text-align:left;
}
.text_right, .txtright, .tdright {
	text-align:right;
}
.text_top {
	vertical-align:top;
}
.text_middle {
	vertical-align:middle;
}
.text_bottom {
	vertical-align:bottom;
}
.nomargin, .nomarg {
	margin:0 !important;
}
.float_right {
	float:right !important;
}
.float_left {
	float:left !important;
}

/***** component - text decoration *****/
.bold {
	font-weight:bold;
}
.text_uline {
	border-bottom:1px solid #666;
}
.text_uline.bold {
	font-weight:bold;
	border-bottom:1px solid #333;
}
.text_border {
	border:1px solid #ccc;
	padding:0 3px;
}
.text_light {
	color:#999;
}
.text_normal {
	font-weight:normal;
}
/********** common width **********/
.w100 {
	width:100%;
	*width:95%;
	margin:0 !important;
}
.w100.ie7_80 {
	*width:80%;
}
.w50 {
	width:50%;
	margin:0 !important;
}
.w30px {
	width:30px;
	*width:26px;
}
.w50px {
	width:50px;
	*width:46px;
}
.w80px {
	width:80px;
	*width:76px;
}
.w100px {
	width:100px;
	*width:96px;
}
.w130px {
	width:130px;
	*width:126px;
}
.w150px {
	width:150px;
	*width:126px;
}
.w180px {
	width:180px;
	*width:176px;
}
.w200px {
	width:200px;
	*width:196px;
}
.w230px {
	width:230px;
	*width:226px;
}
.w250px {
	width:250px;
	*width:226px;
}
.w280px {
	width:280px;
	*width:276px;
}
.w300px {
	width:300px;
	*width:296px;
}
.w350px {
	width:350px;
	*width:346px;
}

/********** common title **********/
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	color:#333;
}
h1 {
	color:#555555;
	font-size:30px;
	font-weight:bold;
}
h2 {
	font-size: 18px;
	color: #222;	
	-webkit-font-weight: 800;
	-moz-font-weight: 800;
	font-weight: bold;
	line-height: 65px;
	background: url(images/component_img.png) no-repeat -100px -424px;
	padding-left: 17px;
	margin-bottom: -10px;
	display: block;
}
h3 {
	font-size: 18px;
	color: #222;	
	-webkit-font-weight: 800;
	-moz-font-weight: 800;
	font-weight: bold;
	display: block;
	margin-bottom:10px;
}
h4 {
	font-size: 18px;
	color: #222;	
	-webkit-font-weight: 800;
	-moz-font-weight: 800;
	font-weight: bold;
	background: url(images/component_img.png) no-repeat -100px -495px;
	padding-left: 13px;
	display: block;
	margin-bottom:5px;
}
h5 {
	font-size: 23px;
	line-height:35px;
	color:#555;
	border-bottom: 2px solid #ff5d16;	
	border-top: 2px solid #ff5d16;	
	-webkit-font-weight: 800;
	-moz-font-weight: 800;
	font-weight: bold;
	display: inline-block;
	margin:20px 0 25px 0;
	padding:40px 0;
}
sup {
	color:#f00;
	font-weight:bold;
	height:10px;
	line-height:10px;
}

/********** component - slider **********/
.af-slider.af-default {
	width: 300px;
	height: 17px;
	border: 1px solid #AAA;
	background-color: #FFF;
}
.af-slider.af-default div {
	width: 20px;
	height: 20px;
	color: #555;
	background-color: lightGrey;
	border-color: lightGrey;
}
.af-slider.af-default.af-pressed {
	color:#999 !important;
	border:2px solid red !important;
}

/********** component - progressbar **********/
.af-progressbar.af-default {
	width: 500px;
	height: 17px;
	border-color: #AAA;
}
.af-progressbar.af-default span {	
	-webkit-font-weight: 800;
	-moz-font-weight: 800;
	font-weight: bold;
}
.af-progressbar.af-default div {
	background-color: #CCC;
	/* background: url(./images/progressbar.gif);
	*/
}

/********** component - datepicker **********/
.af-datepicker.af-default {
	background:#f0f0f0;
	background:-ms-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background:-moz-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background:-o-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e0e0e0));
	background:-webkit-linear-gradient(top, #ffffff 10%, #e0e0e0 100%);
	background:linear-gradient(to bottom, #ffffff 10%, #e0e0e0 100%);
	border-color:#666;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	box-shadow:1px 1px 5px #333;
}
.af-datepicker.af-default .af-datepicker-header {
	color:#333;
	border-bottom-color:#ccc;
	padding-left:10px;
}
.af-datepicker.af-default .af-datepicker-header .af-datepicker-control {
	background:url('images/component_img.png') no-repeat -100px -100px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.af-datepicker.af-default .af-prev-year .af-datepicker-control.af-hover,
.af-datepicker.af-default .af-prev-month .af-datepicker-control.af-hover {
	background:url('images/component_img.png') no-repeat -120px -100px;
}
.af-datepicker.af-default .af-prev-year .af-datepicker-control.af-pressed,
.af-datepicker.af-default .af-prev-month .af-datepicker-control.af-pressed {
	background:url('images/component_img.png') no-repeat -140px -100px;
}
.af-datepicker.af-default .af-prev-year .af-datepicker-control.af-disabled,
.af-datepicker.af-default .af-prev-month .af-datepicker-control.af-disabled {
	background:url('images/component_img.png') no-repeat -160px -100px;
	cursor: default;
}
.af-datepicker.af-default .af-next-year .af-datepicker-control,
.af-datepicker.af-default .af-next-month .af-datepicker-control {
	background:url('images/component_img.png') no-repeat -180px -100px;
	text-indent: 100%;
	white-space:nowrap;
	overflow: hidden;
}
.af-datepicker.af-default .af-next-year .af-datepicker-control.af-hover,
.af-datepicker.af-default .af-next-month .af-datepicker-control.af-hover {
	background:url('images/component_img.png') no-repeat -200px -100px;
}
.af-datepicker.af-default .af-next-year .af-datepicker-control.af-pressed,
.af-datepicker.af-default .af-next-month .af-datepicker-control.af-pressed {
	background:url('images/component_img.png') no-repeat -220px -100px;
}
.af-datepicker.af-default .af-next-year .af-datepicker-control.af-disabled,
.af-datepicker.af-default .af-next-month .af-datepicker-control.af-disabled {
	background:url('images/component_img.png') no-repeat -240px -100px;
	cursor: default;
}
.af-datepicker.af-default .af-datepicker-header .af-current-year-select {
	width:67px;
	margin-left:2px;
}
.af-datepicker.af-default .af-datepicker-header .af-current-month-select {
	width:55px;
	margin-left:1px;
}
.af-datepicker.af-default .af-btn-close .af-datepicker-control {
	background:url('images/component_img.png') no-repeat  -260px -100px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.af-datepicker.af-default .af-btn-close .af-datepicker-control.af-hover {
	background:url('images/component_img.png') no-repeat  -280px -100px;
}
.af-datepicker.af-default .af-btn-close .af-datepicker-control.af-pressed {
	background:url('images/component_img.png') no-repeat -300px -100px;
}
.af-datepicker.af-default .af-datepicker-tableCell {
	border-color:#999;
	background-color:#fff;
	text-align:center;
}
.af-datepicker.af-default .af-datepicker-day,
.af-datepicker.af-default .af-datepicker-month {
	color:#333;
	background-color:#fff;
	text-decoration:none;
}
.af-datepicker.af-default .af-datepicker-day.holiday {
	color:#ff6363;
}
.af-datepicker.af-default .af-datepicker-day.saturday {
	color:#1594ff;
}
.af-datepicker.af-default .af-datepicker-day.af-hover,
.af-datepicker.af-default .af-datepicker-month.af-hover {
	color:#fff;
	background-color:#f7436d;
}
.af-datepicker.af-default .af-datepicker-day.af-pressed, 
.af-datepicker.af-default .af-datepicker-month.af-pressed {
	color:#fff;
	background-color:#333;
}
.af-datepicker.af-default .af-datepicker-day.af-disabled {
	color:#d3d3d3;
	cursor:default;
}
.af-datepicker.af-default .af-today {
	color:#fff;
	background-color:#f56619;
	font-weight:bold;
}
.af-datepicker.af-default .af-datepicker-weekdays {
	color:#666;
}
.af-datepicker.af-default .af-datepicker-weekdays.holiday {
	color:#ff4223;
}
.af-datepicker.af-default .af-datepicker-weekdays.saturday {
	color:#239aff;
}
.af-datepicker.af-default .af-datepicker-month {
	width:100%;
	height:27px;
	display:block;
}
.af-datepicker.af-default .af-subHeader-year-wide {
	padding:0 50px;
}
.af-datepicker.af-default .af-subHeader-year-wide .af-current-year-select {
	width:80px;
	text-align:center;
}
.af-datepicker.af-default .af-subHeader-year-wide .af-prev-year {
	margin-right:4px;
}

/********** ccomponent - input **********/
.textinput, .selectinput, .textareainput {
	/* 박스형 input의 경우 
	공통으로 margin:0 2px;
	padding:2px 6px 로 적용
	select의 경우에만 padding:0 을 적용. 
	사방 둥근 모서리 처리 border-radius 역시 공통으로 1px 적용 */
	color:#333;
	vertical-align:middle;
	margin: 0;
	border:1px solid #bbb;
	background:#fff;	 	
  	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.textinput, .textareainput {
	padding: 2px;
	*padding:0 2px;
	line-height: 28px;
	cursor:text;
}
.selectinput, .textinput {
	height:35px;
	line-height:33px;
	overflow:hidden;
}
.textinput.af-hover, .textinput:focus, .textareainput.af-hover, .textareainput:focus {
	border:1px solid #f7436d;
	background:#fff;
} 
.textinput:disabled, 
.textareainput:disabled {
    border: 1px solid #d7dadd;
	background: #f2f2f2;
	color: #9a9a9a;	
}
select option.af-disabled {background: #f2f2f2;color: #9a9a9a;}

.textinput.af-disabled,
.textinput.af-disabled:focus,
.textinput.disabled,
.textinput.disabled:focus,
.textareainput.af-disabled,
.textareainput.af-disabled:focus,
.textareainput.disabled,
.textareainput.disabled:focus {
	border: 1px solid #d7dadd;
	background: #f2f2f2;
	color: #9a9a9a;	
}
.textinput.noline, .textareainput.noline {
	border:0px none #fff;
	cursor:default;
}
.textinput.pholder, .textareainput.pholder {
	font-style:italic;
	color:#bbb;
}
.selectinput {
	padding:0;
	*width:70px;
}
.selectinput.af-hover, .selectinput:focus, .selectinput.af-hover, .selectinput:focus, .selectinput.af-pressed {
	border:1px solid #f7436d;
	background:#fff;
	color:#333;
}
.selectinput.af-disabled, .selectinput:disabled, .selectinput.disabled, .selectinput.disabled:focus, .selectinput.af-disabled:focus {
	border:1px solid #ccc;
	background:#eee;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:window;
	-khtml-appearance:none;
}
.textareainput {
	overflow:auto;
}

/********** component - radioinput, checkinput **********/
.radioinput, .checkinput {
	overflow:hidden;
	vertical-align:middle;
	width:16px;
	height:16px;
	margin:1px 0;
	padding:0px;
	background:none;
	border:0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {	
.radioinput {
		appearance:none;
		-webkit-appearance:none;
		-moz-appearance:none;
		-khtml-appearance:none;
}
.radioinput {
		background:url('images/component_img.png') no-repeat -100px -300px;
}
.radioinput:checked {
		background:url('images/component_img.png') no-repeat -120px -300px;
}
.radioinput:checked.af-disabled {
		background:url('images/component_img.png') no-repeat -160px -300px;
}
.radioinput.af-disabled {
	   background:url('images/component_img.png') no-repeat -140px -300px;
}
.checkinput {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-khtml-appearance:none;
}
.checkinput {
	background:url('images/component_img.png') no-repeat -100px -50px;
}
.checkinput:checked {
	background:url('images/component_img.png') no-repeat -120px -50px;
}
.checkinput:checked.af-disabled {
	background:url('images/component_img.png') no-repeat -160px -50px;
}
.checkinput.af-disabled {
   background:url('images/component_img.png') no-repeat -140px -50px;
}
.checkinput:indeterminate {
	background:url('images/component_img.png') no-repeat -180px -50px;
}
}
.radioinputlabel {
	margin-right:20px;
	cursor:pointer;
}
.radioinputlabel.line2 {
	display:inline-block;
	line-height:15px;
	vertical-align:middle;
}
.radioinputlabel2 {
	margin-right:8px;
	cursor:pointer;
}
.radioinputlabel3 {
	margin-right:12px;
	cursor:pointer;
}
.radioinputlabel4 {
	margin-right:40px;
	cursor:pointer;
}
.checkinputlabel {
	margin-right:20px;
	cursor:pointer;
}
.checkinputlabel2 {
	margin-right:8px;
	cursor:pointer;
}
.checkinputlabel3 {
	margin-right:12px;
	cursor:pointer;
}
.checkinputlabel4 {
	margin-right:50px;
	cursor:pointer;
}
/********** component - spinner **********/
.af-spinner.af-default.af-spinner-wrapper {
	border: 1px solid #bfc8cf;
	background: #ffffff;
	font-size: 12px;
	color: #000000;
	padding-right:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.af-spinner.af-default.af-spinner-wrapper.af-hover {
	border: 1px solid #00bede;
	background: #ffffff;
}
.af-spinner.af-default.af-spinner-wrapper:focus {
	border: 1px solid #00bede;
	background: #ffffff;
}
.af-spinner.af-default.af-spinner-wrapper.af-disabled {
	border: 1px solid #d7dadd;
	background: #f2f2f2;
	color: #9a9a9a;
}
.af-spinner.af-default {
	border: none;
	margin: 0;
}
/* .af-spinner.af-default::-ms-clear {
	display: none;
} */
.af-spinner-wrapper.af-spinner-button-up {
	background: url(images/component_img.png) no-repeat -100px -350px;
}
.af-spinner-wrapper.af-spinner-button-down {
	background: url(images/component_img.png) no-repeat -120px -350px;
}



/********** component - list **********/
.af-list.af-default{
	background: #ffffff;
	border:1px solid #e2e2e2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.af-list.af-default .af-list-row{
	border-bottom: 1px solid #edeef0;
	background: #ffffff;
}
.af-list.af-default .af-list-text{
	font-size: 12px;
	color: #000000;
}
.af-list.af-default .af-list-title{
	font-size:15px;
	color: #000000;
}
.af-list.af-default .af-list-row.af-hover{
	background: #edeef0;
	background: -ms-linear-gradient(top, #f4f4f4  0%, #e5e6e5  100%);
	background: -moz-linear-gradient(top, #f4f4f4  0%, #e5e6e5  100%);
	background: -o-linear-gradient(top, #f4f4f4  0%, #e5e6e5  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4 ), color-stop(1, #e5e6e5 ));
	background: -webkit-linear-gradient(top, #f4f4f4  0%, #e5e6e5  100%);
	background: linear-gradient(to bottom, #f4f4f4  0%, #e5e6e5  100%);	
	-webkit-font-weight: 800;
	-moz-font-weight: 800;
	font-weight: bold;
}
.af-list.af-default .af-list-row.af-pressed{
	background: #43d3eb;
	background: -ms-linear-gradient(top, #65d9ec 0%, #04bfe0 100%);
	background: -moz-linear-gradient(top, #65d9ec 0%, #04bfe0 100%);
	background: -o-linear-gradient(top, #65d9ec 0%, #2BD9E4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #65d9ec), color-stop(1, #04bfe0));
	background: -webkit-linear-gradient(top, #65d9ec 0%, #04bfe0 100%);
	background: linear-gradient(to bottom, #65d9ec 0%, #04bfe0 100%);	
	-webkit-font-weight: 800;
	-moz-font-weight: 800;
	font-weight: bold;
	color:#ffffff;
	border:1px solid #00b5d4;
}
.af-list.af-default .af-list-row .af-list-btn{
	background:url(images/component_img.png) no-repeat -200px -200px;
}
.af-list.af-default .af-list-row.af-hover .af-list-btn{
	background:url(images/component_img.png) no-repeat -180px -200px;
}
.af-list.af-default .af-list-row.af-pressed .af-list-btn{
	background:url(images/component_img.png) no-repeat -100px -200px;
}
.af-list.af-default .af-list-row .af-list-icon-arrow-r{
	background:url(images/component_img.png) no-repeat -200px -200px;
}
.af-list.af-default .af-list-row.af-hover .af-list-icon-arrow-r{
	background:url(images/component_img.png) no-repeat -180px -200px;
}
.af-list.af-default .af-list-row.af-pressed .af-list-icon-arrow-r{
	background:url(images/component_img.png) no-repeat -100px -200px;
}
.af-list.af-default .af-list-divider{
	background: #f7436d;
	background: -ms-linear-gradient(top, #65d9ec 0%, #04bfe0 100%);
	background: -moz-linear-gradient(top, #65d9ec 0%, #04bfe0 100%);
	background: -o-linear-gradient(top, #65d9ec 0%, #2BD9E4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #65d9ec), color-stop(1, #04bfe0));
	background: -webkit-linear-gradient(top, #65d9ec 0%, #04bfe0 100%);
	background: linear-gradient(to bottom, #65d9ec 0%, #04bfe0 100%);
	color: #ffffff;	
	-webkit-font-weight: 800;
	-moz-font-weight: 800;
	font-weight: bold;
}
.af-list.af-default .af-list-row .af-list-btn.split{
	font-weight:bold;
	border-left:1px solid #eee;
	line-height:32px;
	color:#000000;
	background:none;
}
.af-list.af-default .af-list-row .af-list-btn.split.af-hover{
	background-color:#e7fbee;
	color: #000000;
}
.af-list.af-default .af-list-row .af-list-btn.split.af-pressed{
	background-color:#8DEEEE;
	color: #000000;
}
.af-list.af-default .af-list-row .af-list-thumbnail{
	height:50px;
	width:50px;
}
.af-list.af-default .af-list-row .af-list-thumbnail-icon{
	min-height:16px;
	min-width:16px;
	max-height:24px;
	max-width:24px;
}
.af-list.af-default .af-list-icon-plus{
	background: rgb(102, 102, 102) /*{global-icon-color}*/;
	background-image: url(http://jquerymobile.com/demos/1.2.0/css/themes/default/images/icons-18-white.png) /*{global-icon-set}*/;
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
.af-list.af-default .af-list-icon-x{
	background: rgb(102, 102, 102) /*{global-icon-color}*/;
	background-image: url(http://jquerymobile.com/demos/1.2.0/css/themes/default/images/icons-18-white.png) /*{global-icon-set}*/;
	background-repeat: no-repeat;
	background-position: -72px 50%;
}

/***** component - tool tip *****/
.af-tooltip.af-default {
	color:#FFF;
	background:#555;
	border-radius:5px;
}
.af-tooltip.af-default:before {
	content:"";
}
.af-tooltip.af-default.top:before {
	top:100%;
	left:50%;
	margin-left:-6px;
	border-top: 6px solid #555;
	border-right:6px solid transparent;
	border-bottom: 0px;
	border-left: 6px solid transparent;
}
.af-tooltip.af-default.bottom:before {
	top:-5px;
	border-width:0px 6px 6px;
	left:50%;
	margin-left:-6px;
	border-top: 0px;
	border-right:6px solid transparent;
	border-bottom: 6px solid #555;
	border-left: 6px solid transparent;
}
.af-tooltip.af-default.left:before {
	left:100%;
	top:50%;
	margin-top:-6px;
	border-top: 6px solid transparent;
	border-right:0px;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #555;
}
.af-tooltip.af-default.right:before {
	left:-5px;
	top:50%;
	margin-top:-6px;
	border:0;
	border-top: 6px solid transparent;
	border-right:6px solid #555;
	border-bottom: 6px solid transparent;
	border-left:0px;
	
}

/***** component - alert_dialog *****/
.alert_dialog {
	position:relative;
	/*display:none;*/
}
.alert_dialog .dialog_header {
	position:relative;
	height:50px;
	line-height:50px;
	text-align:left;
	margin-left:15px;
	font-size:14px;
	font-weight:bold;
}
.alert_dialog .dialog_header .dialog_btn {
	position:absolute;
	width:25px;
	height:25px;
	top:12px;
	right:6px;
	padding:0px !important;
	cursor:pointer;
}
.alert_dialog .dialog_contents {
	position:relative;
	width:100%;
	text-align:center;
	padding:20px 0 15px 0;
	border-top:1px solid #ddd;
}
.alert_dialog .dialog_contents2 {
	position:relative;
	width:100%;
	text-align:center;
	padding:30px 0 25px 0;
}
.alert_dialog .dialog_contents2 .dialog_btn {
	position:absolute;
	width:25px;
	height:25px;
	top:12px;
	right:6px;
	padding:0px !important;
	cursor:pointer;
}
.alert_dialog .resizeBtn {
	position:absolute;
	right:4px;
	bottom:4px;width:8px;height:8px;cursor:se-resize;background:url('images/icon_inputbox_resizing.png') no-repeat center center;
}
.alert_dialog .dialog_btnbox {
	text-align:center;
	padding:10px 10px;
	margin:0;
}
.alert_dialog.af-default {
	width:280px;
	background-color:#FFF;
	border:1px solid #f7436d;
	border-top:4px solid #f68026;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	box-shadow:1px 1px 5px #333;
}
.alert_dialog.af-default .dialog_header .dialog_btn {
	background:url('images/component_img.png') no-repeat -100px 0px;
}
.alert_dialog.af-default  .dialog_header .dialog_btn.af-hover {
	background:url('images/component_img.png') no-repeat -120px 0px;
}
.alert_dialog.af-default  .dialog_header .dialog_btn.af-pressed {
	background:url('images/component_img.png') no-repeat -140px 0px;
}
.alert_dialog.af-default .dialog_contents2 .dialog_btn {
	background:url('images/component_img.png') no-repeat -100px 0px;
}
.alert_dialog.af-default  .dialog_contents2 .dialog_btn.af-hover {
	background:url('images/component_img.png') no-repeat -120px 0px;
}
.alert_dialog.af-default  .dialog_contents2 .dialog_btn.af-pressed {
	background:url('images/component_img.png') no-repeat -140px 0px;
}
.alert_dialog_mask.af-default {
	background-color:black;
}

/***** component - pop_dialog *****/
.pop_dialog {
	position:relative;	
	background-color:#FFF;
	border:1px solid #999;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:0 17px;
}
.pop_dialog .dialog_header {
	position:relative;
	height:80px;
	line-height:65px;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	color:#ee5959;
	padding-left:5px;
	background: url(images/component_img.png) -100px -1836px no-repeat;
}
.pop_dialog .dialog_header .dialog_btn {
	position:absolute;
	width:20px;
	height:20px;
	top:26px;
	right:15px;
	padding:0px !important;
	cursor:pointer;
}
.pop_dialog .dialog_contents_auto{
	position:relative;
	padding:10px 15px;
	border-top:1px solid #ddd;
	overflow-y:auto;
	height:100%;
}
.pop_dialog .dialog_contents {
	position:relative;
	padding:10px 0 5px 0;
	margin:5px 0;
	max-height:500px !important;
	overflow:auto;
}
.pop_dialog .dialog_contents .labelcheck {
	background:url(images/component_img.png) no-repeat -1300px -646px; 
}
.pop_dialog .dialog_contents h4 {
	background: url(images/component_img.png) no-repeat -1300px -495px;
}
.pop_dialog .dialog_contents .h2Area {
	margin-top:15px;
	margin-bottom:-5px;
}
.pop_dialog .dialog_contents .h2Area p {
	margin-top:-10px;
	margin-bottom:15px;
}
.pop_dialog .dialog_contents .h2Area p.bold {
	font-weight:bold;
	font-size:13px;
}
.pop_dialog .dialog_contents .h2Area p.bold.center {
	display:block;
	width:100%;
	text-align:center;
	line-height:26px;
}
.pop_dialog .dialog_contents .h2Area p.bold.center span {
	font-size:13px;
}
.pop_dialog .dialog_contents .h2Area p.bold .normal {
	font-weight:normal;
}
.pop_dialog .dialog_contents .leftbox {
	float:left;
	width:29%;
	border:1px solid #ddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	overflow:auto;
	height:400px;
}
.pop_dialog .dialog_contents .leftbox.w100 {
	width:100%;
	border:1px solid #ddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px;
	overflow:auto;
	height:400px;
}
.pop_dialog .dialog_contents .rightbox {
	float:right;
	width:68%;
	overflow:auto;
	height:400px;
}
.pop_dialog .dialog_contents .rightbox2 {
	float:left;
	overflow:auto;
	height:400px;
	margin-left:15px;
}
.pop_dialog .dialog_contents .centerbox {
	float:left;
	margin-left:15px;
	text-align:center;
}
.pop_dialog .dialog_contents .w_msg {
	background:url(images/component_img.png) -1295px -750px no-repeat;
	padding:5px 5px 5px 70px;
	font-weight:bold;
	margin-bottom:20px;
}
.pop_dialog .dialog_contents .w_msg2 {
	font-weight:bold;
	text-align:center;
	padding:25px 0;
}
.pop_dialog .resizeBtn {
	position:absolute;
	right:4px;
	bottom:4px;width:8px;
	height:8px;
	cursor:se-resize;
	background:url('images/icon_inputbox_resizing.png') no-repeat center center;
}
.pop_dialog .dialog_btnbox {
	text-align:right;
	padding:10px 10px;
	border-top:1px solid #ccc;
	margin:0;
}
.pop_dialog .dialog_btnbox .button_pos a{
	display:block;
	background:#ee5959;
	color: #fff;
	border:1px solid #ec4646;
	padding:10px 25px;
	width:100%;
	height:auto;
	*height:25px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.pop_dialog .dialog_btnbox .button_pos a:hover, .pop_dialog .dialog_btnbox .button_pos a:focus, .pop_dialog .dialog_btnbox .button_pos a.onhover{
	background:#fff;
	color: #ee5959;
}
.pop_dialog .dialog_btnbox.center {
	text-align:center;
	border-top:0px solid #ccc;
}
.pop_dialog.nobg {
	background:none;
	background-color:#fff;
}
.pop_dialog.w300px {
	width:300px;
}
.pop_dialog.w400px {
	width:400px;
}
.pop_dialog.w500px {
	width:500px;
}
.pop_dialog.w550px {
	width:550px;
}
.pop_dialog.w650px {
	width:650px;
}
.pop_dialog.w900px {
	width:900px;
}
.pop_dialog.w1000px {
	width:1000px;
}
.pop_dialog .dialog_header .dialog_btn {
	background:url('images/component_img.png') no-repeat -100px -250px;
}
.pop_dialog  .dialog_header .dialog_btn.af-hover {
	background:url('images/component_img.png') no-repeat -120px -250px;
}
.pop_dialog  .dialog_header .dialog_btn.af-pressed {
	background:url('images/component_img.png') no-repeat -140px -250px;
}
.pop_dialog_mask.af-default {
	background-color:black;
}
.af-dialog-mask {
	background-color:black;
}
.poph2Area {
	position:relative;
}
.poph2Area.printbtn {
	height:30px;
	line-height:30px;
	padding-top:5px;
	vertical-align:bottom;
	float:right;
}
.poph2Area h2 {
	background:none;
	text-align:center;
	font-size:20px;
	width:700px;
	margin-left:70px;
	display:inline-block !important;
}.pop_dialog .dialog_contents .perinfo {
	padding:30px 0;
}
.pop_dialog .dialog_contents .perinfo table {
	margin:0 auto;
}
.pop_dialog .dialog_contents .perbox {
	float:left;
	width:100%;
	*width:90%;
	border:1px solid #ddd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 12px;
	overflow:auto;
	margin-bottom:5px;
}
.pop_dialog .dialog_contents .perbox p {
	margin:5px 0 10px 0;
}
.pop_dialog .dialog_contents .perbox p.blu {
	color:#F60;
	line-height:17px;
}
.pop_dialog .dialog_contents .perbox p.blu b {
	color:#F60;
	text-decoration:underline;
	line-height:17px;
}

/********** component - table **********/
.table_div {
}
.table_div .table_div {
	display:block;
	text-align:left;
}
.table_div .table_topnote {
	display:block;
	height:30px;
	vertical-align:middle;
}
.table_div .table_topnote strong {
	color:#F60;
	font-weight:bold;
}
.table_div .table_topnote2 {
	display:inline-block;
	float:left;
	background:url(images/component_img.png) -97px -598px no-repeat;
	font-size:15px;
	padding-left:15px;
	vertical-align:middle;
}
.table_div .table_topnotebox {
	display:block;
	padding:10px;
	border:1px dotted #bbb;
	border-radius:5px;
}
.table_div .nodata{
	width:100%;
	border-top:2px solid #666;
	border-bottom:1px solid #ccc;
	margin:20px 0;
	padding:40px 0;
	text-align:center;
}
.table_div .nodata.off{
	display:none;
}
.table_div table td.nodata{
	margin:0;
	padding:15px 0;
	text-align:center;
	border-right:0;
}
div.nodata{
	width:100%;
	border:1px solid #ccc;
	background:#FAFAFA;
	margin:20px 0;
	padding:40px 0;
	text-align:center;
}

.table_div .table_topnotebox.line1 {
	*height:42px;
}
.table_div .table_topnotebox.line2 {
	*height:50px;
}
.table_div .table_topnotebox.line1 .table_topnote2 {
	margin-top:8px;
}
.table_div .table_topnotebox.line2 .button_box_tabletop3 {
	margin-top:3px;
}
.table_div .table_topnotebox:after {
	content:"";
	display:block;
	clear:both;
	*zoom:1;
}
.table_div .table_bottomnote {
	display:block;
	vertical-align:middle;
	font-size:14px;
	color:#666;
}
.textarea_topnote {
	display:block;
	text-align:right;
	font-size:14px;
	margin-top:5px;
	color:#666;
	*margin-right:20px;
}
.textarea_topnote.nomg {
	margin-top:0;
}
.table_1{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:2px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:10px;
}
.table_1.nomargin{
	border-top:1px solid #666;
	margin:5px;
}
.table_1 th{
	background:url(images/component_bg.png) no-repeat right -598px;
	border-bottom:1px solid #bbb ;
	line-height:30px;
	padding:12px 12px 8px 12px;
	*padding:13px 8px 5px 8px;
	text-align:right;
	color:#111 ;
	min-height:30px;
	vertical-align:top;
}
.table_1 th.line{
	border-right:1px solid #ddd;
}
.table_1 th.rth{
	border-left:1px solid #ccc;
}
.table_1 th.lth{
	background:#f6f6f6;
	border-right:1px solid #ddd;
}
.table_1 th.tit{
	background:none;
	text-align:left;
	font-weight:bold;
	height:40px;
	line-height:30px;
	border-bottom:2px solid #666;
	border-right:0px solid #fff !important;
}
.table_1 th.line2{
	line-height:20px;
	padding:8px 12px 5px 12px;
	*padding:13px 8px 5px 8px;
}
.table_1 th.line2 .labelcheck{
	line-height:20px;
}
.table_1 th.note{
	background:none;
	text-align:right;
	color:#666;
	font-weight:normal;
	height:40px;
	border-bottom:2px solid #666;
}
.table_1 td{
	background:#ffffff ;
	border-bottom:1px solid #bbb ;
	line-height:36px;
	padding:10px 12px;
	*padding:5px 8px;
	text-align:left;
	*padding:10px 8px;
	vertical-align:top;
}
.table_1 td.cont{
	line-height:28px;
	padding:25px 15px;
}
.table_2{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:2px solid #666;
	margin-bottom:10px;
}
.table_2 th{
	background:#f3f3f3;
	background:-moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0));
	background:-webkit-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	background:-o-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	background:-ms-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	background:linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	border-bottom:1px solid #666;
	border-right:1px solid #bbb;
	line-height:30px;
	padding:7px 12px;
	*padding:7px 2px;
}
.table_2 th.middle_top{
	border-top:2px solid #666;
}
.table_2 th.lengtxt{
	font-size:13px;
	font-weight:normal;
	text-align:right;
	color:#666;
}
.table_2 td{
	background:#ffffff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	line-height:20px;
	padding:15px 12px;
	*padding:15px 0px;
	vertical-align:top;
}
.table_2 td a{
	*padding:0 12px;
}
.table_2 td.buttons{
	background:#ffffff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	line-height:20px;
	padding:10px 12px;
	*padding:10px 0px;
	vertical-align:top;
}
.table_2 .rtd{
	border-right:0;
}
.table_2 tr.noti td{
	font-weight:bold;
	background:#f9f9f9;
	color:#555;
}
.table_2 tr.noti td a{
	font-weight:bold;
	color:#555;
}
.table_2 tr.noti td a:hover{
	font-weight:bold;
	color:#ea1346;
}
.table_2 tr {
	border-right:2px solid #fff;
}
.table_2.c_page{
	border-top:2px solid #dc7c89;
	margin-top:10px;
}
.table_2.c_page th{
	background:#f7f7f7;
	border-bottom:1px solid #dc7c89;
	border-right:1px solid #d69fa6;
	color:#e23e54;
}
.table_2.c_page td{
	vertical-align:middle;
}

.table_3{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:2px solid #666;
	margin-bottom:10px;
}
.table_3 th{
	background:#f3f3f3;
	background:-moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0));
	background:-webkit-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	background:-o-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	background:-ms-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	background:linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	border-bottom:1px solid #666;
	border-right:1px solid #bbb;
	line-height:20px;
	padding:3px 12px;
	*padding:3px 2px;
}
.table_3 td{
	background:#ffffff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	line-height:20px;
	padding:3px 12px;
	*padding:3px 0px;
}
.table_3 .rtd{
	border-right:0;
}
.table_4{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:1px solid #999;
	margin-bottom:10px;
}
.table_4 th{
	background:#f3f3f3;
	background:-moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0));
	background:-webkit-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	background:-o-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	background:-ms-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	background:linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
	border-bottom:1px solid #999;
	border-right:1px solid #bbb;
	line-height:20px;
	padding:8px 12px;
	*padding:8px 2px;
}
.table_4 td{
	background:#ffffff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	line-height:20px;
	padding:8px 12px;
	*padding:8px 0px;
}
.table_4 .rtd{
	border-right:0;
}

.table_5{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:2px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:10px;
}
.table_5.nomargin{
	border-top:1px solid #666;
	margin:5px;
}
.table_5 th{
	background:url(images/component_bg.png) no-repeat right -598px;
	border-bottom:1px solid #bbb ;
	line-height:30px;
	padding:12px 12px 8px 12px;
	*padding:13px 8px 5px 8px;
	text-align:right;
	color:#111 ;
	min-height:30px;
	vertical-align:top;
}
.table_5 th.line{
	border-right:1px solid #ddd;
}
.table_5 th.rth{
	border-left:1px solid #ccc;
}
.table_5 th.lth{
	background:#f6f6f6;
	border-right:1px solid #ddd;
}
.table_5 th.tit{
	background:none;
	text-align:left;
	font-weight:bold;
	height:40px;
	line-height:30px;
	border-bottom:2px solid #666;
	border-right:0px solid #fff !important;
}
.table_5 th.line2{
	line-height:20px;
	padding:8px 12px 5px 12px;
	*padding:13px 8px 5px 8px;
}
.table_5 th.line2 .labelcheck{
	line-height:20px;
}
.table_5 th.note{
	background:none;
	text-align:right;
	color:#666;
	font-weight:normal;
	height:40px;
	border-bottom:2px solid #666;
}
.table_5 td{
	background:#ffffff ;
	border-bottom:1px solid #bbb ;
	line-height:30px;
	padding:10px 12px;
	*padding:5px 8px;
	text-align:left;
	*padding:10px 8px;
	vertical-align:top;
}
.table_5 td.cont{
	line-height:28px;
	padding:25px 15px;
}


.table_about{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:2px solid #f58026;
	margin:5px 10px;
}
.table_about th{
	background:#f9f9f9;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px 6px;
	text-align:center;
}
.table_about td{
	background:#ffffff;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px 6px;
	text-align:center;
}
.table_about .rtd{
	border-right:0px;
}
.nomsg {
	text-align:center;
	font-weight:bold;
	color: #666;
	padding:20px 0 !important;
}
.apply_title{
	line-height:50px !important;
	height:50px !important;
	background:#fff !important;
	font-size:20px !important;
	font-weight:bold;
	text-align:left;
	padding-left:10px !important;
}
.apply_title2{
	border-bottom:2px solid #666 !important;
	padding-left:0 !important;
}
.apply_title2 .tit{
	padding-left:10px;
}
.apply_title2 .txt{
	font-weight:bold;
	padding-right:15px;
	border-right:1px solid #ccc;
}
.apply_title2 .txt2{
	font-weight:bold;
	padding-right:15px;
}
.apply_noti {}
.apply_noti li {
	margin-bottom:20px;
	display:block;
}
.apply_noti li {
	margin-bottom:20px;
}
.apply_noti li .applytit {
	display:block;
	font-weight:bold;
	background:url(images/bg_table4th.gif) no-repeat 0px 5px;
}
.apply_table1{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:2px solid #fa600d;
	margin:10px auto;
}
.apply_table1 th{
	line-height:25px;
	padding:10px 10px;
	*padding:10px 0;
	font-weight:bold;
	color:#111;
	background:none;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	background:#f6f6f6;
	text-align:center;
}
.apply_table1 td{
	line-height:25px;
	padding:10px 10px;
	*padding:10px 0;
	text-align:left;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	text-align:center;
}
.apply_table1 .rtd{
	text-align:center;
	border-right:0px none #fff;
}
.apply_table2{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border-top:2px solid #fa600d;
	margin:4px auto;
}
.apply_table2 th{
	line-height:25px;
	padding:12px 10px 10px 10px;
	font-weight:bold;
	color:#111;
	background:none;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	background:#f6f6f6;
	text-align:center;
}
.apply_table2 .last{
	border-bottom:1px solid #fa600d;
}
.apply_table2 td ul{
	list-style:circle !important;
}
.apply_table2 td{
	line-height:25px;
	padding:12px 10px;
	text-align:left;
	border-bottom:1px solid #bbb;
}
.apply_table2 .ltd{
	text-align:left;
}
.apply_step{
	margin-top:3px;
	height:120px;
	margin-left:10px;
}
.apply_step li{
	width:167px;
	height:120px;
	background:url(images/component_img.png) -242px -1500px no-repeat;
	float:left;
	text-align:center;
}
.apply_step li.start{
	width:142px;
	background-position:-100px -1500px;
}
.apply_step li.last{
	width:207px;
	background-position:-409px -1500px;
}
.apply_step li span{
	margin-left:78px;
	display:block;
}
.apply_step li .step_text{
	font-weight:bold;
}
.apply_step li.start span{
	margin-left:55px;
}
.apply_step li.last span{
	margin-left:75px;
	margin-right:45px;
}
.apply_step li.line1 .step_text{
	line-height:110px;
}
.apply_step li.line2 .step_text{
	line-height:75px;
}
.apply_step li.line2 .step_date{
	font-size:14px;
	color:#f12a25;
	font-weight:bold;
	display:block;
	margin-top:-15px;
	border-top:1px dotted #ccc;
	padding-top:5px;
}
.apply_step li.last .step_text{
	color:#f1253d;
}
.tablebottom{
	position:relative;
	height:25px;
	margin:0 0 10px 0;
	text-align:center;
	line-height:normal;
}
.tablebottom_pop{
	position:relative;
	height:25px;
	margin:10px 0 0 0;
	text-align:center;
	line-height:normal;
}
.paginate{
	padding:0 0 0 0;
	text-align:center;
}
.paginate a,
.paginate strong{
	display:inline-block;
	position:relative;
	margin:0 0;
	padding:2px 6px;
	font-weight:bold;
	font-size:13px;
	color:#333333;
	line-height:normal;
	text-decoration:none;
	vertical-align:middle;
}
.paginate strong{
	background:#ef0e3a;
	color:#fff;
	font-weight:bold;
}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{
	background-color:#ff6633;
	color:#fff;
}
.paginate a{
}
.paginate .dis{
	cursor:default;
}
.paginate .pageprev1, .paginate .pageprev2, .paginate .pagenext1, .paginate .pagenext2{
	width:16px;
	height:16px;
	text-indent:-9999px;
	*display: inline;
	zoom: 1;
	*text-indent:0;
	*font-size:0;
	*line-height:0;
	*overflow:hidden;
	margin:0;
	padding:0;
}
.paginate .pageprev1{
	background:url(images/component_img.png) no-repeat -100px -800px;
}
.paginate .pageprev1.onhover,
.paginate .pageprev1:focus,
.paginate .pageprev1:hover{
	background:url(images/component_img.png) no-repeat -200px -800px;
}
.paginate .pageprev1.dis{
	background:url(images/component_img.png) no-repeat -300px -800px;
	cursor:none;
}
.paginate .pageprev2{
	background:url(images/component_img.png) no-repeat -120px -800px;
}
.paginate .pageprev2.onhover,
.paginate .pageprev2:focus,
.paginate .pageprev2:hover{
	background:url(images/component_img.png) no-repeat -220px -800px;
}
.paginate .pageprev2.dis{
	background:url(images/component_img.png) no-repeat -320px -800px;
}
.paginate .pagenext1{
	background:url(images/component_img.png) no-repeat -140px -800px;
}
.paginate .pagenext1.onhover,
.paginate .pagenext1:focus,
.paginate .pagenext1:hover{
	background:url(images/component_img.png) no-repeat -240px -800px;
}
.paginate .pagenext1.dis{
	background:url(images/component_img.png) no-repeat -340px -800px;
}
.paginate .pagenext2{
	background:url(images/component_img.png) no-repeat -160px -800px;
}
.paginate .pagenext2.onhover,
.paginate .pagenext2:focus,
.paginate .pagenext2:hover{
	background:url(images/component_img.png) no-repeat -260px -800px;
}
.paginate .pagenext2.dis{
	background:url(images/component_img.png) no-repeat -360px -800px;
}

/********* button *********/
.button_rbox{
	text-align:right;
	word-spacing:5px;
}
.button_lbox{
	text-align:left;
	word-spacing:5px;
}
.button_cbox{
	text-align:center;
	word-spacing:5px;
	margin-top:30px;
}
.button_cbox.tm50{
	margin-top:50px;
}
.button_cbox2{
	border-top:1px solid #ccc;
	text-align:center;
	word-spacing:10px;
}
.button_rbox2{
	border-top:1px solid #ccc;
	padding-top:10px;
	text-align:right;
}
.button_rbox3{
	float:right;
	padding-bottom:10px;
	height:35px;
	line-height:35px;
}
.button_cbox2{
	border-top:1px solid #ccc;
	padding-top:10px;
	text-align:center;
	word-spacing:20px;
}
.button_box_tabletop {
	text-align: right;
	margin-bottom: 8px;
	margin-top: -50px;
}
.button_box_tabletop2 {
	text-align: right;
	margin: 15px 0 8px 0;
}
.button_box_tabletop3 {
	display:inline-block;
	vertical-align:middle;
	float:right;
	margin:auto 0;
}
.button_pos {
	display:inline-block;
	margin:0 3px;
}
.button_pos a{
	display:block;
	background:#FF5D16;
	color: #fff;
	border:1px solid #da3800;
	padding:10px 25px;
	width:100%;
	height:auto;
	*height:25px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.button_pos a:hover, .button_pos a:focus, .button_pos a.onhover{
	background:#fff;
	color: #da3800;
}
.button_neg {
	display:inline-block;
	margin:0 3px;
}
.button_neg a{
	display:block;
	background:#666;
	color: #fff;
	border:1px solid #222;
	padding:10px 25px;
	width:100%;
	height:auto;
	*height:25px;
	font-size:17px;
	font-weight:bold;
}
.button_neg a:hover, .button_neg a:focus, .button_neg a.onhover{
	background:#fff;
	color: #222;
}
.button_form {
	display:inline-block;
	margin:0 3px;
	vertical-align:middle;
}
.button_form a{
	display:block;
	background:#f0f0f0;
	color: #e51836;
	border:1px solid #dc354d;
	padding:5px 13px 6px 13px;
	width:100%;
	height:100%;
	*height:23px;
	font-size:14px;
	font-weight:bold;
}
.button_form a:hover, .button_form a:focus, .button_form a.onhover{
	background:#dc354d;
	color: #fff;
}
.button_form.file a{
	padding:4px 10px 4px 28px;
	background:url(images/component_img.png) -500px -350px no-repeat #f0f0f0;
}
.button_form.file a:hover, .button_form.file a:focus, .button_form.file a.onhover{
	background:url(images/component_img.png) -500px -400px no-repeat #dc354d;
}
.button_form.filedel a{
	padding:4px 10px 4px 28px;
	background:url(images/component_img.png) -1300px -250px no-repeat #f0f0f0;
}
.button_form.filedel a:hover, .button_form.filedel a:focus, .button_form.filedel a.onhover{
	background:url(images/component_img.png) -1300px -300px no-repeat #dc354d;
}
.button_form.view a{
	padding:4px 10px 4px 28px;
	background:url(images/component_img.png) -900px -150px no-repeat #f0f0f0;
}
.button_form.view a:hover, .button_form.view a:focus, .button_form.view a.onhover{
	background:url(images/component_img.png) -900px -200px no-repeat #dc354d;
}
.button_form.edit a{
	padding:4px 10px 4px 28px;
	background:url(images/component_img.png) -900px -250px no-repeat #f0f0f0;
}
.button_form.edit a:hover, .button_form.edit a:focus, .button_form.edit a.onhover{
	background:url(images/component_img.png) -900px -300px no-repeat #dc354d;
}
.button_form.del a{
	padding:4px 10px 4px 28px;
	background:url(images/component_img.png) -900px -350px no-repeat #f0f0f0;
}
.button_form.del a:hover, .button_form.del a:focus, .button_form.del a.onhover{
	background:url(images/component_img.png) -900px -400px no-repeat #dc354d;
}
.button_form2 {
	display:inline-block;
	margin:0 3px;
	vertical-align:middle;
}
.button_form2 a{
	display:block;
	background:#f0f;
	color: #e51836;
	border:1px solid #888;
	padding:5px 13px 6px 13px;
	width:100%;
	height:100%;
	*height:23px;
	font-size:14px;
	font-weight:bold;
}
.button_form2 a:hover, .button_form2 a:focus, .button_form2 a.onhover{
	background:#888;
	color: #fff;
}
.button_form2.search a{
	padding:4px 10px 4px 28px;
	background:url(images/component_img.png) -1300px -350px no-repeat #fff;
}
.button_form2.search a:hover, .button_form2.search a:focus, .button_form2.search a.onhover{
	background:url(images/component_img.png) -1300px -400px no-repeat #888;
}
.button_grid {
	display:inline-block;
	margin:0 1px;
}
.button_grid a{
	display:block;
	background:#fff;
	color: #111;
	border:1px solid #666;
	padding:3px 12px;
	width:100%;
	height:auto;
	*height:23px;
	font-weight:bold;
}
.button_grid a:hover, .button_grid a:focus, .button_grid a.onhover{
	background:#666;
	color: #fff;
}
.button_grid.add a{
	padding:3px 12px 3px 29px;
	background:url(images/component_img.png) -500px -150px no-repeat;
}
.button_grid.add a:hover, .button_grid.add a:focus, .button_grid.add a.onhover{
	background:url(images/component_img.png) -500px -200px no-repeat #666;
}
.button_box_tabletop3 .button_grid.add a{
	padding:8px 18px 8px 32px;
	width:100%;
	height:auto;
	border:1px solid #999;
	background:url(images/component_img.png) -495px -145px no-repeat #f6f6f6;
}
.button_box_tabletop3 .button_grid.add a:hover, .button_box_tabletop3 .button_grid.add a:focus, .button_box_tabletop3 .button_grid.add a.onhover{
	border:1px solid #333;
	background:url(images/component_img.png) -495px -195px no-repeat #666;
}
.button_grid.del a{
	padding:3px 12px 3px 29px;
	background:url(images/component_img.png) -1300px -150px no-repeat;
}
.button_grid.del a:hover, .button_grid.del a:focus, .button_grid.del a.onhover{
	background:url(images/component_img.png) -1300px -200px no-repeat #666;
}
.button_grid.refresh a{
	padding:3px 12px 3px 29px;
	background:url(images/component_img.png) -500px -250px no-repeat;
}
.button_grid.refresh a:hover, .button_grid.refresh a:focus, .button_grid.refresh a.onhover{
	background:url(images/component_img.png) -500px -300px no-repeat #666;
}
.button_tddel {
	display:inline-block;
	margin:0;
}
.button_tddel a{
	display:block;
	width:30px !important;
	height:30px !important;
	padding:0;
	margin:0;
	*margin-left:0px;
	*margin-right:-25px;
	font-size:0;
	text-indent:-9999px;
	border:0;
	background:url(images/component_img.png) -500px -100px no-repeat;
}
.button_tddel a:hover, .button_grid.tddel a:focus, .button_grid.tddel a.onhover{
	background-position:-560px -100px;
}
.button_error {
	display:inline-block;
	margin:0 3px;
}
.button_error a{
	display:block;
	background:#e54e38;
	color: #fff;
	border:1px solid #d2361e;
	padding:10px 25px;
	width:100%;
	height:100%;
	*height:25px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.button_error a:hover, .button_error a:focus, .button_error a.onhover{
	background:#fff;
	color: #d2361e;
}
.tdclosebtn{
	margin:0px!important; 
	padding:0px !important; 
	vertical-align:middle;
	height:22px; 
	width:22px; 
	text-decoration:none; 
	display:inline-block; 
	zoom:1; /* for IE7 */ 
	*display:inline; 
	float:right; 
	*margin-top:-25px !important;
	*margin-right:10px !important;
}
.tdclosebtn a{
	display:block;  
	height:22px; 
	width:22px; 
	text-decoration:none; 
	background:url(images/component_img.png) no-repeat; 
	border:0; 
	text-indent:-9999px; 
	font-size:1px; 
	padding:0; 
	margin:0;
}
.tdclosebtn.off a{
	background-position:-500px -998px;
	*background-position:-500px -995px;
}
.tdclosebtn.off a:hover, .tdclosebtn.off a:focus{
	background-position:-500px -1048px;
	*background-position:-500px -1045px;
}
.tdclosebtn.on a{
	background-position:-500px -1098px;
	*background-position:-500px -1095px;
}
.tdclosebtn.on a:hover, .tdclosebtn.on a:focus{
	background-position:-500px -1148px;
	*background-position:-500px -1145px;
}
.datebtn {
	background:url(images/component_img.png) -500px 0 no-repeat;
	width:32px;
	height:32px;
	border:0;
	vertical-align:middle;
	cursor:pointer;
	padding-left: 10px
	
}
.datebtn.af-hover, .datebtn.af-pressed {
	background:url(images/component_img.png) -540px 0 no-repeat;
}






/********** custom component **********/
.searchbox_top {
	height:40px;
	vertical-align:middle;
	text-align:right;
}
.searchbox_top2 {
	height:50px;
	vertical-align:middle;
	text-align:left;
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
}
.searchbox_input {
	border:1px solid #bbb;
	height:35px;
	display:inline-block;
	vertical-align:middle;
}
.searchbox_input .textinput {
	border:0 none;
	height:28px;
}
.searchbox_input .searchbtn {
	display:inline-block;	
	width:33px;
	height:34px;
	vertical-align:top;
}
.searchbox_input .searchbtn a {
	display:block;
	width:33px;
	height:33px;
	text-indent:-9999px;
	font-size:0;
	background:url(images/component_img.png) -500px -48px;
}
.searchbox_input .searchbtn a:hover {
	background:url(images/component_img.png) -540px -48px;
}

.jobname {
	display:block;
	font-weight:bold;
	color: #fff;
	margin:0 auto;
	width:60px;
	text-align:center;
	padding:0 4px;
	border-radius:5px;
	
}
.jobname.name1 {
	background:#e1815b;
}
.jobname.name2 {
	background:#97a32f;
}
.jobname.name3 {
	background:#2f7ba3;
}
.jobname.name4 {
	background:#926c9d;
}
.jobname.name5 {
	background:#7d7d7d;
}

.jobdday {
	background:#f0f0f0;
	color:#666;
	font-weight:bold;
	letter-spacing:-0.05em;
	display:inline-block;
	width:45px;
	height:20px;
	line-height:21px;
	margin-right:4px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.jobdday.strong {
	color:#ff0000;
}
.termsbox_tit{
	font-weight:bold; 
	height:40px; 
	line-height:40px;
}
.termsbox{
	height:450px;
	border:1px solid #bbb;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	padding:20px; 
	overflow:auto;
}
.termsbox_p{
	margin:30px 40px 50px 40px;
}
.termsbox_agree{ 
	line-height:28px; 
	border:1px solid #eee; 
	background:#f9f9f9; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	padding:8px 10px 10px 10px; 
	margin-top:10px; 
	margin-bottom:30px; 
	text-align:center;
}
.termsbox_agree .label{
	margin-right:15px;
}
.termsbox_agree .checkinputlabel{
	margin-right:13px;
}
.labelcheck {
	background:url(images/component_img.png) no-repeat -1300px -546px; 
	padding-left:19px;
	line-height:30px;
	color:#111;
}
.valert {
	color:#F30;
	margin:0;
}
.tdnotinum {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold; 
	*padding:0 !important;
	*margin-left:-10px;
}
.tdnotinum a{
	color:#666; 
	font-size:14px;
	*padding:0 !important;
}
.tdnotinum a:hover, .tdnotinum a:focus{
	color:#666;
}

.tdnoti {
	border-top:1px dashed #bbb; 
	margin-top:10px; 
	padding:10px 5px;
	*padding:10px 10px;
}
.tdnoti li {
	padding:7px 0; 
	border-bottom:1px dotted #ddd; 
	background:url(images/component_img.png) no-repeat -100px -694px; 
	*background:url(images/component_img.png) no-repeat -90px -694px; 
}
.tdnoti li a {
	color:#555; 
	*float:left; 
	font-size:15px; 
	margin-left:12px;
}
.tdnoti li a:hover{
	color:#e51837;
}
.tdnoti li.newnoti a {
	background:url(images/newicon_img.png) no-repeat right 2px; 
	*background:url(images/newicon_img.png) no-repeat right 5px; 
	padding-right:40px;
}
.tdnoti li .notidate {
	font-size:13px; 
	float:right; 
	color:#555;
}
.poplist {
	padding:5px 5px 10px 5px;
}
.poplist li {
	background:url(images/component_img.png) -100px -600px no-repeat;
	padding-left:15px;
	margin-bottom:10px;
}
.popbox {
	border:1px solid #ddd;	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	padding:10px;
	margin:5px 0;
}
.popbox2 {
	height:300px;
	overflow:auto;
	overflow-x:hidden;
}
.poplist2 {
	padding:5px;
	margin:10px 0;
}
.poplist2 li {
	background:url(images/component_img.png) -100px -600px no-repeat;
	padding-left:15px;
	margin-bottom:5px;
}

a.filename, a.filename:hover {
	margin-right:5px;
	text-decoration:underline;
	font-weight:bold;
}






.faq {
	width:100%;
	border-top:2px solid #666;
	margin-bottom:10px;
}
.faq li {
	list-style:none;
}
.faq li dl dt {
	border-bottom:1px solid #bbb ;
	line-height:20px;
	padding:15px 12px 15px 45px;
	*padding:10px 8px;
	text-align:left;
	vertical-align:top;
	background:url(images/component_img.png) -1290px -1236px no-repeat;
}
.faq li dl dt .category {
	color:#ee5959;
	display:inline-block;
	width:145px;
	border-right:1px solid #f1d8d8;
	margin-right:15px;
	padding-bottom:1px;
}
.faq li dl dt a {
}
.faq li dl dd {
	border-bottom:2px solid #bbb ;
	line-height:20px;
	padding:8px 12px 15px 45px;
	*padding:10px 8px;
	text-align:left;
	vertical-align:top;
	background:url(images/component_img.png) -1290px -1287px no-repeat;
}
.faq li dl.on {
	border-top:1px solid #bbb ;
}
.faq li dl.on dt {
	border-bottom:1px dotted #ddd ;
}
.faq li dl.on dt a {
	font-weight:bold;
	color:#d03333;
	cursor:default;
}
.faq li dl.on dd {
	display:block;
}
.faq li dl.off dd {
	display:none;
}


.company {
	padding-bottom:15px;
}
.company:after {
	content:"";
	display:block;
	clear:both;
	*zoom:1;
}
.company h5{
	display:inline-block;
	float:left;
	font-weight:bold;
	padding:10px 0;
	border:0;
	border-top:2px solid #ff5d16;
	/*border-bottom:2px solid #ff5d16;*/
	color:#555;
	font-size:17px;
}
.company .txt{
	display:inline-block;
	float:right;
	margin-top:21px;
	margin-left:10px;
}
.company img{
	float:right;
	margin-top:20px;
}

.company.sysinfo h5{
	width:120px;
}
.company.sysinfo .txt{
	width:930px;
}


.history{
	margin-top:20px;
	position:relative;
}
.history li{
	list-style:none;
	*border-bottom:1px solid #ccc;
	*margin-bottom:15px;
	*height:300px;
}
.history dl{
	display:block;
	margin-bottom:30px;
}
.history dl:after {
	content:"";
	display:block;
	clear:both;
	*zoom:1;
}
.history dl dt{
	display:inline-block;
	float:left;
	font-weight:bold;
	padding:10px 0;
	border-top:2px solid #ff5d16;
	/*border-bottom:2px solid #ff5d16;*/
	color:#555;
}
.history dl dd{
	display:inline-block;
	float:left;
	margin-top:12px;
}
.history dl dd p{
	margin:0 0 10px 10px;
}
.history dl dd p .mon{
	color:#ff5d16;
}
.history dl dd p .txt{
	margin-left:10px;
	padding-left:13px;
	background:url(images/component_img.png) -100px -600px no-repeat;
}
.history_img{
	position:absolute;
	top:10px;
	*top:0px;
	right:0px;
	left:340px;
}

.maps {
	position:relative;
	height:750px;
}
/* .maps:after {
	content:"";
	display:block;
	clear:both;
	*zoom:1;
} */
.maps .maps_map {
	position:absolute;
	top:20px;
	left:0;
	width:700px;
	height:486px;
	border:1px solid #ddd;
	border-radius:3px;
}



.maps .maps_dis {
	position:absolute;
	top:20px;
	right:0;
	width:350px;
	height:500px;
}
.maps .maps_dis h6{
	margin:20px 0;
}
.maps .maps_dis p{
	margin-bottom:20px;
}
.maps .maps_dis p .label{
	display:block;
	color:#ff5d16;
}
.maps .maps_bus {
	position:absolute;
	top:510px;
	left:0;
	padding-bottom:20px;
	width:100%;
}
.maps .maps_bus h6{
	margin:15px 0;
}




.con_tab_job {
	border-bottom:1px solid #ccc;
	height:32px;
	width:100%;
	margin-top:-15px;
}
.con_tab_job li {
	height:32px;
	display:inline-block;
	float:left;
	background:url(images/component_img.png) -100px -1644px no-repeat;
}
.con_tab_job li.start {
	background:url(images/component_img.png) -101px -1644px no-repeat;
}
.con_tab_job li a {
	display:block;
	width:100%;
	height:100%;
	color:#666;
	padding-left:25px;
	padding-right:18px;
}
.con_tab_job li.tabon a, .con_tab_job li a:hover {
	color:#666;
	font-weight:bold;
}

.jobs {
	padding-top:20px;
}
.jobs.on {
	display:block;
}
.jobs.off {
	display:none;
}
.jobs .tit {
	margin:20px 10px;
}
.jobs .txt {
	margin:20px 8px;
}
.jobs .dem .txt {
	margin:5px 0px;
}
.jobs .txt li {
	background:url(images/component_img.png) -1300px -1644px no-repeat;
	padding-left:13px;
	margin-bottom:10px;
}
.jobs .txt.infotxt li{
	display:block;
	width:100%;
}
.jobs .txt.infotxt li:after {
	content:"";
	display:block;
	clear:both;
	*zoom:1;
}
.jobs .txt.infotxt li strong {
	display:inline-block;
	float:left;
	vertical-align:top;
	margin-right:8px;
}
.jobs .txt.infotxt li span {
	display:inline-block;
	float:left;
}
.jobs .jobtxt {
	border-top:2px solid #bbb;
	border-bottom:2px solid #bbb;
}
.jobs .jobtxt th {
	border-bottom:1px solid #ddd;
	vertical-align:top;
	text-align:left;
	background:url(images/component_img.png) -1300px -1640px no-repeat;
	padding:5px 0;
	padding-left:13px;
}
.jobs .jobtxt td {
	border-bottom:1px solid #bbb;
	vertical-align:top;
	text-align:left;
	padding:5px 0;
}
.jobs .jobtxt.line th {
	border-bottom:1px solid #bbb;
	border-right:1px solid #ddd;
	background:#f6f6f6;
	text-align:center;
	padding:5px 10px;
}
.jobs .jobtxt.line td {
	border-bottom:1px solid #ccc;
	vertical-align:top;
	text-align:left;
	padding:5px 10px;
}
.jobs .jobtxt.line2 th {
	border-bottom:1px solid #bbb;
	border-right:1px solid #ddd;
	background:url(images/component_img.png) -1300px -1640px no-repeat;
	padding:5px 10px;
	padding-left:13px;
}
.jobs .jobtxt.line2 td {
	border-bottom:1px solid #ccc;
	vertical-align:top;
	text-align:left;
	padding:5px 10px;
}
.jobs .jobtxt.noline {
	border:0;
}
.jobs .jobtxt.noline th {
	border:0;
	background:url(images/component_img.png) -1300px -1640px no-repeat;
	padding:5px 0;
	padding-left:13px;
}
.jobs .jobtxt.noline td {
	border:0;
	vertical-align:top;
	text-align:left;
	padding:5px 0;
}
.jobs .dem {
	margin:30px 15px 15px 21px;
}
.jobs .dem p {
	background:url(images/component_img.png) -100px -550px no-repeat;
	color:#ff5d16;
	font-weight:bold;
	padding-left:12px;
	margin:20px 0 2px -13px;
}
.jobs h4 {
	font-size: 18px;
	color: #222;	
	-webkit-font-weight: 800;
	-moz-font-weight: 800;
	font-weight: bold;
	background:url(images/component_img.png) -1300px -1796px no-repeat;
	padding-left: 17px;
	display: block;
	margin-bottom:5px;
}


.sysinfo_list li{
	padding-left:13px;
	background:url(images/component_img.png) -100px -600px no-repeat;
}
.sysinfo_list.noicon li{
	padding-left:0px;
	background:none;
	margin-bottom:10px;
}
.sysinfo_list.noicon li img{
	float:none;
	display:block;
}
/* add Ahn */
.sysinfo_list li span.descTitle{
	margin-left:20px;
	padding-left:13px;
	background:url(images/component_img.png) -100px -600px no-repeat;
}
.sysinfo_list li span.descTitleNext{
	padding-left:33px;
}

/* Ahn Add */
pre.textAreaView{word-wrap: break-word;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-break:break-all;}