@charset "utf-8";
*{margin:0; padding:0;color:#333; text-decoration:none;
box-sizing:border-box;
}
li {
 list-style:none;
}

#area_btn > a {
	float:right;
}
#area_btn a {
	margin-left:20px;
	margin-top:10px;
}
#area_btn_edit {
	display:inline-block;
	float:right;
}
#file_delete_box {
	display:inline-block;
	padding-top:10px;
}
#file_delete_box a {
	height:40px;
	margin:6px;
	line-height:40px;
	border:1px solid #ccc;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	background:#f5f5f5;
}

#board_file_view>a {
	width:110px;
	height:40px;
	background:#1b67bd;
	color:#fff;
	text-align:center;
	line-height:40px;
	display:inline-block;
	margin-left:10px;
	margin-top:10px;

}
#board_file_view {
	border-bottom:1px solid #ccc;
}

.board_user {
	width:100px;
}
.board_user span {
	width:100px;
	display:block;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#board_file button {
	width:80px;
	height:30px;
	border:none;
	background:#555;
	color:#fff;
	margin-top:4px;
	margin-right:4px;
}
#board_file input {
	border:1px solid #ccc;
	padding:2px;
}

.btn_board_file_delete {
	margin-left:3px;
}

.title_file {
	vertical-align:top;
	width:900px!important;
	border-bottom:1px solid #ccc;
}


.arrow {
	width:0;
	height:0;
	display:inline-block;
	border-top:7px solid #333;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:0 solid #333;
	margin-left:5px;
	margin-bottom:2px;
}

.attach p {
	display:inline-block;
}
.attach {
	float:right;
	position:relative;
	width:138px;
	background:#eee;
	color:#333;
	height:42px;
	text-align:center;
	border-left:1px solid #ccc;
	line-height:42px;
	cursor:pointer;
	border-right:1px solid #ccc;

}


.view_files {
	position:absolute;
	top:42px;
	right:-1px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;

}

#notice_frame #attach_view {
	display:none;
}
.attach_view_list {
	text-align:center;
	background:#f5f5f5;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	height:37px;
	line-height:37px;
	padding:0px 6px;
	
}
#inform_table .attach_view_list {
	background:none;
	border:none;
}
.attach_view_list a {
	white-space:nowrap;

}
.board_list {
	width:1000px;
	margin:20px auto;
}

#board_list_table {
	width:1000px;
	border-collapse:collapse;
	border-top:1px solid #333;
}
#board_list_table th {
	background:#eee;
	height:42px;
}
#board_list_table tr td {
	height:42px;
	text-align:center;
	font-size:15px;
}
#board_list_table tr {
	border-bottom:1px solid #ccc;
}



.title a {
	text-align:left;
}

#board_list_table td span {
	background:orange;
	color:#fff;
	display:block;
	border-radius:4px;
}

#board_list_table tr td a {
	display:block;
	width:600px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

}

.gongji_view {
	width:900px;
	margin:20px auto;
}

.gongji_view > a {
	float:right;
	width:120px;
	border:1px solid #ccc;
	text-align:center;
	height:40px;
	line-height:40px;
	margin:20px 0 0 10px;
}

.gongji_view> a:hover {
	background:#1b67bd;
	color:#fff;
	border:none;
}

#notice_frame, #notice_frame_a {
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #333
}

#notice_frame th, #notice_frame_a th {
	background:#eee;
	height:42px;
	line-height:42px;
	text-align:left;
	padding-left:10px;
	
}

#view_writer, #view_date, #view_count {
	display:inline-block;
}
#notice_frame td, #notice_frame_a td {
	height:42px;
	padding-left:10px;
	padding-right:10px;
}
#inform_line {
	line-height:42px;
	font-size:14px;
	color:#555;
}
#frame_content {
	padding-top:10px;
	padding-bottom:10px;
}
#frame_content img {
	max-width:880px;
}
#notice_frame tr, #notice_frame_a tr {
	border-bottom:1px solid #ccc;
}

