@charset "utf-8";
@font-face
{
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
		 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');

	font-family: 'Noto Sans KR';
}

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

a {
	color:#333;
}

input {
	font-size:16px;
}


@media screen and (min-width:1300px) {

	body {
		min-width:1420px;
	}
	#dash_popup_title {
		width:400px;
	}
	#popup_width {
		width:100px;
		padding:2px;
	}
	#popup_height {
		width:100px;
		padding:2px;
	}
	.inform {
		height: 42px;
	}


	#repre_box >p {
		text-align:center;
		padding:6px;
		background:#1b67bd;
		color:#fff
	}
	#txt_repre {
		line-height:280px;
	}
	#repre_box div{
		text-align:center;
		position:relative;
		width:100%;
		height:280px;
	}
	#repre_box div img {
		max-height:260px;
		max-width:300px;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	#repre_box {
		border:1px solid #ccc;
		width:420px;
		height:320px;
		margin:0 auto;
		background:#f5f5f5;
	}
	.board_file_view {
		margin-top: 4px;
	}

	.board_file_view button {
		width: 80px;
		height: 30px;
		border: none;
		background: #555;
		color: #fff;

	}

	#board_file > div > button {
		width: 80px;
		height: 30px;
		border: none;
		background: #555;
		color: #fff;
		margin-top: 4px;
		margin-right: 4px;
	}

	#board_file > div > input {
		border: 1px solid #ccc;
		padding: 2px;
	}

	.file_link {
		display: inline-block;
		margin-right: 4px;
	}

	.btn_board_file_delete {
		margin-left: 3px;
	}


	/*dash_top*/
	.header {
		height: 60px;
		background: #313240;
	}

	.logo {
		width: 230px;
		display: inline-block;
		height: 60px;
		text-align: center;
		margin-left: 20px;
		vertical-align: top

	}
	.service {
		float:right;
	}
	.logo a {
		width: 100%;
		font-size: 20px;
		display: inline-block;
		color: #fff;
		line-height: 60px;
	}

	.menu {
		display: inline-block;
	}

	.menu li {
		float: left;
		width: 150px;
		text-align: center;
		height: 100%;
	}

	.menu li a:hover {
		background: #1b67bd;
		transition: 0.3s;
	}

	.menu li a {
		color: #fff;
		display: block;
		height: 100%;
		line-height: 60px;
	}

	#logout {
		display: inline-block;
		width: 100px;
		color: #fff;
		text-align: center;

		margin-top: 18px;
		font-size: 14px;
	}

	.pwd_page {
		display: inline-block;
		width: 120px;
		color: #eee;
		text-align: center;
		border-right: 1px solid #eee;
		margin-top: 18px;
		font-size: 14px;
	}

	.history {
		color: #fff;
		width: 120px;
		display: inline-block;
		text-align: center;
		margin-top: 18px;
		font-size: 14px;
		border-right: 1px solid #eee;
	}

	.side_menu {
		width: 230px;
		margin-left: 20px;
		display: inline-block;
		border: 1px solid #ddd;
		height: 800px;
		float: left;
		position: relative;
	}

	.menu_down {
		height: 50px;
		background: #fff;
		border-bottom: 1px solid #ddd;

	}

	.menu_down > a:hover {
		background: #1b67bd;
		color: #fff;
		border: none;
		transition: 0.3s;
	}


	.menu_down a {
		display: block;
		height: 100%;
		line-height: 50px;
		padding-left: 20px;
		font-size: 15px;
		color: #555;
	}

	.drop > li p {
		background: #f5f5f5;
		height: 50px;
		line-height: 50px;
		padding-left: 20px;
		cursor: pointer;
		font-size: 15px;
		color: #555;
	}

	.drop > li p img {
		width: 10px;
	}

	.drop > li p span {
		width: 40px;
		height: 100%;
		line-height: 40px;
		float: right;
		display: block;
		text-align: center;
	}

	#board_file_name {
		padding: 4px 8px;
	}

	#board_file_name a {
		color: #333;
		font-size: 16px;
	}

	#manage {
		overflow: hidden;
		width: 100%
	}

	#manage a {
		width: 100%;
		display:block;
		height: 40px;
		background: #2a3b4c;
		color: #fff;
		outline: 1px solid #fff;
		line-height: 40px;
		text-align: center;
	}

	/*견적*/
	#dash_quote_check {
		width: 50px;
	}

	#dash_quote_num {
		width: 70px;
	}

	#dash_quote_writer {
		width: 110px;
	}

	#dash_quote_date {
		width: 110px;
	}

	#dash_quote_reply, #dash_quote_confirm {
		width: 120px;
	}

	/*photo*/
	#board td p {
		text-align: center;
		font-size: 15px;
	}



	#dash_photo_check {
		width: 50px;
	}

	#dash_photo_num {
		width: 70px;
	}

	#dash_photo_writer {
		width: 100px;
	}

	#dash_photo_date {
		width: 120px;
	}

	#dash_photo_view {
		width: 100px;
	}

	/*QnA 게시판*/
	#area_box, #box {
		width: 1000px;
		float: left;
		margin: 30px;
	}

	.board_control {
		font-weight: 400;
		padding-bottom: 10px;
		width:650px;
		display:inline-block;
	}

	#board {
		width: 1000px;
		border: 1px solid #ccc;
		border-collapse: collapse;
	}

	.board_user {
		width: 120px;
	}

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

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

	#board td a {
		display: inline-block;
		max-width: 500px;
		width: auto;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	#board td b {
		vertical-align: top;
	}



	#board tr td a p {
		padding: 5px;
	}

	#frame_content p img {
		width:900px
	}
	#dash_qna_check {
		width: 50px;
	}

	#dash_qna_num {
		width: 70px;
	}

	#dash_qna_writer {
		width: 120px;
	}

	#dash_qna_date {
		width: 120px;
	}

	#dash_qna_reply {
		width: 100px;
	}

	#board td {
		text-align:center;
		padding: 5px;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}


	#pagination {
		width: 1000px;
		text-align: center;
		overflow: hidden;

	}

	#pagination > a, #page_num {
		display: inline-block;
	}

	#page_num li {
		float: left;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		border-left: 1px solid #ccc;
	}

	#pagination > a {
		border: 1px solid #ccc;
		width: 50px;
		height: 37px;
		text-align: center;
		line-height: 35px;
		margin: 0px 10px;
		vertical-align: top;
	}

	#page_num {
		overflow: hidden;
		border: 1px solid #ccc;
		border-left: none;
	}

	#page_num li a {
		display: block;
		width: 100%;
		height: 100%;
	}

	/*dash_notice*/
	#dash_qna_view {
		width: 100px;
	}

	/*button*/
	#button {
		width: 1000px;
		text-align: right;
		height: 50px;
	}
	#button_photo {
		width:300px;
		float:right;
		text-align:right;
		margin-right:15px;
		vertical-align:top;
		height:46px;
	}

	#button a {
		width: 110px;
		height: 40px;
		border: 1px solid #ccc;
		display: inline-block;
		text-align: center;
		line-height: 40px;
		margin-left: 10px;
		background: #f5f5f5;
		cursor: pointer
	}
	#button_photo a {
		width: 110px;
		height: 36px;
		border: 1px solid #ccc;
		display: inline-block;
		text-align: center;
		line-height: 36px;
		margin-left: 10px;
		background: #f5f5f5;
		cursor: pointer
	}

	#button a:hover,#button_photo a:hover {
		background: #1b67bd;
		color: #fff;
		border: none;
	}

	/*animation*/
	#page_num li a:hover {
		background: #1b67bd;
		color: #fff;
		transition: 0.3s;
	}


	/*dashboard MAIN*/
	.wrap {
		width: 1100px;
		float: left;
		margin: 30px;
	}

	#hello h1 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	#hello p {
		font-size: 20px;
		font-weight: 700;
	}

	#hello {
		padding-bottom: 20px;
	}

	#alarm {
		margin-bottom: 10px;
		width: 1000px;

	}

	#alarm img {
		width: 25px;
		margin: 4px;
	}

	#alarm p {
		display: inline-block;
		font-size: 18px;
		vertical-align: top;
		margin-top: 5px;
	}

	.main_board_condition {
		border: 1px solid #ccc;
		width: 500px;
		padding: 20px;
		display: block;
		float: left;
		height: 320px;
		vertical-align: top;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	#qna_condition h2 {
		font-size: 20px;
		color: #333;
		text-align: left;
		padding: 3px;
		margin-left: 10px;
	}

	#notice_condition {
		border: 1px solid #ccc;
		width: 500px;
		height: 320px;
		padding: 20px;
		vertical-align: top;
		display: inline-block;
		margin-left: 30px;

	}

	#view_notice_check {
		width:110px;
		display:inline-block;
		float:left;
	}
	#notice_check label span {
		margin-left:10px;
	}

	#notice_condition h2 {
		font-size: 20px;
		color: #333;
		padding: 3px;
		margin-left: 10px;
	}

	/*


    #notice_seen,#qna_seen {
        border-collapse: collapse;
        width:100%;
        margin-top:40px;
        border-top:2px solid #333;
    }
    #notice_seen,#qna_seen th {
        background:#eee;
        padding:5px;
        border-bottom:1px solid #ccc;
        font-weight:400;
    }

    #notice_seen,#qna_seen td {
        padding:5px;
        border-bottom:1px solid #ccc;
    }

    #notice_seen,#qna_seen tr td:last-of-type(2) {
        text-align:center;
    }
    #notice_seen,#qna_seen tr td:last-of-type {
        text-align:center;
    }
    #notice_seen,#qna_seen tr td:first-of-type a {
        white-space:nowrap;
        width:278px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:inline-block;
    }
     */
	#notice_seen, #qna_seen, #estimate_seen, #free_seen {
		border-collapse: collapse;
		width: 100%;
		margin-top: 20px;
		border-top: 2px solid #333;
	}

	#notice_seen th, #qna_seen th, #estimate_seen th, #free_seen th {
		background: #eee;
		padding: 5px;
		font-weight: 400;
	}

	#notice_seen td, #qna_seen td, #estimate_seen td, #free_seen td {
		padding: 5px;
		border-bottom: 1px solid #ccc;
	}

	.main_board_condition table td {
		text-align: center;
		overflow: hidden;
	}

	.main_board_condition table td a {
		display: inline-block;
		text-align: left;
		max-width: 200px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.board_title a {
		float:left;
		margin-left:10px;
	}

	.board_title a p {
		width:480px;
		margin:0 auto;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.board_title b {
		float:left;
		margin-left:10px;
	}
	.board_title a img {
		vertical-align: top;
		margin-top:7px;
	}
	.main_board_condition table td b {
		vertical-align: top;
	}
	#dash_photo_photo {
		width:500px;
	}


	/*dash_photo_write*/
	#photo_form {
		width: 1000px;
		background: #f5f5f5;
		border: 1px solid #ccc;
		padding: 20px;
	}

	.title_row, .attach_row, .thumb_row {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}

	.title_row p {
		display: inline-block;
		width: 150px;
		text-align: center;
		height: 40px;
		vertical-align: top;
	}


	.attach_row p a {
		display: block;
	}

	.title_row input {
		width: 800px;
		padding: 3px;
	}

	#photo_attach_area input {
		width: 120px;
		height: 40px;
		border: none;
		background: #1b67bd;
		color: #fff;
		margin-top: 10px;
	}

	#photo_view {
		margin-top: 20px;
	}

	#photo_view {
		max-width: 500px;


	}


	#photo_btn {
		width: 100%;
		text-align: right;
		margin-top: 20px;
	}

	#photo_btn input {
		width: 120px;
		height: 40px;
		font-size: 16px;
		background: #f5f5f5;
		border: none;
		border: 1px solid #ccc;
		cursor: pointer;
	}

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

	.attach_row > p {
		display: inline-block;
		text-align: center;
		width: 150px;
		vertical-align: top;
	}


	#photo_attach_area {
		width: 800px;
	}

	#photo_attach_area a {
		display: inline-block;
		text-align: center;
	}

	.thumbnail_row p {
		width: 150px;
		display: inline-block;
		margin-left: 150px;
		margin-top: 30px;
	}

	.thumbnail_row {
		padding-top: 10px;

	}

	#thumbnail_img {
		display: block;
		margin-left: 150px;
		margin-top: 10px
	}

	.thumbnail_row span {
		display: block;
		padding-top: 10px;
		font-size: 15px;
		color: #555;
		margin-left: 150px
	}

	.thumb_row > p {
		width: 150px;
		display: inline-block;
		vertical-align: top;
		text-align: center
	}

	#thumb_attach_area {
		width: 800px;
	}

	#thumb_attach_area span {
		font-size: 14px;
		color: #666;
		padding-top: 12px;
		padding-bottom: 12px;
		display: block;
	}

	#thumb_attach_title a {
		display: block;
		padding-bottom: 10px;
	}

	#thumb_view {
		max-width: 500px;
	}

	#thumb_attach_area input {
		width: 120px;
		height: 40px;
		background: #1b67bd;
		color: #fff;
		display: block;
		border: none;
	}

	/*login*/
	.login_box {
		width: 370px;
		padding: 30px;
		border: 1px solid #ccc;
		margin: 150px auto;
		background: #f7f7f7;
	}

	.login_box h1 {
		font-size: 20px;
		background: #313240;
		color: #fff;
		text-align: center;
		padding: 5px;
		font-weight: 400;
		border-radius: 7px 7px 0px 0px;
		margin-bottom: 5px
	}

	.login_box p {
		padding-bottom: 5px;
		margin-top: 10px;
		width: 100px;
		background: #eee;
		text-align: center;
		font-size: 15px;
		padding: 5px;
		display: inline-block;
	}

	#txt_id, #txt_pw {
		padding: 3px;
		width: 200px;
	}

	.login_box a {
		width: 127px;
		height: 40px;
		margin-top: 20px;
		cursor: pointer;
		display: inline-block;
		background: url(../image/button2.png) no-repeat;
		margin-left: 20px;

	}

	.btn_img {
		width: 127px;
		height: 40px;
		background: url(../image/button1.png) no-repeat;
		border: none;
		cursor: pointer;
		vertical-align: top;
		margin-top: 20px;
		margin-left: 12px;
	}

	/*password change*/
	#pwd_change {
		width: 350px;
		height: 500px;
		border: 1px solid #ccc;
		border-radius: 10px;
		padding: 20px;
		text-align: center;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#pwd_change h2 {
		font-size: 18px;
		color: #fff;
		background: #313240;
		width: 205px;
		height: 40px;
		margin: 0 auto;
		text-align: center;
		line-height: 40px;
		border-radius: 7px 7px 0 0;
	}

	#pwd_change input {
		padding: 3px;
		width: 280px;
	}

	#pwd_change p {
		margin: 10px 0;
	}

	#pwd_change i {
		display: block;
		font-style: normal;
		margin: 10px 0;
	}

	.change_btn, .back_btn {
		display: block;
		width: 205px;
		cursor: pointer;
		margin: 10px auto;
		border: none;
		border: 1px solid #ccc;
		background: #eee;
		height: 35px;
	}

	/*qna writing*/
	#click_button, #delete_button {
		width: 110px;
		height: 35px;
		background: none;
		border: none;
		border: 1px solid #ccc;
		float: right;
		margin: 10px;
	}


	.answer_box {
		width: 1000px;
		margin: 30px;
		float: left;
	}

	#button_fr {
		width: 1000px;
		margin: 20px auto 50px;
	}

	.answer_box h2 {
		border-bottom: 2px solid #333;
		font-weight: 400;
		padding-bottom: 10px;
	}

	.line p {
		font-weight: 700;
		padding-bottom: 10px;
		padding-top: 10px;
		width: 120px;
		display: inline-block;
	}

	.line div {
		display: inline-block;
		width: 810px;
	}

	.h_wrap {
		width: 1000px;
		margin: 30px;
		float: left;
	}

	.h_wrap h2 {
		border-bottom: 2px solid #333;
		padding-bottom: 10px;
		font-weight: 400;
		color: #333;
	}

	.wrapper {
		width: 1000px;
		margin: 0 auto;
		background: #f5f5f5;
		padding: 30px 20px;
		border: 1px solid #ccc;
	}

	.wrapper form {
		overflow: hidden;
	}

	.wrapper > form > input {
		width: 110px;
		height: 40px;
		float: right;
		margin: 10px 5px;
		background: #fff;
		border: none;
		border: 1px solid #ccc;
		cursor: pointer;
		border-radius: 5px;
	}


	/*view*/
	#view_files {
		height: 42px;
	}


	#view_files_reply {
		height: 42px;
	}


	.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;
		background: #eee;
		color: #333;
		height: 42px;
		text-align: center;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		cursor: pointer;

	}

	#attach_view1 .attach_view_list {
		background: none;
	}

	#notice_view .attach_view_list {
		padding: 6px;
		text-align: center;
		background: #f5f5f5;

	}

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


	#view_files .attach {
		position: relative;
	}

	#attach_view {
		position: absolute;
		right: -1px;
		top: 41px;
		border: 1px solid #ccc
	}

	.attach_view_list {
		padding: 6px;
		text-align: center;
		background: #f5f5f5;
	}

	.attach_view_list a {
		white-space: nowrap;

	}

	#view_box {
		width: 1000px;
		float: left;
		margin: 30px;
	}

	#view_box > h2, #reply_answer > h2 {
		font-weight: 400;
		border-bottom: none;
		margin-bottom: 10px;
		text-align: left;
	}

	#question, #answer, #notice_view {
		width: 1000px;
		background: #fff;
		border-collapse: collapse;
		border: 1px solid #ccc;
		border-bottom: none;
		border-top: 2px solid #333;
	}

	#question th, #question td, #answer th, #answer td, #notice_view th, #notice_view td {
		padding: 10px 20px;

	}

	#question tr, #answer tr, #notice_view tr {
		border-bottom: 1px solid #ccc;
		display: block;
	}

	#answer tr:nth-of-type(2) td {
		float: right;
		font-size: 14px;
		color: #666;
	}

	#answer tr:nth-of-type(2) {
		overflow: hidden;
	}

	#notice_view tr:nth-of-type(2) {
		overflow: hidden;
	}

	#answer tr:last-of-type {
		min-height: 100px;
	}

	.inform td {
		display: inline-block;
		font-size: 14px;
		color: #666;
	}

	#view_title {
		display: block;
		text-align: left;
		width: 100%;
		background: #f5f5f5;
	}

	#view_title_reply {
		display: block;
		text-align: left;
		width: 100%;
		background: #f5f5f5;
	}

	#view_count, #view_date {
		float: right;
		font-size: 14px;
		color: #666;
	}

	#inform_table #view_count, #inform_table #view_date {
		font-size: 16px;
		color: #000;
	}

	#question tr:nth-of-type(4), #notice_view tr:nth-of-type(4) {
		min-height: 100px;
	}



	#view_button {
		width: 1000px;
		margin: 20px auto;
		overflow: hidden;
	}

	#view_button input {
		width: 110px;
		float: right;
		border: none;
		border: 1px solid #ccc;
		background: none;
		height: 40px;
		margin-left: 20px;
		background: #f5f5f5;
		cursor: pointer;
	}

	#view_button a {
		width: 110px;
		float: right;
		border: 1px solid #ccc;
		height: 40px;
		margin-left: 20px;
		display: inline-block;
		line-height: 40px;
		text-align: center;
		background: #f5f5f5;
	}

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

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


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

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

	#inform_table #view_files {
		display: none;
		width: 100%;
	}

	#inform_table .attach_view_list {
		text-align: left;
	}

	#form_btn {
		text-align: right;
		margin-top: 20px;
		height: 60px;
	}

	#form_btn a {
		width: 110px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border: 1px solid #ccc;
		float: right;
		margin-left: 20px

	}

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

	#estimate_view_title {
		font-weight: 400;
		margin-bottom: 10px;
	}

	.answer_row {
		border-bottom: 1px solid #ccc;
		overflow: hidden;
	}

	.answer_row * {
		padding: 10px;
	}

	.answer_row p {
		width: 120px;
		float: left;
		text-align: center;
	}

	.answer_row > div {
		width: 880px;
		float: left;
	}

	.answer_row #view_title_reply {
		width: 880px;
		background: transparent;
	}

	.answer_con {
		width: 100%;
	}

	/*photo-view*/
	span#view_date {
		margin-right: 10px;
		display: block;
	}

	span#view_count {
		display: block;
	}

	.p_wrap {
		width: 1000px;
		display: inline-block;
		margin: 30px;
	}
	.p_wrap h2 {
		font-weight: 400;
		padding-bottom: 10px;
		width:300px;
		display:inline-block;
	}
	.photo_view th {
		background: #f5f5f5;
		text-align: left;

	}
	#hr_line {
		border:none;
		border-top:2px solid #555;
		margin-bottom:10px;
		margin-right:15px;
	}

	.photo_view {
		border-top: 2px solid #333;
		width: 100%;
		border-collapse: collapse;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

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

	.p_wrap > h3 {
		margin: 10px;
	}

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

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

	#lbl_date, #lbl_view {
		float: right;
		margin-left: 10px;
	}

	#view_photo {
		text-align: center;
	}

	#view_photo {
		max-width: 600px;
		max-height: 400px;
	}

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

	#comment_box h3 img {
		margin-left: 6px;
	}

	.comment_cont {
		margin-top: 5px;
	}

	.comment_cont textarea {
		width: 100%;
		height: 100px;
		padding: 3px
	}

	#comment {
		height: 160px;
	}

	#comment > input {
		width: 110px;
		height: 40px;
		background: #1b67bd;
		color: #fff;
		border: none;
		float: right;
		margin-top: 10px
	}

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

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

	#comment_table {
		width: 100%;
		margin-bottom: 20px;
	}

	#comment_table th {
		font-weight: 400;
		border: 1px solid #ccc;
		padding: 7px;
		background: #eee;
	}

	#comment_table {
		border: 1px solid #ccc;
		border-collapse: collapse;
	}

	#comment_table td {
		padding: 7px;
		border: 1px solid #ccc;
		text-align: center;
		font-size: 15px;
	}

	.content_space {
		text-align: left !important;
	}

	.comment_btn button {
		border: none;
		background: transparent;
		display: inline-block;
		text-align: center;
		margin: 3px;
	}

	#comment_box h3 {
		margin-bottom: 10px;
	}

	#comment_table .date {
		width: 180px;
		text-align: center;
		font-size: 14px;
	}

	.comment_all {
		width: 35px;
	}

	/*코멘트 수정*/
	/*코멘트 수정창*/
	#comment_modal {
		background: #fff;
		width: 300px;
		height: 330px;
		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 input {
		width: 115px;
		height: 35px;
		background: #1b67bd;
		color: #fff;
		border: none;
		margin-bottom: 6px;
		float: left;
		margin: 10px;
	}

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

	#delete_comment {
		border: 1px solid #ccc;
		background: #eee;
		display: inline-block;
		width: 110px;
		height: 35px;
		line-height: 35px;
	}

	#checkbox {
		width: 110px;
		height: 35px;
		background: #eee;
		border: 1px solid #ccc;
		line-height: 35px;
		text-align: center;
		display: inline-block;
		margin-right: 10px;
	}

	#checkbox span {
		margin-left: 6px;
		font-size: 13px;
		vertical-align: top;
	}

}

