@charset "utf-8";

.estimate {
	max-width: 760px;
	margin: 0 auto;
}
.estimate * {
	  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.float_left {
	float:left; 
}
.float_right { 
	float:right; 
}
.xet_clearfix {
	*zoom: 1;
}
.xet_clearfix:after {
	display: block;
	content: "";
	clear: both;
}


.estimate header {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}
.estimate header img {
	max-width: 280px;
}
.estimate header p {
	margin-bottom: 20px;
}
.estimate header .back {}


/* 제목 및 설명
-------------------------------------------------------------------------------------------------------- */
.boardTitle { 
	position:relative; 
	margin-bottom: 30px;
	text-align: center;
}
.boardTitleText {
	margin-bottom: 10px;
	font-size: 28px; 
	color: #1b1b1b;
}
.boardTitleText a { 
	color:#333; 
}
.top_text {
	text-align: center;
	color: #707070;
}



/* 목록형 스타일 
-------------------------------------------------------------------------------------------------------- */
.boardListForm { 
	margin:0 0 10px; 
	padding:0;
}
.boardList { 
	width:100%;
	border-collapse:collapse; 
}
.boardList thead th { 
	padding:15px 10px; 
	white-space:nowrap;
	text-align:center; 
	font-size:13px;
	font-weight:normal; 
	border-top: 1px solid #cccdcf;  
	border-bottom:3px solid #cccdcf;  
	color:#333; 
	background:url(../img/lineVr9.gif) no-repeat left center #fff;
}
.boardList thead th:first-child {
	background-image:none;
}
.boardList thead th a {
	font-weight:normal;
	color:#333; 
}
.boardList thead th a .sort { 
	vertical-align:middle;
	margin:0 5px; 
} 
.boardList td { 
	padding:10px 5px;
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	color:#555;
	background:#fff;
	border-bottom: 1px solid #eee;
}
.boardList td a {
	color:#555;
}
.boardList td.num { 
}
.boardList td.notice span { 
	display:inline-block;
	color: #2980b9;
} 
.boardList td.title { 
	width:100%; 
	white-space:normal; 
	text-align:left;
} 
.boardList td.title a { 
	display: inline-block;
} 
.boardList td .subject { 
	font-weight:normal; 
	text-decoration:none; 
	font-size:13px;
	color:#555; 
} 
.boardList td .category { 
	display:inline-block;
	padding:0 5px 0 0; 
	margin-right:5px; 
	color:#2980b9; 
	border-right:1px solid #eee;
}
.boardList td .replyNum,
.boardList td .trackbackNum { 
	font:normal 8pt Trebuchet MS, tahoma, Arial;
	color:#2980b9 !important; 
}
.boardList td.author { 
	text-align:left; 
}
.boardList td.checkbox input { 
	float:none; 
	margin:0; 
}

	/* hover */
.boardList th a:hover,
.boardList td a:hover { 
	color:#2980b9 !important;
} 





/* button 
---------------------------------------------- */
.xet_btn {
	display: inline-block;
	zoom: 1; *display: inline;  /* zoom and *display = ie7 hack for display:inline-block */
	outline: none;
	cursor:pointer;
	vertical-align:middle;
	text-align: center;
	text-decoration:none !important;
	margin:0;
	border:0;
	-webkit-appearance: none;
}
.big {
	line-height:48px !important;
	font-size: 16px !important;	
	padding:0 20px !important; 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.large {
	line-height:36px !important;
	font-size:14px !important;	
	padding:0 16px !important; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.medium {
	line-height:28px !important;
	font-size:12px !important;	
	padding:0 12px !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.small {
	line-height:18px !important;
	font-size: 11px !important;
	padding:0 8px !important; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* color styles  */
/* theme */
.str {
	color: #fff !important;
	text-shadow: 0 -1px -1px rgba(255, 255, 255, 0.75);	
	background: #1777d0;	
}
.str:active,
.str:hover {
	background: #0090ff;	
}


/* gray */
.gray {
	color: #fff !important;
	text-shadow: 0 -1px -1px rgba(255, 255, 255, 0.75);
	background: #666666;
}
.gray:active,
.gray:hover {
	background: #333;
}

/* gray */
.light {
	color: #555 !important;
	text-shadow: 0 -1px -1px rgba(255, 255, 255, 0.75);
	background: #f1f1f1;
	border: 1px solid #e1e1e1;
}
.light:active,
.light:hover {
	background: #0090ff;
	border-color: #0090ff;
	color: #fff !important;
}


/* pomegrante */
.pomegrante {
	color: #fff !important;
	background: #c0392b;	
}
.pomegrante:active,
.pomegrante:hover {
	background: #D14233;	
}