.writing_button {
	width:900px;
	margin:5px auto;
	overflow:hidden;
	height:42px;
}

.writing_button> a {
	width:120px;
	height:40px;
	border:none;
	border:1px solid #ccc;
	background:none;
	float:right;
	font-size:16px;
	display:block;
	text-align:center;
	line-height:40px;
}
.writing_button> a:hover {
	background:#1b67bd;
	color:#fff;
	border:none;
}
#notice_frame #view_date, #notice_frame #view_count {
	float:right;
}

/*QnA_view*/

#qna_quest {
	width:1000px;
	margin:20px auto;
}
#qna_btn {
	height:70px;
}
#qna_btn a {
	float:right;
	width:120px;
	border:1px solid #ccc;
	text-align:center;
	height:40px;
	line-height:40px;
	margin:20px 0 0 10px;

}
#qna_btn a:hover {
	background:#1b67bd;
	color:#fff;
	border:none;
}
#button {
	width:1000px;
	margin:0 auto;
}
#button a {
	float:right;
	width:120px;
	border:1px solid #ccc;
	text-align:center;
	height:35px;
	line-height:30px;
	margin:10px 5px;
}

#button a:hover {
	background:#1b67bd;
	border:none;	
	color:#fff;
}
#reply_answer {
	width:1000px;
	margin:20px auto;
}


/*login*/
#login {
	width:300px;
	margin:20px auto;
	border:1px solid #ccc;
	border-radius:6px;
	text-align:center;
	padding:20px;
}

#login input {
	padding:5px;
}

#login h3 {
	background:#1b67bd;
	padding:4px;
	letter-spacing:5px;
	color:#fff;
	width:189px;
	margin:0 auto;
}
#login p {
	margin:4px 0;
}

#login a {
	width:189px;
	height:35px;
	border:none;
	border:1px solid #ccc;
	margin:10px auto;
	display:block;
	text-align:center;
	line-height:35px;
}
#login a:hover {
	background:#1b67bd;
	color:#fff;
	border:none;
}
#txt_pw {
	width:189px;
	border:1px solid #ccc;
}

/*page*/
#pagination {
	width:900px;
	margin:10px auto;
	text-align:center;
}
#pagination>a {
	border:1px solid #ccc;
	display:inline-block;
	width:50px;
	text-align:center;
	line-height:40px;
	vertical-align:top;
}
#pagination div {
	display:inline-block;
}

#page_num {
	border:1px solid #ccc;
	border-right:none;
	display:inline-block;
}
#page_num li {
	float:left;
}
#page_num a {
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-right:1px solid #ccc;
	display:inline-block;
	color:#333;
	transition:0.3s;
}


#page_num a:hover {
	background:#2a2a2a;
	color:#eee;

}
/*write*/
.writing_board {
	width:1000px;
	margin:10px auto;
}

.row {

}

.row p {
	display:inline-block;
	width:120px;
	text-align:center;
}

.line input {
	padding:4px;
}

#write_title {
	width:800px;
	padding:4px
}

.contents p {
	display:inline-block;
	width:120px;
	text-align:center;
	vertical-align:top;
}

.contents textarea {
	width:802px;
	min-height:320px;
	padding:4px;
	margin-top:10px;
}

.writing_board > input {
	width:120px;
	height:40px;
	border:1px solid #ccc;
	background:none;
	margin:5px;
	float:right;
	font-size:16px;
	margin-top:10px;
}
.writing_board >input:hover {
	background:#1b67bd;
	color:#fff;
	border:none;
}

#frm_write .contents p {
	height:340px;
}