@media (max-width:1299px) and (min-width:800px) {
	body {
		min-width:1020px;
	}

	.inform {
		height: 42px;
	}
	.service {
		float:right;
	}

	.board_file_view {
		margin-top: 4px;
	}

	.board_file_view button {
		width: 80px;
		height: 30px;
		border: none;
		background: #555;
		color: #fff;

	}

	#board_file > div > button {
		width: 80px;
		height: 30px;
		border: none;
		background: #555;
		color: #fff;
		margin-top: 4px;
		margin-right: 4px;
	}

	#board_file > div > input {
		border: 1px solid #ccc;
		padding: 2px;
	}

	.file_link {
		display: inline-block;
		margin-right: 4px;
	}

	.btn_board_file_delete {
		margin-left: 3px;
	}


	/*dash_top*/
	.header {
		height: 60px;
		background: #313240;
	}

	.logo {
		width: 200px;
		display: inline-block;
		height: 60px;
		text-align: center;
		vertical-align: top

	}

	.logo a {
		width: 100%;
		font-size: 20px;
		display: inline-block;
		color: #fff;
		line-height: 60px;
	}

	.menu {
		display:none;
	}

	#logout {
		display: inline-block;
		width: 100px;
		color: #fff;
		text-align: center;

		margin-top: 18px;
		font-size: 14px;
	}

	.pwd_page {
		display: inline-block;
		width: 120px;
		color: #eee;
		text-align: center;
		border-right: 1px solid #eee;
		margin-top: 18px;
		font-size: 14px;
	}

	.history {
		color: #fff;
		width: 120px;
		display: inline-block;
		text-align: center;
		margin-top: 18px;
		font-size: 14px;
		border-right: 1px solid #eee;
	}

	.side_menu {
		width: 200px;

		display: inline-block;
		border: 1px solid #ddd;
		height: 675px;
		float: left;
		position: relative;
	}

	.menu_down {
		height: 50px;
		background: #fff;
		border-bottom: 1px solid #ddd;

	}

	.menu_down > a:hover {
		background: #1b67bd;
		color: #fff;
		border: none;
		transition: 0.3s;
	}


	.menu_down a {
		display: block;
		height: 100%;
		line-height: 50px;
		padding-left: 20px;
		font-size: 15px;
		color: #555;
	}

	.drop > li p {
		background: #f5f5f5;
		height: 40px;
		line-height:40px;
		padding-left: 20px;
		cursor: pointer;
		font-size: 15px;
		color: #555;
	}

	.drop > li p img {
		width: 10px;
	}

	.drop > li p span {
		width: 40px;
		height: 100%;
		line-height: 40px;
		float: right;
		display: block;
		text-align: center;
	}

	#board_file_name {
		padding: 4px 8px;
	}

	#board_file_name a {
		color: #333;
		font-size: 16px;
	}

	#manage {
		overflow: hidden;
		width: 100%
	}

	#manage a {
		width: 50%;
		float: left;
		height: 40px;
		background: #2a3b4c;
		color: #fff;
		outline: 1px solid #fff;
		line-height: 40px;
		text-align: center;
		font-size:14px;
	}

	/*견적*/
	#dash_quote_check {
		width: 50px;
	}

	#dash_quote_num {
		width: 70px;
	}

	#dash_quote_writer {
		width: 110px;
	}

	#dash_quote_date {
		width: 110px;
	}

	#dash_quote_reply, #dash_quote_confirm {
		width: 120px;
	}

	/*photo*/
	#board td p {
		text-align: center;
		font-size: 15px;
	}


	#dash_photo_check {
		width: 50px;
	}

	#dash_photo_num {
		width: 70px;
	}

	#dash_photo_writer {
		width: 100px;
	}

	#dash_photo_date {
		width: 120px;
	}

	#dash_photo_view {
		width: 100px;
	}

	/*QnA 게시판*/
	#area_box,#box {
		width: 700px;
		float: left;
		margin: 30px;
	}

	.board_control {
		font-weight: 400;
		padding-bottom: 10px;
	}

	#board {
		width: 700px;
		border: 1px solid #ccc;
		border-collapse: collapse;
	}

	.board_user {
		width: 80px;
	}

	.board_user span {
		width: 70px;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		margin:0 auto;
	}

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

	#board td a {
		display: inline-block;
		max-width: 190px;
		width: auto;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	#board td b {
		vertical-align: top;
	}

	#board tr td:nth-of-type(3) {
		text-align: left;
		padding-left: 10px;
	}

	#board tr td a p {
		padding: 5px;
	}



	#dash_qna_check {
		width: 40px;
	}

	#dash_qna_num {
		width: 70px;
	}

	#dash_qna_writer {
		width: 100px;
	}

	#dash_qna_date {
		width: 100px;
	}

	#dash_qna_reply {
		width: 100px;
	}

	#board td {
		text-align: center;
		padding: 5px;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.center {
		text-align: left !important;
	}

	#pagination {
		width: 700px;
		text-align: center;
		overflow: hidden;

	}

	#pagination > a, #page_num {
		display: inline-block;
	}

	#page_num li {
		float: left;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		border-left: 1px solid #ccc;
	}

	#pagination > a {
		border: 1px solid #ccc;
		width: 50px;
		height: 37px;
		text-align: center;
		line-height: 35px;
		margin: 0px 10px;
		vertical-align: top;
	}

	#page_num {
		overflow: hidden;
		border: 1px solid #ccc;
		border-left: none;
	}

	#page_num li a {
		display: block;
		width: 100%;
		height: 100%;
	}

	/*dash_notice*/
	#dash_qna_view {
		width: 100px;
	}

	/*button*/
	#button {
		width: 700px;
		text-align: right;
		float: left;

		height: 50px;
	}
	#button_photo {
		width:400px;
	}

	#button a{
		width: 110px;
		height: 40px;
		border: 1px solid #ccc;
		display: inline-block;
		text-align: center;
		line-height: 40px;
		margin-left: 10px;
		background: #f5f5f5;
		cursor: pointer
	}
	 #button_photo a {
		width: 110px;
		height: 40px;
		border: 1px solid #ccc;
		display: inline-block;
		text-align: center;
		line-height: 40px;
		background: #f5f5f5;
		cursor: pointer;
		 margin-right:10px;
	 }

	#button a:hover,#button_photo a:hover {
		background: #1b67bd;
		color: #fff;
		border: none;
	}


	/*animation*/
	#page_num li a:hover {
		background: #1b67bd;
		color: #fff;
		transition: 0.3s;
	}


	/*dashboard MAIN*/
	.wrap {
		width: 500px;
		float: left;
		margin: 30px;
	}

	#hello h1 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	#hello p {
		font-size: 20px;
		font-weight: 700;
	}

	#hello {
		padding-bottom: 20px;
	}

	#alarm {
		margin-bottom: 10px;

	}

	#alarm img {
		width: 25px;
		margin: 4px;
	}

	#alarm p {
		display: inline-block;
		font-size: 18px;
		vertical-align: top;
		margin-top: 5px;
	}
	.board_title a img {
		vertical-align: top;
		margin-top:7px
	}
	.main_board_condition {
		width: 500px;
		display: block;
		float: left;
		height: 300px;
		vertical-align: top;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	#qna_condition h2 {
		font-size: 20px;
		color: #333;
		text-align: left;
		padding: 3px;
		margin-left: 10px;
	}

	#notice_condition {
		border: 1px solid #ccc;
		width: 500px;
		height: 320px;
		padding: 20px;
		vertical-align: top;
		display: inline-block;
		margin-left: 30px;

	}

	#notice_condition h2 {
		font-size: 20px;
		color: #333;
		padding: 3px;
		margin-left: 10px;
	}

		#view_notice_check {
		width:110px;
		display:inline-block;
		float:left;
	}
	#notice_check label span {
		margin-left:10px;
	}
	/*


    #notice_seen,#qna_seen {
        border-collapse: collapse;
        width:100%;
        margin-top:40px;
        border-top:2px solid #333;
    }
    #notice_seen,#qna_seen th {
        background:#eee;
        padding:5px;
        border-bottom:1px solid #ccc;
        font-weight:400;
    }

    #notice_seen,#qna_seen td {
        padding:5px;
        border-bottom:1px solid #ccc;
    }

    #notice_seen,#qna_seen tr td:last-of-type(2) {
        text-align:center;
    }
    #notice_seen,#qna_seen tr td:last-of-type {
        text-align:center;
    }
    #notice_seen,#qna_seen tr td:first-of-type a {
        white-space:nowrap;
        width:278px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:inline-block;
    }
     */
	#notice_seen, #qna_seen, #estimate_seen, #free_seen {
		border-collapse: collapse;
		width: 100%;
		margin-top: 20px;
		border-top: 2px solid #333;
	}

	#notice_seen th, #qna_seen th, #estimate_seen th, #free_seen th {
		background: #eee;
		padding: 5px;
		border-bottom: 1px solid #ccc;
		font-weight: 400;
	}

	#notice_seen td, #qna_seen td, #estimate_seen td, #free_seen td {
		padding: 5px;
		border-bottom: 1px solid #ccc;
	}

	.main_board_condition table td {
		text-align: center;
	}

	.main_board_condition table td a {
		display: inline-block;
		text-align: left;
		max-width: 200px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: auto;
	}

	.board_title {
		width: 200px;
	}

	#frame_content p img {
		width:650px
	}
	.main_board_condition table td b {
		vertical-align: top;
	}

	/*dash_photo_write*/
	#photo_form {
		width: 1000px;
		background: #f5f5f5;
		border: 1px solid #ccc;
		padding: 20px;
	}

	.title_row, .attach_row, .thumb_row {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}

	.title_row p {
		display: inline-block;
		width: 150px;
		text-align: center;
		height: 40px;
		vertical-align: top;
	}


	.attach_row p a {
		display: block;
	}

	.title_row input {
		width: 800px;
		padding: 3px;
	}

	#photo_attach_area input {
		width: 120px;
		height: 40px;
		border: none;
		background: #1b67bd;
		color: #fff;
		margin-top: 10px;
	}

	#photo_view {
		margin-top: 20px;
	}

	#photo_view {
		max-width: 500px;

	}

	#repre_box >p {
		text-align:center;
		padding:6px;
		background:#1b67bd;
		color:#fff
	}
	#txt_repre {
		line-height:280px;
	}
	#repre_box div{
		text-align:center;
		position:relative;
		width:100%;
		height:280px;
	}
	#repre_box div img {
		max-height:260px;
		max-width:300px;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	#repre_box {
		border:1px solid #ccc;
		width:420px;
		height:320px;
		margin:0 auto;
		background:#f5f5f5;
	}

	#photo_btn {
		width: 100%;
		text-align: right;
		margin-top: 20px;
	}

	#photo_btn input {
		width: 120px;
		height: 40px;
		font-size: 16px;
		background: #f5f5f5;
		border: none;
		border: 1px solid #ccc;
		cursor: pointer;
	}

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

	.attach_row > p {
		display: inline-block;
		text-align: center;
		width: 150px;
		vertical-align: top;
	}


	#photo_attach_area {
		width: 800px;
	}

	#photo_attach_area a {
		display: inline-block;
		text-align: center;
	}

	.thumbnail_row p {
		width: 150px;
		display: inline-block;
		margin-left: 150px;
		margin-top: 30px;
	}

	.thumbnail_row {
		padding-top: 10px;

	}

	#thumbnail_img {
		display: block;
		margin-left: 150px;
		margin-top: 10px
	}

	.thumbnail_row span {
		display: block;
		padding-top: 10px;
		font-size: 15px;
		color: #555;
		margin-left: 150px
	}

	.thumb_row > p {
		width: 150px;
		display: inline-block;
		vertical-align: top;
		text-align: center
	}

	#thumb_attach_area {
		width: 800px;
	}

	#thumb_attach_area span {
		font-size: 14px;
		color: #666;
		padding-top: 12px;
		padding-bottom: 12px;
		display: block;
	}

	#thumb_attach_title a {
		display: block;
		padding-bottom: 10px;
	}

	#thumb_view {
		max-width: 500px;
	}

	#thumb_attach_area input {
		width: 120px;
		height: 40px;
		background: #1b67bd;
		color: #fff;
		display: block;
		border: none;
	}

	/*login*/
	.login_box {
		width: 370px;
		padding: 30px;
		border: 1px solid #ccc;
		margin: 150px auto;
		background: #f7f7f7;
	}

	.login_box h1 {
		font-size: 20px;
		background: #313240;
		color: #fff;
		text-align: center;
		padding: 5px;
		font-weight: 400;
		border-radius: 7px 7px 0px 0px;
		margin-bottom: 5px
	}

	.login_box p {
		padding-bottom: 5px;
		margin-top: 10px;
		width: 100px;
		background: #eee;
		text-align: center;
		font-size: 15px;
		padding: 5px;
		display: inline-block;
	}

	#txt_id, #txt_pw {
		padding: 3px;
		width: 200px;
	}

	.login_box a {
		width: 127px;
		height: 40px;
		margin-top: 20px;
		cursor: pointer;
		display: inline-block;
		background: url(../image/button2.png) no-repeat;
		margin-left: 20px;

	}

	.btn_img {
		width: 127px;
		height: 40px;
		background: url(../image/button1.png) no-repeat;
		border: none;
		cursor: pointer;
		vertical-align: top;
		margin-top: 20px;
		margin-left: 12px;
	}

	/*password change*/
	#pwd_change {
		width: 350px;
		height: 500px;
		border: 1px solid #ccc;
		border-radius: 10px;
		padding: 20px;
		text-align: center;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#pwd_change h2 {
		font-size: 18px;
		color: #fff;
		background: #313240;
		width: 205px;
		height: 40px;
		margin: 0 auto;
		text-align: center;
		line-height: 40px;
		border-radius: 7px 7px 0 0;
	}

	#pwd_change input {
		padding: 3px;
		width: 280px;
	}

	#pwd_change p {
		margin: 10px 0;
	}

	#pwd_change i {
		display: block;
		font-style: normal;
		margin: 10px 0;
	}

	.change_btn, .back_btn {
		display: block;
		width: 205px;
		cursor: pointer;
		margin: 10px auto;
		border: none;
		border: 1px solid #ccc;
		background: #eee;
		height: 35px;
	}

	/*qna writing*/
	#click_button, #delete_button {
		width: 110px;
		height: 35px;
		background: none;
		border: none;
		border: 1px solid #ccc;
		float: right;
		margin: 10px;
	}


	.answer_box {
		width: 1000px;
		margin: 30px;
		float: left;
	}

	#button_fr {
		width: 1000px;
		margin: 20px auto 50px;
	}

	.answer_box h2 {
		border-bottom: 2px solid #333;
		font-weight: 400;
		padding-bottom: 10px;
	}

	.line p {
		font-weight: 700;
		padding-bottom: 10px;
		padding-top: 10px;
		width: 120px;
		display: inline-block;
	}

	.line div {
		display: inline-block;
		width: 810px;
	}

	.h_wrap {
		width:700px;
		margin: 30px;
		float: left;
	}

	.h_wrap h2 {
		border-bottom: 2px solid #333;
		padding-bottom: 10px;
		font-weight: 400;
		color: #333;
	}

	.wrapper {
		width: 1000px;
		margin: 0 auto;
		background: #f5f5f5;
		padding: 30px 20px;
		border: 1px solid #ccc;
	}

	.wrapper form {
		overflow: hidden;
	}

	.wrapper > form > input {
		width: 110px;
		height: 40px;
		float: right;
		margin: 10px 5px;
		background: #fff;
		border: none;
		border: 1px solid #ccc;
		cursor: pointer;
		border-radius: 5px;
	}


	/*view*/
	#view_files {
		height: 42px;
	}


	#view_files_reply {
		height: 42px;
	}


	.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;
		background: #eee;
		color: #333;
		height: 42px;
		text-align: center;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		cursor: pointer;

	}

	#attach_view1 .attach_view_list {
		background: none;
	}

	#notice_view .attach_view_list {
		padding: 6px;
		text-align: center;
		background: #f5f5f5;

	}

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


	#view_files .attach {
		position: relative;
	}

	#attach_view {
		position: absolute;
		right: -1px;
		top: 41px;
		border: 1px solid #ccc
	}

	.attach_view_list {
		padding: 6px;
		text-align: center;
		background: #f5f5f5;
	}

	.attach_view_list a {
		white-space: nowrap;

	}

	#view_box {
		width: 700px;
		float: left;
		margin: 30px;
	}

	#view_box > h2, #reply_answer > h2 {
		font-weight: 400;
		border-bottom: none;
		margin-bottom: 10px;
		text-align: left;
	}

	#question, #answer, #notice_view {
		width: 700px;
		background: #fff;
		border-collapse: collapse;
		border: 1px solid #ccc;
		border-bottom: none;
		border-top: 2px solid #333;
	}

	#question th, #question td, #answer th, #answer td, #notice_view th, #notice_view td {
		padding: 10px 20px;

	}

	#question tr, #answer tr, #notice_view tr {
		border-bottom: 1px solid #ccc;
		display: block;
	}

	#answer tr:nth-of-type(2) td {
		float: right;
		font-size: 14px;
		color: #666;
	}

	#answer tr:nth-of-type(2) {
		overflow: hidden;
	}

	#notice_view tr:nth-of-type(2) {
		overflow: hidden;
	}

	#answer tr:last-of-type {
		min-height: 100px;
	}

	.inform td {
		display: inline-block;
		font-size: 14px;
		color: #666;
	}

	#view_title {
		display: block;
		text-align: left;
		width: 100%;
		background: #f5f5f5;
	}

	#view_title_reply {
		display: block;
		text-align: left;
		width: 100%;
		background: #f5f5f5;
	}

	#view_count, #view_date {
		float: right;
		font-size: 14px;
		color: #666;
	}

	#inform_table #view_count, #inform_table #view_date {
		font-size: 16px;
		color: #000;
	}

	#question tr:nth-of-type(4), #notice_view tr:nth-of-type(4) {
		min-height: 100px;
	}




	#view_button {
		width: 700px;
		margin: 20px auto;
		overflow: hidden;
	}

	#view_button input {
		width: 110px;
		float: right;
		border: none;
		border: 1px solid #ccc;
		background: none;
		height: 40px;
		margin-left: 20px;
		background: #f5f5f5;
		cursor: pointer;
	}

	#view_button a {
		width: 110px;
		float: right;
		border: 1px solid #ccc;
		height: 40px;
		margin-left: 20px;
		display: inline-block;
		line-height: 40px;
		text-align: center;
		background: #f5f5f5;
	}

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

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


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

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

	#inform_table #view_files {
		display: none;
		width: 100%;
	}

	#inform_table .attach_view_list {
		text-align: left;
	}

	#form_btn {
		text-align: right;
		margin-top: 20px;
		height: 60px;
	}

	#form_btn a {
		width: 110px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border: 1px solid #ccc;
		float: right;
		margin-left: 20px

	}

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

	#estimate_view_title {
		font-weight: 400;
		margin-bottom: 10px;
	}

	.answer_row {
		border-bottom: 1px solid #ccc;
		overflow: hidden;
	}

	.answer_row * {
		padding: 10px;
	}

	.answer_row p {
		width: 120px;
		float: left;
		text-align: center;
	}

	.answer_row > div {
		width: 880px;
		float: left;
	}

	.answer_row #view_title_reply {
		width: 880px;
		background: transparent;
	}

	.answer_con {
		width: 100%;
	}

	/*photo-view*/
	span#view_date {
		margin-right: 10px;
		display: block;
	}

	span#view_count {
		display: block;
	}

	.p_wrap {
		width: 700px;
		display: inline-block;
		margin: 30px;
	}

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

	}

	.photo_view {
		border-top: 2px solid #333;
		width: 100%;
		border-collapse: collapse;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

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

	.p_wrap > h3 {
		margin: 10px;
	}

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

	.p_wrap > a:hover {
		background: #1b67bd;
		color: #fff;
		border: none;
	}
		#hr_line {
		border:none;
		border-top:2px solid #555;
		margin-bottom:10px;
		margin-right:15px;
			margin-top:10px;
	}

	#lbl_date, #lbl_view {
		float: right;
		margin-left: 10px;
	}

	#view_photo {
		text-align: center;
	}

	#view_photo {
		max-width: 600px;
		max-height: 400px;
	}

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

	#comment_box h3 img {
		margin-left: 6px;
	}

	.comment_cont {
		margin-top: 5px;
	}

	.comment_cont textarea {
		width: 100%;
		height: 100px;
		padding: 3px
	}

	#comment {
		height: 160px;
	}

	#comment > input {
		width: 110px;
		height: 40px;
		background: #1b67bd;
		color: #fff;
		border: none;
		float: right;
		margin-top: 10px
	}

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

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

	#comment_table {
		width: 100%;
		margin-bottom: 20px;
	}

	#comment_table th {
		font-weight: 400;
		border: 1px solid #ccc;
		padding: 7px;
		background: #eee;
	}

	#comment_table {
		border: 1px solid #ccc;
		border-collapse: collapse;
	}

	#comment_table td {
		padding: 7px;
		border: 1px solid #ccc;
		text-align: center;
		font-size: 15px;
	}

	.content_space {
		text-align: left !important;
	}

	.comment_btn button {
		border: none;
		background: transparent;
		display: inline-block;
		text-align: center;
		margin: 3px;
	}

	#comment_box h3 {
		margin-bottom: 10px;
	}

	#comment_table .date {
		width: 180px;
		text-align: center;
		font-size: 14px;
	}

	.comment_all {
		width: 35px;
	}

	/*코멘트 수정*/
	/*코멘트 수정창*/
	#comment_modal {
		background: #fff;
		width: 300px;
		height: 330px;
		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 input {
		width: 115px;
		height: 35px;
		background: #1b67bd;
		color: #fff;
		border: none;
		margin-bottom: 6px;
		float: left;
		margin: 10px;
	}

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

	#delete_comment {
		border: 1px solid #ccc;
		background: #eee;
		display: inline-block;
		width: 110px;
		height: 35px;
		line-height: 35px;
	}

	#checkbox {
		width: 110px;
		height: 35px;
		background: #eee;
		border: 1px solid #ccc;
		line-height: 35px;
		text-align: center;
		display: inline-block;
		margin-right: 10px;
	}

	#checkbox span {
		margin-left: 6px;
		font-size: 13px;
		vertical-align: top;
	}
}


