@charset "utf-8";


/* CSS Document */

/* input */
.dInput {
	height: 21px;
	border: 1px solid #d8d8d8;
	padding: 3px 6px;
	background: #f7f7f7; 
	font-family: monospace;
}

.dSelect {
	height: 29px;
	border: 1px solid #d8d8d8;
	padding: 5px;
	background: #f7f7f7;
}

.dSelect:disabled {
	height: 21px;
	border: 1px solid #d8d8d8;
	padding: 3px 6px;
	background: #4c4848;
	color: #4c4848
}

.dInput:read-only {
	border: 0px;
	background: white;
	font-weight: bold;
}

.dInput:disabled {
	height: 21px;
	border: 1px solid #d8d8d8;
	padding: 3px 6px;
	background: #4c4848;
	color: #4c4848
}

.Warn{
	font-size: large;
	font-weight: bold;
	color:red;
}

.w100 {
	width: 100px
}
/* validate */
.validate-error {
	border: 2px solid red !important;
}

/** 정기권 신청 validation icon **/
.validateError {
	border: 2px solid red  !important;
}

.thTitle {
	background: #00baf1  !important;
	color: white;
	font-weight: bold !important;
}

.mandatory {
	color: red;
	font-size: 20px
}

.boldRed {
	font-weight: bold;
	color: red;
	font-size: 16px;
}

#modal-overlay {
	position: fixed;
	z-index: 10;
	background: black;
	display: block;
	opacity: .75;
	filter: alpha(opacity = 75);
	width: 100%;
	height: 100%;
}

/** 본문 **/
.h3S1 {
	height: 35px;
	background: url(../img/stit_blet.gif) 10px 10px no-repeat;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	padding-left: 25px;
	position: relative;
	padding-top: 10px;
}

.h3S1 .btn {
	position: absolute;
	right: 0;
	top: 3px;
}

.tableBox1 {
	background: #ffffff url(../img/table_tit_bg_le.gif) left top no-repeat;
}

.tableBox1 h4 {
	height: 52px;
	line-height: 48px;
	background: url(../img/table_tit_bg_ri.gif) right top no-repeat;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #222;
}

.tableBox1 .bott_bg {
	background: url(../img/table_tit_bgb_le.gif) left top no-repeat;
}

.tableBox1 .bott_bg .bgRi {
	height: 10px;
	background: url(../img/table_tit_bgb_ri.gif) right top no-repeat;
}

.tableBox1 .top_bg {
	background: url(../img/table_tit_bgt_le.gif) left top no-repeat;
}

.tableBox1 .top_bg .bgRi {
	height: 22px;
	background: url(../img/table_tit_bgt_ri.gif) right top no-repeat;
}

/* 검색박스 */
.searchBox1 {
	background: #f1f1f2;
	padding: 20px 0;
	text-align: center;
	overflow: hidden;
}

.searchBox1 label {
	font-weight: bold;
	color: #333;
	padding-right: 7px;
}

.searchBox1 .input {
	width: 115px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: url(../img/input_bg_1.gif) left top no-repeat;
	padding-right: 7px;
}

.searchBox1 .dInput {
	margin-right: 7px;
	background: #FFF;
}

.searchBox1 .dSelect {
	background: #FFF;
}

.searchBox1 .spaces {
	padding: 0 24px 0 23px;
}

.searchBox1 .cLe {
	float: left;
	margin: 7px 0 0 30px;
}

.searchBox1 .cRi {
	float: right;
	margin-right: 30px;
}

/* 검색박스_디테일 */
.searchBox1_Detail {
	background: #f1f1f2;
	text-align: center;
	overflow: hidden;
}

.searchBox1_Detail label {
	font-weight: bold;
	color: #333;
	padding-right: 7px;
}

.searchBox1_Detail .input {
	width: 115px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: url(../img/input_bg_1.gif) left top no-repeat;
	padding-right: 7px;
}

.searchBox1_Detail .dInput {
	margin-right: 7px;
	background: #FFF;
}

.searchBox1_Detail .dSelect {
	background: #FFF;
}

.searchBox1_Detail .spaces {
	padding: 0 24px 0 23px;
}

.searchBox1_Detail .cLe {
	float: left;
	margin: 7px 0 0 30px;
}

.searchBox1_Detail .cRi {
	float: right;
	margin-right: 30px;
}

/* 테이블스타일 1 */
.tableStyle1 {
	margin-bottom: 20px;
}

.tableStyle1 table {
	width: 100%;
}

.tableStyle1 table thead tr th, .tableStyle1 table thead tr td {
	height: 37px;
	background: url(../img/thead_bg.gif) left top repeat-x;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}

.tableStyle1 table thead tr td {
	border-left: 1px solid #5c6073;
}