#frm_write .row,#frm_write .contents {
	border-bottom:1px solid #ccc;
}
/* 견적 */
#frm_write {
	width:900px;
	margin:10px auto;
	border-top:2px solid #333;
	border-collapse:collapse;
}
#client_id,
#client_pw,
#client_hp,
#client_tel,
#client_mail,
#client_title,
#client_content,
#client_file {
	border-bottom:1px solid #ccc;
}
.common_form {
	width:120px;
}
#frm_write> div >p {
	width:150px;
	padding:10px 0px;
	text-align:center;
	background:#eee;
	display:inline-block;
	margin-right:10px;
}
#frm_write>div> input {
	border-radius:4px;
	padding:3px;

}
#frm_write>div >select {
	border-radius:4px;
	padding:3px;
}
#client_content p {
	vertical-align:top;
	min-height:380px;
}

#client_title input {
	width:700px;
}
#client_content textarea {
	width:705px;
	border-radius:4px;
	height:350px;
	margin-top:10px;
}
#client_file input {
	width:200px;
}

.personal_info div {
	width:900px;
	margin:6px auto;
	height:100px;
	background:#f5f5f5;
	border:1px solid #ccc;
	overflow-y:scroll;

}

.personal_info h3 {
	margin-top:10px;
	font-size:18px;
}

#area_btn {
	margin:10px auto;
	text-align:right;
	height:70px;
}

#area_btn a {
	width:120px;
	height:40px;
	font-size:16px;
	background:#fff;
	border:none;
	border:1px solid #ccc;
	border-radius:0!important;
	display:inline-block;
	line-height:40px;
	text-align:center;
}

#area_btn a:hover {
	background:#1b67bd;
	color:#fff;
	border:none;
}

#client_id i {
	font-size:14px;
	color:#555;
	float:right;
	margin-top:10px;
}

/*photo*/
.wrap {
	width:1000px;
	margin:10px auto;
}


#photo_view th {
	background:#f5f5f5;
	text-align:left;
	
}

#photo_view {
	border-top:2px solid #333;
	width:100%;
	border-collapse:collapse;
}

#photo_view td, #photo_view th {
	padding:10px;
	border-bottom:1px solid #ccc;
}

.wrap >a {
	width:120px;
	height:40px;
	border:1px solid #ccc;
	text-align:center;
	line-height:40px;
	display:block;
	float:right;
	margin-top:20px;
}

.wrap >a:hover {
	background:#1b67bd;
	color:#fff;
	border:none;
}

/*photo*/
#box {
	
}
#photo_view {
	text-align:center;
}
.photo_box {
	width:33.333%;
	height:280px;
	float:left;
	display:block;
}
.img_box {
	width:90%;
	margin:10px auto;
	height:200px;
	background:#f5f5f5;
	text-align:center;
	overflow:hidden;
}
.img_box img {
	max-width:300px;
	max-height:200px;
}

.img_title {
	width:90%;
	margin:0 auto;
	text-align:center
}
.img_title h3 {
	font-size:16px;
}

#view_count, #view_date {
	float:right;
	line-height:42px;
}

/*QnA 게시판*/

#view_name {
	display:inline-block;
}
#view_date_reply {
	float:right;
	line-height:42px;
	font-size:14px;
	color:#555;
}
#box {
	width:900px;
	margin:10px auto;
}
#board {
	width:900px;
	border:1px solid #ccc;
	border-collapse: collapse;
	border-top:2px solid #333;
	margin:0 auto;
}

#board th {
	background:#eee;
	border-bottom:1px solid #ccc;
	padding:10px;
	text-align:center;
	border-right:1px solid #ccc;
}

#write_files {
	margin:10px;
}

#board td {
	text-align:center;
	padding:10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.board_title {
	width:550px;
	text-align:left!important;
}
.board_title a {
	display:inline-block;
	max-width:500px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.board_title b {
	vertical-align:top;
	margin-left:4px;
}
#pagination {
	text-align:center;
	overflow:hidden;
}

/*견적 뷰*/