@media (max-width:799px) {


	.inform {
		height: 42px;
	}


	.board_file_view {
		margin-top: 4px;
	}

	.board_file_view button {
		width: 80px;
		height: 30px;
		border: none;
		background: #555;
		color: #fff;

	}

	#board_file > div > button {
		width: 80px;
		height: 30px;
		border: none;
		background: #555;
		color: #fff;
		margin-top: 4px;
		margin-right: 4px;
	}

	#board_file > div > input {
		border: 1px solid #ccc;
		padding: 2px;
	}

	.file_link {
		display: inline-block;
		margin-right: 4px;
	}

	.btn_board_file_delete {
		margin-left: 3px;
	}


	/*dash_top*/
	.header {
		height:100px;
		background: #313240;
	}

	.logo {
		width: 100%;
		height: 50px;
		text-align: center;
		vertical-align: top

	}

	.logo a {
		width: 100%;
		font-size: 16px;
		display: block;
		color: #fff;
		line-height: 50px;
		text-align:center;
	}

	.menu {
		display:none;
	}

	#logout {
		display: inline-block;
		width: 33.333%;
		float:left;
		color: #fff;
		text-align: center;
		margin-top: 16px;
		font-size: 14px;
	}

	.pwd_page {
		display: inline-block;
		width:33.333%;
		float:left;
		color: #eee;
		text-align: center;
		margin-top: 16px;
		font-size: 14px;
	}

	.history {
		color: #fff;
		float:left;
		width: 33.333%;
		display: inline-block;
		text-align: center;
		margin-top: 16px;
		font-size: 14px;
	}

	.side_menu {
		width: 100%;
		display: inline-block;
		border: 1px solid #ddd;
		background:#fff;
	}

	.menu_down {
		height: 40px;
		background: #fff;
		border-bottom: 1px solid #ddd;

	}

	.menu_down > a:hover {
		background: #1b67bd;
		color: #fff;
		border: none;
		transition: 0.3s;
	}


	.menu_down a {
		display: block;
		height: 100%;
		line-height: 40px;
		padding-left: 10px;
		font-size: 14px;
		color: #555;
	}

	.drop > li p {
		background: #f5f5f5;
		height: 40px;
		line-height: 40px;
		padding-left:10px;
		cursor: pointer;
		font-size: 15px;
		color: #555;
	}

	.drop > li p img {
		width: 10px;
	}

	.drop > li p span {
		width: 40px;
		height: 100%;
		line-height: 40px;
		float: right;
		display: block;
		text-align: center;
	}

	#board_file_name {
		padding: 4px 8px;
	}

	#board_file_name a {
		color: #333;
		font-size: 16px;
	}

	#manage {
		overflow: hidden;
		width: 100%
	}

	#manage a {
		display:block;
		height: 40px;
		background: #2a3b4c;
		color: #fff;
		margin-bottom:1px;
		line-height: 40px;
		text-align: center;
		font-size:14px;
		float:left;
		width:50%;
	}

	/*견적*/
	#dash_quote_check {
		width: 30px;
	}

	#dash_quote_num {
		width: 50px;
	}

	#dash_quote_writer {
		width: 60px;
	}

	#dash_quote_date {
		width: 90px;
	}

	#dash_quote_reply, #dash_quote_confirm {
		width: 70px;
	}

	/*photo*/
	#board td p {
		text-align: center;
		font-size: 15px;
	}

	#dash_photo_check {
		width: 30px;
	}

	#dash_photo_num {
		width: 70px;
	}

	#dash_photo_writer {
		width: 60px;
	}

	#dash_photo_date {
		width: 90px;
	}

	#dash_photo_view {
		width: 100px;
	}

	/*QnA 게시판*/
	#area_box,#box {
		width: 400px;
		margin:30px auto;
	}

	.board_control {
		font-weight: 400;
		padding-bottom: 10px;
		text-align:center;
	}

	#board {
		width: 400px;
		border: 1px solid #ccc;
		border-collapse: collapse;
		border-top:2px solid #333;
	}
	#board * {
		font-size:14px;
	}

	.board_user {
		width: 60px;
	}

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

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

	#board td a {
		display: inline-block;
		max-width: 110px;
		width: auto;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	#board td b {
		display:none;
	}


	#board tr td a p {
		padding: 5px;
	}


	#dash_qna_check {
		width: 30px;
	}

	#dash_qna_num {
		width: 50px;
	}

	#dash_qna_writer {
		width: 60px;
	}

	#dash_qna_date {
		width: 100px;
	}

	#dash_qna_reply {
		width: 60px;
	}

	#board td {
		text-align:center;
		padding: 5px;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.center {
		text-align: left !important;
	}

	#pagination {
		width: 400px;
		text-align: center;
		overflow: hidden;

	}

	#pagination > a, #page_num {
		display: inline-block;
	}

	#page_num li {
		float: left;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		border-left: 1px solid #ccc;
	}

	#pagination > a {
		border: 1px solid #ccc;
		width: 50px;
		height: 37px;
		text-align: center;
		line-height: 35px;
		margin: 0px 10px;
		vertical-align: top;
	}

	#page_num {
		overflow: hidden;
		border: 1px solid #ccc;
		border-left: none;
	}

	#page_num li a {
		display: block;
		width: 100%;
		height: 100%;
	}

	/*dash_notice*/
	#dash_qna_view {
		width: 60px;
	}

	/*button*/
	#button {
		width: 400px;
		text-align:center;
		margin:10px auto 30px;
	}
	#button_photo {
		width:400px;
		margin:0 auto;
		text-align:center;
	}

	#button a, #button_photo a {
		width: 110px;
		height: 40px;
		border: 1px solid #ccc;
		display: inline-block;
		text-align: center;
		line-height: 40px;
		margin-left: 10px;
		background: #f5f5f5;
		cursor: pointer
	}

	#button a:hover,#button_photo a:hover {
		background: #1b67bd;
		color: #fff;
		border: none;
	}

	/*animation*/
	#page_num li a:hover {
		background: #1b67bd;
		color: #fff;
		transition: 0.3s;
	}


	/*dashboard MAIN*/
	.wrap {
		width: 100%;
		margin-top:20px;
	}

	#hello,#alarm {
		text-align:center;
	}




	#alarm img {
		width: 18px;
		margin: 10px;
	}

	#alarm p {
		display: inline-block;
		font-size: 18px;
		vertical-align: top;
		margin-top: 5px;
	}

	.main_board_condition {
		width: 100%;
		display: block;
		height: 300px;
		vertical-align: top;
		margin:0 auto;
		text-align:center;
	}
	.main_board_condition h2 {
		font-size:20px;
		text-align:center;
		display:block;
		margin-bottom:10px;
	}
	#qna_condition h2 {
		font-size: 16px;
		color: #333;
		text-align: left;
		padding: 3px;
		margin-left: 10px;

	}

	#notice_condition {
		border: 1px solid #ccc;
		width: 500px;
		height: 320px;
		padding: 20px;
		vertical-align: top;
		display: inline-block;
		margin-left: 30px;

	}

	#notice_condition h2 {
		font-size: 16px;
		color: #333;
		padding: 3px;
		margin-left: 10px;
	}

	/*


    #notice_seen,#qna_seen {
        border-collapse: collapse;
        width:100%;
        margin-top:40px;
        border-top:2px solid #333;
    }
    #notice_seen,#qna_seen th {
        background:#eee;
        padding:5px;
        border-bottom:1px solid #ccc;
        font-weight:400;
    }

    #notice_seen,#qna_seen td {
        padding:5px;
        border-bottom:1px solid #ccc;
    }

    #notice_seen,#qna_seen tr td:last-of-type(2) {
        text-align:center;
    }
    #notice_seen,#qna_seen tr td:last-of-type {
        text-align:center;
    }
    #notice_seen,#qna_seen tr td:first-of-type a {
        white-space:nowrap;
        width:278px;
        overflow:hidden;
        text-overflow:ellipsis;
        display:inline-block;
    }
     */
	#notice_seen, #qna_seen, #estimate_seen, #free_seen {
		border-collapse: collapse;
		width: 100%;
		margin-top: 20px;
		border-top: 2px solid #333;
		font-size:14px;
	}

	#notice_seen th, #qna_seen th, #estimate_seen th, #free_seen th {
		background: #eee;
		padding: 5px;
		border-bottom: 1px solid #ccc;
		font-weight: 400;
	}

	#notice_seen td, #qna_seen td, #estimate_seen td, #free_seen td {
		padding: 5px;
		border-bottom: 1px solid #ccc;
	}

	.main_board_condition table td {
		text-align: center;
	}

	.main_board_condition table td a {
		display: inline-block;
		text-align: left;
		max-width: 200px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: auto;
	}



	.main_board_condition table td b {
		vertical-align: top;
	}

	/*dash_photo_write*/
	#photo_form {
		width: 1000px;
		background: #f5f5f5;
		border: 1px solid #ccc;
		padding: 20px;
	}

	.title_row, .attach_row, .thumb_row {
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}

	.title_row p {
		display: inline-block;
		width: 150px;
		text-align: center;
		height: 40px;
		vertical-align: top;
	}


	.attach_row p a {
		display: block;
	}

	.title_row input {
		width: 800px;
		padding: 3px;
	}

	#photo_attach_area input {
		width: 120px;
		height: 40px;
		border: none;
		background: #1b67bd;
		color: #fff;
		margin-top: 10px;
	}

	#photo_view {
		margin-top: 20px;
	}

	#photo_view {
		max-width: 500px;


	}

	#photo_btn {
		width: 100%;
		text-align: right;
		margin-top: 20px;
	}

	#photo_btn input {
		width: 120px;
		height: 40px;
		font-size: 16px;
		background: #f5f5f5;
		border: none;
		border: 1px solid #ccc;
		cursor: pointer;
	}

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

	.attach_row > p {
		display: inline-block;
		text-align: center;
		width: 150px;
		vertical-align: top;
	}


	#photo_attach_area {
		width: 800px;
	}

	#photo_attach_area a {
		display: inline-block;
		text-align: center;
	}

	.thumbnail_row p {
		width: 150px;
		display: inline-block;
		margin-left: 150px;
		margin-top: 30px;
	}

	.thumbnail_row {
		padding-top: 10px;

	}

	#thumbnail_img {
		display: block;
		margin-left: 150px;
		margin-top: 10px
	}

	.thumbnail_row span {
		display: block;
		padding-top: 10px;
		font-size: 15px;
		color: #555;
		margin-left: 150px
	}

	.thumb_row > p {
		width: 150px;
		display: inline-block;
		vertical-align: top;
		text-align: center
	}

	#thumb_attach_area {
		width: 800px;
	}

	#thumb_attach_area span {
		font-size: 14px;
		color: #666;
		padding-top: 12px;
		padding-bottom: 12px;
		display: block;
	}

	#thumb_attach_title a {
		display: block;
		padding-bottom: 10px;
	}

	#thumb_view {
		max-width: 500px;
	}

	#thumb_attach_area input {
		width: 120px;
		height: 40px;
		background: #1b67bd;
		color: #fff;
		display: block;
		border: none;
	}

	/*login*/
	.login_box {
		width: 370px;
		padding: 30px;
		border: 1px solid #ccc;
		margin: 150px auto;
		background: #f7f7f7;
	}

	.login_box h1 {
		font-size: 20px;
		background: #313240;
		color: #fff;
		text-align: center;
		padding: 5px;
		font-weight: 400;
		border-radius: 7px 7px 0px 0px;
		margin-bottom: 5px
	}

	.login_box p {
		padding-bottom: 5px;
		margin-top: 10px;
		width: 100px;
		background: #eee;
		text-align: center;
		font-size: 15px;
		padding: 5px;
		display: inline-block;
	}

	#txt_id, #txt_pw {
		padding: 3px;
		width: 200px;
	}
	.board_title a img {
		vertical-align: top;
		margin-top:7px;
	}
	.login_box a {
		width: 127px;
		height: 40px;
		margin-top: 20px;
		cursor: pointer;
		display: inline-block;
		background: url(../image/button2.png) no-repeat;
		margin-left: 20px;

	}

	.btn_img {
		width: 127px;
		height: 40px;
		background: url(../image/button1.png) no-repeat;
		border: none;
		cursor: pointer;
		vertical-align: top;
		margin-top: 20px;
		margin-left: 12px;
	}

	/*password change*/
	#pwd_change {
		width: 350px;
		height: 500px;
		border: 1px solid #ccc;
		border-radius: 10px;
		padding: 20px;
		text-align: center;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#pwd_change h2 {
		font-size: 18px;
		color: #fff;
		background: #313240;
		width: 205px;
		height: 40px;
		margin: 0 auto;
		text-align: center;
		line-height: 40px;
		border-radius: 7px 7px 0 0;
	}

	#pwd_change input {
		padding: 3px;
		width: 280px;
	}

	#pwd_change p {
		margin: 10px 0;
	}

	#pwd_change i {
		display: block;
		font-style: normal;
		margin: 10px 0;
	}

	.change_btn, .back_btn {
		display: block;
		width: 205px;
		cursor: pointer;
		margin: 10px auto;
		border: none;
		border: 1px solid #ccc;
		background: #eee;
		height: 35px;
	}

	/*qna writing*/
	#click_button, #delete_button {
		width: 110px;
		height: 35px;
		background: none;
		border: none;
		border: 1px solid #ccc;
		float: right;
		margin: 10px;
	}


	.answer_box {
		width: 1000px;
		margin: 30px;
		float: left;
	}

	#button_fr {
		width: 1000px;
		margin: 20px auto 50px;
	}

	.answer_box h2 {
		border-bottom: 2px solid #333;
		font-weight: 400;
		padding-bottom: 10px;
	}

	.line p {
		font-weight: 700;
		padding-bottom: 10px;
		padding-top: 10px;
		width: 120px;
		display: inline-block;
	}

	.line div {
		display: inline-block;
		width: 810px;
	}

	.h_wrap {
		width:100%;
	}

	.h_wrap h2 {
		border-bottom: 2px solid #333;
		padding-bottom: 10px;
		margin-top:20px;
		font-weight: 400;
		color: #333;
		text-align:center;
	}

	.wrapper {
		width: 1000px;
		margin: 0 auto;
		background: #f5f5f5;
		padding: 30px 20px;
		border: 1px solid #ccc;
	}

	.wrapper form {
		overflow: hidden;
	}

	.wrapper > form > input {
		width: 110px;
		height: 40px;
		float: right;
		margin: 10px 5px;
		background: #fff;
		border: none;
		border: 1px solid #ccc;
		cursor: pointer;
		border-radius: 5px;
	}


	/*view*/
	#view_files {
		height: 42px;
	}


	#view_files_reply {
		height: 42px;
	}


	.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;
		background: #eee;
		color: #333;
		height: 42px;
		text-align: center;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		cursor: pointer;

	}

	#attach_view1 .attach_view_list {
		background: none;
	}

	#notice_view .attach_view_list {
		padding: 6px;
		text-align: center;
		background: #f5f5f5;

	}

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


	#view_files .attach {
		position: relative;
	}

	#attach_view {
		position: absolute;
		right: -1px;
		top: 41px;
		border: 1px solid #ccc
	}

	.attach_view_list {
		padding: 6px;
		text-align: center;
		background: #f5f5f5;
	}

	.attach_view_list a {
		white-space: nowrap;

	}

	#view_box {
		width: 400px;
		margin:20px auto;
	}

	#view_box > h2, #reply_answer > h2 {
		font-weight: 400;
		border-bottom: none;
		margin-bottom: 10px;
		text-align: left;
	}

	#question, #answer, #notice_view {
		width: 400px;
		background: #fff;
		border-collapse: collapse;
		border: 1px solid #ccc;
		border-bottom: none;
		border-top: 2px solid #333;
	}

	#question th, #question td, #answer th, #answer td, #notice_view th, #notice_view td {
		padding: 10px 20px;

	}

	#question tr, #answer tr, #notice_view tr {
		border-bottom: 1px solid #ccc;
		display: block;
	}

	#answer tr:nth-of-type(2) td {
		float: right;
		font-size: 14px;
		color: #666;
	}

	#answer tr:nth-of-type(2) {
		overflow: hidden;
	}

	#notice_view tr:nth-of-type(2) {
		overflow: hidden;
	}

		#view_notice_check {
		width:110px;
		display:inline-block;
		float:left;
	}
	#notice_check label span {
		margin-left:10px;
	}

	#answer tr:last-of-type {
		min-height: 100px;
	}

	.inform td {
		display: inline-block;
		font-size: 14px;
		color: #666;
	}

	#view_title {
		display: block;
		text-align: left;
		width: 100%;
		background: #f5f5f5;
	}

	#view_title_reply {
		display: block;
		text-align: left;
		width: 100%;
		background: #f5f5f5;
	}

	#view_count, #view_date {
		float: right;
		font-size: 14px;
		color: #666;
	}

	#inform_table #view_count, #inform_table #view_date {
		font-size: 16px;
		color: #000;
	}

	#question tr:nth-of-type(4), #notice_view tr:nth-of-type(4) {
		min-height: 100px;
	}



	#view_button {
		width: 400px;
		margin: 20px auto;
		overflow: hidden;
	}

	#view_button input {
		width: 100%;
		border: none;
		border: 1px solid #ccc;
		background: none;
		height: 40px;
		background: #f5f5f5;
		cursor: pointer;
		margin-bottom:10px;
	}

	#view_button a {
		width: 100%;
		border: 1px solid #ccc;
		height: 40px;
		display: inline-block;
		line-height: 40px;
		text-align: center;
		background: #f5f5f5;
		margin-bottom:10px;
	}

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

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


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

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

	#inform_table #view_files {
		display: none;
		width: 100%;
	}

	#inform_table .attach_view_list {
		text-align: left;
	}

	#form_btn {
		text-align: right;
		margin-top: 20px;
		height: 60px;
	}

	#form_btn a {
		width: 110px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border: 1px solid #ccc;
		float: right;
		margin-left: 20px

	}

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

	#estimate_view_title {
		font-weight: 400;
		margin-bottom: 10px;
	}

	.answer_row {
		border-bottom: 1px solid #ccc;
		overflow: hidden;
	}

	.answer_row * {
		padding: 10px;
	}

	.answer_row p {
		width: 120px;
		float: left;
		text-align: center;
	}

	.answer_row > div {
		width: 880px;
		float: left;
	}

	.answer_row #view_title_reply {
		width: 880px;
		background: transparent;
	}

	.answer_con {
		width: 100%;
	}

	/*photo-view*/
	span#view_date {
		margin-right: 10px;
		display: block;
	}

	span#view_count {
		display: block;
	}

	.p_wrap {
		width: 400px;

		margin:20px auto;
	}

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

	}

	.photo_view {
		border-top: 2px solid #333;
		width: 100%;
		border-collapse: collapse;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

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

	.p_wrap > h3 {
		margin: 10px;
		text-align:center;
	}

	.p_wrap > a {
		height: 35px;
		border: 1px solid #ccc;
		text-align: center;
		line-height: 35px;
		background: #f5f5f5;
		display:block;
		margin:20px 0px;
	}

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

	#lbl_date, #lbl_view {
		float: right;
		margin-left: 10px;
	}

	#view_photo {
		text-align: center;
	}

	#view_photo {
		max-width: 600px;
		max-height: 400px;
	}

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

	#comment_box h3 img {
		margin-left: 6px;
	}

	.comment_cont {
		margin-top: 5px;
	}

	.comment_cont textarea {
		width: 100%;
		height: 100px;
		padding: 3px
	}

	#comment {
		height: 160px;
	}

	#comment > input {
		width: 110px;
		height: 40px;
		background: #1b67bd;
		color: #fff;
		border: none;
		float: right;
		margin-top: 10px
	}

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

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

	#comment_table {
		width: 100%;
		margin-bottom: 20px;
	}

	#comment_table th {
		font-weight: 400;
		border: 1px solid #ccc;
		padding: 7px;
		background: #eee;
	}

	#comment_table {
		border: 1px solid #ccc;
		border-collapse: collapse;
	}

	#comment_table td {
		padding: 7px;
		border: 1px solid #ccc;
		text-align: center;
		font-size: 15px;
	}

	.content_space {
		text-align: left !important;
	}

	.comment_btn button {
		border: none;
		background: transparent;
		display: inline-block;
		text-align: center;
		margin: 3px;
	}

	#comment_box h3 {
		margin-bottom: 10px;
	}

	#comment_table .date {
		width: 180px;
		text-align: center;
		font-size: 14px;
	}

	.comment_all {
		width: 35px;
	}

	/*코멘트 수정*/
	/*코멘트 수정창*/
	#comment_modal {
		background: #fff;
		width: 300px;
		height: 330px;
		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 input {
		width: 115px;
		height: 35px;
		background: #1b67bd;
		color: #fff;
		border: none;
		margin-bottom: 6px;
		float: left;
		margin: 10px;
	}

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

	#delete_comment {
		border: 1px solid #ccc;
		background: #eee;
		display: inline-block;
		width: 110px;
		height: 35px;
		line-height: 35px;
	}

	#checkbox {
		width: 110px;
		height: 35px;
		background: #eee;
		border: 1px solid #ccc;
		line-height: 35px;
		text-align: center;
		display: inline-block;
		margin-right: 10px;
	}

	#checkbox span {
		margin-left: 6px;
		font-size: 13px;
		vertical-align: top;
	}
#repre_box >p {
		text-align:center;
		padding:6px;
		background:#1b67bd;
		color:#fff
	}
	#txt_repre {
		line-height:280px;
	}
	#repre_box div{
		text-align:center;
		position:relative;
		width:100%;
		height:280px;
	}
	#repre_box div img {
		max-height:260px;
		max-width:300px;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	#repre_box {
		border:1px solid #ccc;

		height:320px;
		margin:0 auto;
		background:#f5f5f5;
	}
	#frame_content p img {
		max-width:350px;
	}

		#hr_line {
		border:none;
		border-top:2px solid #555;
		margin-bottom:10px;
			margin-top:10px;
	}
}