.tableStyle1 table tbody tr th, .tableStyle1 table tbody tr td {
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #caccce;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

.tableStyle1 table tbody tr td {
	border-left: 1px solid #caccce;
}

.tableStyle1 table tbody tr th.bg1, .tableStyle1 table tbody tr td.bg1 {
	background: #f1f1f2;
}

.tableStyle1 table tbody tr td a {
	font-weight: bold;
	text-decoration: underline;
}

.tableStyle1_2 {
	margin-bottom: 20px;
}

.tableStyle1_2 table {
	width: 100%;
}

.tableStyle1_2 table thead tr th, .tableStyle1_2 table thead tr td {
	height: 37px;
	background: #525975 url(../img/thead_bg.gif) left bottom repeat-x;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	line-height: 120%;
	padding: 7px 0;
}

.tableStyle1_2 table thead tr td {
	border-left: 1px solid #5c6073;
}

.tableStyle1_2 table tbody tr th, .tableStyle1_2 table tbody tr td {
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #caccce;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

.tableStyle1_2 table tbody tr td {
	border-left: 1px solid #caccce;
}

.tableStyle1_2 table tbody tr th.bg1, .tableStyle1_2 table tbody tr td.bg1
	{
	background: #f1f1f2;
}

.tableStyle1_2 table tfoot tr th, .tableStyle1_2 table tfoot tr td {
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #595d6e;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	background: #757a8d;
	color: #FFF;
	font-weight: bold;
}

.tableStyle1_2 table tfoot tr td {
	border-left: 1px solid #595d6e;
}

.tableStyle1_2 table tbody tr td a {
	font-weight: bold;
}

/* 테이블스타일 2 */
.tableStyle2 {
	margin-bottom: 20px;
}

.tableStyle2 table {
	width: 100%;
	border-top: 1px solid #caccce;
}

.tableStyle2 table tbody tr th, .tableStyle2 table tbody tr td {
	min-height: 28px;
	border-bottom: 1px solid #caccce;
	text-align: left;
	font-weight: normal;
	padding: 6px 15px;
}

.tableStyle2 table tbody tr th {
	background: #f1f1f2;
}

.tableStyle2 table tbody tr td {
	border-left: 1px solid #caccce;
}

.tableStyle2 table tbody tr td a {
	font-weight: bold;
}

/* 테이블스타일 3 */
.tableStyle3 {
	
	width: 100%;
}

.tableStyle3 table {
	width: 100%;
	border-top: 1px solid #caccce;
	border-left: 1px solid #caccce;
}

.tableStyle3 table tbody tr th, .tableStyle3 table tbody tr td {
	min-height: 28px;
	border-bottom: 1px solid #caccce;
	border-right: 1px solid #caccce;
	text-align: left;
	font-weight: normal;
	padding: 6px 15px;
	line-height: 140%;
}

.tableStyle3 table tbody tr th {
	background: #f1f1f2;
}

.tableStyle3 table tbody tr td {
	font-size: 12px;
}

.tableStyle3 table tbody tr td a {
	font-weight: bold;
}

/* 테이블스타일 3 */
.tableStyle4 {
	margin-bottom: 0px;
}

.tableStyle4 table {
	width: 100%;
	border-top: 1px solid #caccce;
	border-left: 1px solid #caccce;
}

.tableStyle4 table tbody tr th, .tableStyle4 table tbody tr td {
	min-height: 15px;
	border-bottom: 1px solid #caccce;
	border-right: 1px solid #caccce;
	text-align: left;
	font-weight: normal;
	padding: 6px 13px;
	line-height: 46%;
}

.tableStyle4 table tbody tr th {
	background: #f1f1f2;
}

.tableStyle4 table tbody tr td {
	font-size: 12px;
}

.tableStyle4 table tbody tr td a {
	font-weight: bold;
}

/** 페이지네이션 **/
.pagination {
	text-align: center;
	position: relative;
	padding: 12px 0 25px 0;
}

.pagination .arrow_prev {
	padding-right: 10px;
}

.pagination .arrow_next {
	padding-left: 10px;
}

.pagination .page {
	display: inline-block;
	zoom: 1; .
	display: inline;
}

.pagination .page li {
	float: left;
	display: inline;
}

.pagination .page a {
	width: 24px;
	height: 24px;
	line-height: 22px;
	display: inline-block;
	font-family: tahoma;
	margin: 0 2px;
	border: 1px solid #e8e8e8;
}

.pagination .page a:hover {
	background: #f8f8f8;
	text-decoration: none;
}

.pagination .page a.pg_on {
	background: #2b2f3e;
	color: #FFF;
	border: 1px solid #2b2f3e;
}

.pagination .btn_Ri {
	position: absolute;
	right: 20px;
	top: 16px;
}