@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: 'Noto Sans KR';
    box-sizing: border-box;
}

li {
    list-style: none;
}

a {
    color: #333;
}
#comment_name_1 {
	text-align:center;
}
#comment_date_1 {
	text-align:center;
}

.comment_btn {
	text-align:center;
}
@media (min-width: 1200px) {
	.board_user {
		width: 100px;
	}

	#txt_keyword {
		padding: 5px;
		border-radius: 0;
		border: 1px solid #aaa;
		vertical-align: top;
		float: left;

	}

	.writing_button button, .board_list button {
		float: left;
		padding: 5px;
		width: 60px;
		text-align: center;
		border: 1px solid #aaa;
		border-left: none;
		vertical-align: top;
	}

	#search {
		width: 1000px;
		margin: 0 auto;
	}

	#search button {
		padding: 5px;
		width: 60px;
		text-align: center;
		border: 1px solid #aaa;
		border-left: none;
		vertical-align: top;
	}

	#box {
		width: 1200px;
		margin: 0 auto;
	}

	.board_user span {
		width: 100%;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	#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;
	}

	#file_delete_box a {
		margin: 6px;

		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
	}

	#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;
		min-height: 150px;
	}

	.title_file {
		vertical-align: top;
		width: 1200px !important;
		border-bottom: 1px solid #ccc;
		background: #eee;
		text-align: center;
		padding: 10px;
	}


	.board_file_view {
		margin-top: 4px;
	}

	.board_file_view button {
		width: 80px;
		height: 30px;
		border: none;
		background: #555;
		color: #fff;
		margin-top: 4px;
	}

	#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;
	}

	.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: 1200px;
		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: 1000px;
		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;
		line-height: 42px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#inform_line {
		font-size: 14px;
		color: #555;
		text-align: right;
	}

	#frame_content {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#frame_content {
		max-width: 980px;
	}

	#notice_frame tr, #notice_frame_a tr {
		border-bottom: 1px solid #ccc;
	}

	.writing_button {
		width: 1200px;
		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: 1200px;
		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: 1px solid #ccc;
		margin: 10px auto;
		display: block;
		text-align: center;
		line-height: 35px;
	}
	a#title_pw {
		background:#1b67bd;
		color:#fff;
		border:none;
	}

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

	#txt_pw {
		width: 189px;
		border: 1px solid #ccc;
	}

	/*page*/
	#pagination {
		width: 1000px;
		margin: 5px 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: 1000px;
		padding: 4px
	}

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

	.contents textarea {
		width: 1002px;
		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: 1200px;
		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: 800px;
	}

	#client_content textarea {
		width: 805px;
		border-radius: 4px;
		height: 350px;
		margin-top: 10px;
	}

	#client_file input {
		width: 200px;
	}

	.personal_info div {
		width: 1200px;
		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*/
	#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;
	}



	/*photo*/
	#area_box {
		overflow: hidden;
	}

	#photo_view {
		text-align: center;
	}

	.photo_box {
		border: 1px solid #ccc;
		width: 300px;
		margin: 10px;
		height: 260px;
		float: left;
		display: block;
	}

	.img_box {
		width: 90%;
		margin: 10px auto;
		height: 200px;
		text-align: center;
		overflow: hidden;
		position: relative;
	}

	.img_box img {
		max-width: 268px;
		max-height: 200px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: none;
	}

	.img_title {
		width: 90%;
		margin: 0 auto;
		text-align: center
	}

	.img_title h3 {
		font-size: 16px;
		width: 268px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}


	/*QnA 게시판*/
	#view_name {
		display: inline-block;
	}

	#view_date_reply {
		float: right;
		line-height: 42px;
		font-size: 14px;
		color: #555;
	}

	#area_box {
		width: 1000px;
		margin: 10px 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;
	}


	#pagination {
		text-align: center;
		overflow: hidden;
	}

	/*견적 뷰*/
	#inform_table {
		border-collapse: collapse;
		border-top: 2px solid #333;
		width: 100%;
	}

	#inform_table tr {
		border-bottom: 1px solid #ccc
	}

	.inform_head {
		width: 120px;
		font-weight: 400;
		background: #f5f5f5;
	}

	#inform_table #view_date {
		float: none;
	}

	#inform_table td, #inform_table th {
		padding: 10px;
	}

	a.file_link {
		display: block;
	}

	#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: 700px;
		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;
	}


	.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;
	}

	/*
    #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;
	}
}

@media(min-width:600px) and (max-width:1199px) {

	.board_user {
		width: 100px;
	}

	#txt_keyword {
		padding: 5px;
		border-radius: 0;
		border: 1px solid #aaa;
		vertical-align: top;
		float: left;
	}

	.writing_button button, .board_list button {
		float: left;
		padding: 5px;
		width: 60px;
		text-align: center;
		border: 1px solid #aaa;
		border-left: none;
		vertical-align: top;
	}

	#search {
		width: 1000px;
		margin: 0 auto;
	}

	#search button {
		padding: 5px;
		width: 60px;
		text-align: center;
		border: 1px solid #aaa;
		border-left: none;
		vertical-align: top;
	}

	#box {
		width: 600px;
		margin: 0 auto;
	}

	.board_user span {
		width: 100%;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	#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;
	}

	#file_delete_box a {
		margin: 6px;

		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
	}

	#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;
		min-height: 150px;
	}

	.title_file {
		vertical-align: top;
		width: 600px !important;
		border-bottom: 1px solid #ccc;
		background: #eee;
		text-align: center;
		padding: 10px;
	}


	.board_file_view {
		margin-top: 4px;
	}

	.board_file_view button {
		width: 80px;
		height: 30px;
		border: none;
		background: #555;
		color: #fff;
		margin-top: 4px;
	}

	#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;
	}

	.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: 600px;
		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: 1000px;
		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;
		line-height: 42px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#inform_line {
		font-size: 14px;
		color: #555;
		text-align: right;
	}

	#frame_content {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#frame_content {
		max-width: 980px;
	}

	#notice_frame tr, #notice_frame_a tr {
		border-bottom: 1px solid #ccc;
	}

	.writing_button {
		width: 600px;
		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: 600px;
		margin: 15px 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: 400px;
		padding: 4px
	}

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

	.contents textarea {
		width: 402px;
		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: 600px;
		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: 800px;
	}

	#client_content textarea {
		width: 805px;
		border-radius: 4px;
		height: 350px;
		margin-top: 10px;
	}

	#client_file input {
		width: 200px;
	}

	.personal_info div {
		width: 600px;
		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*/
	#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;
	}



	/*photo*/
	#area_box {
		overflow: hidden;
	}

	#photo_view {
		text-align: center;
	}

	.photo_box {
		border: 1px solid #ccc;
		width: 300px;
		margin: 10px;
		height: 260px;
		float: left;
		display: block;
	}

	.img_box {
		width: 90%;
		margin: 10px auto;
		height: 200px;
		text-align: center;
		overflow: hidden;
		position: relative;
	}

	.img_box img {
		max-width: 268px;
		max-height: 200px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: none;
	}

	.img_title {
		width: 90%;
		margin: 0 auto;
		text-align: center
	}

	.img_title h3 {
		font-size: 16px;
		width: 268px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}


	/*QnA 게시판*/
	#view_name {
		display: inline-block;
	}

	#view_date_reply {
		float: right;
		line-height: 42px;
		font-size: 14px;
		color: #555;
	}

	#area_box {
		width: 1000px;
		margin: 10px 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;
	}


	#pagination {
		text-align: center;
		overflow: hidden;
	}

	/*견적 뷰*/
	#inform_table {
		border-collapse: collapse;
		border-top: 2px solid #333;
		width: 100%;
	}

	#inform_table tr {
		border-bottom: 1px solid #ccc
	}

	.inform_head {
		width: 120px;
		font-weight: 400;
		background: #f5f5f5;
	}

	#inform_table #view_date {
		float: none;
	}

	#inform_table td, #inform_table th {
		padding: 10px;
	}

	a.file_link {
		display: block;
	}

	#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;
	}

	.comment_inform {
		width: 600px;
		padding: 12px;
	}

	.info_line {
		width:285px;
		float:left;
	}

	.info_line p {
		display: inline-block;
		font-size: 14px;
		width: 80px;
		text-align:center;
	}

	.info_line input {
		width: 191px;
		font-size: 13px;
		border: 1px solid #ccc;
		padding: 3px;
	}

	.comment_cont {
		width: 600px;
		height:100px;
		padding: 12px;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}

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

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

	}

	.security {
		width: 350px;
		height: 100%;
		float: left;
		padding-right: 10px;
	}

	.security input {
		width: 160px;
		border: 1px solid #ccc;
		padding: 7px;
		float: left;
		margin-left:20px;
	}

	.security_word {
		text-align: center;
		float: left;
	}

	.comment_regist > input {
		width: 130px;
		height: 35px;
		float: right;
		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;
		margin-left:10px;
	}

	/*코멘트 뷰*/
	.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;
	}


	.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: inline-block;
		height: 35px;
		line-height: 40px;
		text-align: center;
		vertical-align: top;
		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;
	}

	/*
    #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;
	}
}
@media(max-width:599px) {
	.board_user {
		width: 100px;
	}

	#txt_keyword {
		padding: 5px;
		border-radius: 0;
		border: 1px solid #aaa;
		vertical-align: top;
		float: left;
		width:260px;
	}

	.writing_button button, .board_list button {
		float: left;
		padding: 5px;
		width: 60px;
		text-align: center;
		border: 1px solid #aaa;
		border-left: none;
		vertical-align: top;
	}

	#search {
		width: 320px;
		margin: 0 auto;
	}

	#search button {
		padding: 5px;
		width: 60px;
		text-align: center;
		border: 1px solid #aaa;
		border-left: none;
		vertical-align: top;
	}

	#box {
		width: 320px;
		margin: 0 auto;
	}

	.board_user span {
		width: 100px;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	#area_btn a {
		margin-bottom:10px;
	}



	#area_btn_edit {
		display: block;

	}

	#file_delete_box {
		display: inline-block;
	}

	#file_delete_box a {
		margin: 6px;

		display: inline-block;
		padding-left: 10px;
		padding-right: 10px;
	}

	#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;
		min-height: 150px;
	}

	.title_file {
		vertical-align: top;
		width: 600px !important;
		border-bottom: 1px solid #ccc;
		background: #eee;
		text-align: center;
		padding: 10px;
	}


	.board_file_view {
		margin-top: 4px;
	}

	.board_file_view button {
		width: 80px;
		height: 30px;
		border: none;
		background: #555;
		color: #fff;
		margin-top: 4px;
	}

	#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;
	}

	.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: 320px;
		margin: 20px auto;
	}

	#board_list_table {
		width: 320px;
		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: 1000px;
		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;
		line-height: 42px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#inform_line {
		font-size: 14px;
		color: #555;
		text-align: right;
	}

	#frame_content {
		padding-top: 10px;
		padding-bottom: 10px;
		word-break: break-all;
	}

	#frame_content * {
		max-width: 320px;

	}

	#notice_frame tr, #notice_frame_a tr {
		border-bottom: 1px solid #ccc;
	}

	.writing_button {
		width: 320px;
		margin: 5px auto;
		overflow: hidden;
	}

	.writing_button > a {
		width:100%;
		height: 40px;
		border: none;
		border: 1px solid #ccc;
		background: #fff;
		font-size: 16px;
		display: block;
		text-align: center;
		line-height: 40px;
		clear: both;
		margin-top:40px;
		margin-bottom:20px;
	}

	.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: 320px;
		margin: 5px 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: 400px;
		padding: 4px
	}

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

	.contents textarea {
		width: 402px;
		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: 600px;
		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: 800px;
	}

	#client_content textarea {
		width: 805px;
		border-radius: 4px;
		height: 350px;
		margin-top: 10px;
	}

	#client_file input {
		width: 200px;
	}

	.personal_info div {
		width: 600px;
		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: 130px;
	}

	#area_btn > a, #area_btn_edit > a {
		width: 100%;
		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*/
	#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;
	}



	/*photo*/
	#area_box {
		overflow: hidden;
	}

	#photo_view {
		text-align: center;
	}

	.photo_box {
		border: 1px solid #ccc;
		width: 300px;
		margin: 10px;
		height: 260px;
		float: left;
		display: block;
	}

	.img_box {
		width: 90%;
		margin: 10px auto;
		height: 200px;
		text-align: center;
		overflow: hidden;
		position: relative;
	}

	.img_box img {
		max-width: 268px;
		max-height: 200px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: none;
	}

	.img_title {
		width: 90%;
		margin: 0 auto;
		text-align: center
	}

	.img_title h3 {
		font-size: 16px;
		width: 268px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}


	/*QnA 게시판*/
	#view_name {
		display: inline-block;
	}

	#view_date_reply {
		float: right;
		line-height: 42px;
		font-size: 14px;
		color: #555;
	}

	#area_box {
		width: 1000px;
		margin: 10px 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;
	}


	#pagination {
		text-align: center;
		overflow: hidden;
	}

	/*견적 뷰*/
	#inform_table {
		border-collapse: collapse;
		border-top: 2px solid #333;
		width: 100%;
	}

	#inform_table tr {
		border-bottom: 1px solid #ccc
	}

	.inform_head {
		width: 120px;
		font-weight: 400;
		background: #f5f5f5;
	}

	#inform_table #view_date {
		float: none;
	}

	#inform_table td, #inform_table th {
		padding: 10px;
	}

	a.file_link {
		display: block;
	}

	#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 {
	}

	.comment_inform {
		width: 320px;
		padding-left: 12px;
		padding-right:12px;
		padding-top:12px;
	}

	.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: 320px;
		padding: 12px;
		height:100px;
		border-bottom:1px solid #ccc;
		border-top:1px solid #ccc;
	}

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

	.comment_regist {
		width: 320px;
		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;
	}


	.comment_regist > input {
		width: 70px;
		height: 75px;
		float: right;
		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;

	}

.comment_table .date { display:none }
.comment_table .table_date {
	display:none
}
	#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;
	}


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



	.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;
		width:200px;
	}

	.security_word > a {
		display: inline-block;
		height: 35px;
		line-height: 40px;
		text-align: center;
		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;
		vertical-align: top;
	}


	.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;
	}

	/*
    #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: 10%;
		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;
	}

	#scroll_bar {
		width:320px;
		overflow-x: scroll;
	}
}