#inform_table {
	border-collapse:collapse;
	border-top:2px solid #333;
	width:100%;
}

.inform_head {
	width:120px;
	font-weight:400;
	background:#f5f5f5;
}
#inform_table #view_date {
	float:none;
}
#inform_table td, #inform_table th {
	padding:10px;
	border-bottom:1px solid #ccc;
}

#inform_table #view_files {
	display:none;
	width:100%;
}
#inform_table #view_name {
	display:block;
}
#inform_table .attach_view_list {
	text-align:left;
}

#form_btn {
	text-align:right;
	margin-top:20px;
	margin-bottom:20px;
}
#form_btn input {
	width:120px;
	height:40px;
	cursor:pointer;
	border:none;
	border:1px solid #ccc;
	margin-left:10px;
	background:#fff;
}

#form_btn a {
	width:120px;
	height:40px;
	line-height:40px;
	text-align:center;
	border:1px solid #ccc;
	display:inline-block;
	margin:20px 0 0 10px;
}
#form_btn a:hover {	
	background:#1b67bd;
	color:#fff;
	border:none;
}

#form_btn input:hover {	
	background:#1b67bd;
	color:#fff;
	border:none;
}

#estimate_view_title {
	font-size:20px;
	margin-bottom:10px;
}

/*코멘트*/
#comment_box {
	clear:both;
	margin-top:40px;
	margin-bottom:30px;
}

#comment_box h3 img {
	margin-left:4px;
}
.comment {
	overflow:hidden;
	background:#f5f5f5;
	margin-top:10px;
	outline:1px solid #ccc;
}

.comment>div {
	float:left;
	height:100px;
}
.comment_inform {
	width:250px;
	padding:12px;
	border-right:1px solid #ccc;
}
.info_line {
	padding-bottom:12px;
}
.info_line p {
	display:inline-block;
	font-size:14px;
	width:70px;
}
.info_line input {
	width:151px;
	font-size:13px;
	border:1px solid #ccc;
	padding:3px;
}
.comment_cont {
	width:400px;
	padding:12px;
	border-right:1px solid #ccc;
}

.comment_cont textarea {
	width:100%;
	height:100%;
	padding:5px;
	border:1px solid #ccc;
}

.comment_regist {
	width:250px;
	padding:12px;
	overflow:hidden;

}

.security {
	width:155px;
	height:100%;
	float:left;
	padding-right:10px;
}
.security input {
	width:100%;
	margin-top:7px;
	border:1px solid #ccc;
	padding:4px;
}
.security_word {
	text-align:center;
}
.comment_regist> input {
	width:70px;
	height:75px;
	float:left;
	display:block;
	cursor:pointer;
	background: linear-gradient(#fff, #efefef);
	background: -ms-linear-gradient(#fff, #efefef);
	background: -webkit-linear-gradient(#fff, #efefef);
	background: -o-linear-gradient(#fff, #efefef);
	background: -moz-linear-gradient(#fff, #efefef);
	font-size:14px;
	color:#555;
	border:none;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	border-radius:4px;
	
}
/*코멘트 뷰*/

.comment_table {
	border-collapse:collapse;
	width:100%;
	border:1px solid #ccc;
	
}
.table_name {
	width:100px;
}
.table_date {
	width:175px;
}
.table_manage {
	width:98px;
}
#comment_box h3 {
	margin-bottom:10px;
}
.comment_table th {
	background:#eee;
	padding:6px;
	font-weight:400;
	border:1px solid #ccc;
	font-size:14px;
}
.comment_table tr {
	border-bottom:1px solid #ccc;
}
.comment_table td {
	padding:15px;
	border:1px solid #ccc;
	font-size:14px;
}
.date {
	width:180px;
	font-size:14px;
	color:#666;
	text-align:center;
}

.writer {
	text-align:center;
	width:100px;
}

.comment_btn button {
	border:none;
	background:transparent;
	margin-left:3px;
	margin-right:3px;
	text-align:center;
}

.content_space {
	width:660px;
}

.comment_btn {
	width:100px;
}

.comment_btn input {
	display:block;
	width:100%;
	height:30px;
	margin-top:5px;
	background:transparent;
	border:none;
	cursor:pointer;
}
/*보안문자*/
.security_word {
	overflow:hidden;
}
.security_word > a {
	display:block;
	height:35px;
	line-height:40px;
	text-align:center;
	float:left;
	width:43px;
	background: linear-gradient(#fff, #efefef);
	background: -ms-linear-gradient(#fff, #efefef);
	background: -webkit-linear-gradient(#fff, #efefef);
	background: -o-linear-gradient(#fff, #efefef);
	background: -moz-linear-gradient(#fff, #efefef);
	border:none;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	border-radius:4px;	
}


.security_word > a > img {
	width:17px;
	margin-top:5px;
	border:none;
}
.security p {
	font-size:14px;
	text-align:center;
	margin-top:3px;
}
#capcha_security {
	display:inline-block;
	padding-top:7px;
}

#capcha_security a {
	text-align:center;
	display:inline-block;
	height:35px;
	line-height:35px;
	border:1px solid #aaa;
	float:left;
	width:40px;
}
#capcha_security a img {
	width:15px;
	margin-top:9px;
}

/*
#capcha_img {
	width:100px;
	display:block;
}
*/

#capcha_img {
	width:100px;
	float:left;
	height:35px;
	padding-right: 5px;
}
#area_capcha input {
	display:inline-block;
	width:120px;
	padding:4px;
	vertical-align:top;
	border:1px solid #ccc;
	height:35px;
	vertical-align:top;
	margin-top:7px;
	margin-left:10px;
}
#area_capcha {
	height:50px;
	border-bottom:1px solid #ccc;
}
#area_capcha > div {
	display:inline-block;
}
#area_capcha p {
	height:100%;
	vertical-align:top;
	line-height:25px;
}

/*코멘트 수정창*/


#comment_modal {
	background:#fff;
	width:300px;
	height:410px;
	position:fixed;
	top:20%;
	left:40%;
	border:2px solid #ccc;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
	padding:10px;
	z-index:99;
}

#comment_modal h3 {
	margin:10px;
	border-bottom:2px solid #333;
	padding-bottom:3px;
	font-size:20px;
}

.line p {
	width:80px;
	display:inline-block;
	font-size:15px;
}
.line {
	margin:10px;
}
.line input {
	width:160px;
}

.comment_content {
	padding:10px
}
.comment_content textarea {
	width:100%;
	max-width:250px;
	border:1px solid #ccc;
	padding:5px;
	height:100px;
	max-height:170px;
}
.modify_btn {
	float:left;
	width:120px;
	padding-left:18px;
	padding-top:32px;
}
.modify_btn input {
	width:90px;
	height:30px;
	background:#1b67bd;
	color:#fff;
	border:none;
	margin-bottom:6px
}
.security_modify p {
	text-align:center;
	font-size:14px;
	padding-bottom:10px;
}
.security_modify {
	width:140px;
	margin-left:10px;
	float:left;
}
.security_word_m {
	margin:0 auto;
	width:140px;
}
.security_word_m a {
	height:35px;
	width:35px;
	text-align:center;
	display:inline-block;
	border:1px solid #ccc;
	margin-left:5px;
}
.security_word_m>a>img {
	width:17px;
	margin-top:9px;
	border:none;
}
.security_modify input {
	width:140px;
	height:30px;
	display:block;
	margin:5px auto;
	border:1px solid #ccc;
}

#capcha_img_modify {
	width:100px;
	float:left;
	height:35px;
	padding-right: 5px;
}

#comment_m_capcha_img {
	width:100px;
	float:left;
	height:35px;
	padding-right:5px
}

#back_prevent {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9;
}