/* PC viewport - Mobile content display none */
#header .logo, #header .logo button, .shgroup > a {display:none}
/* PC display:block */
#header #lnb_p .logo, .buttons_p, .lnb_p, .gnb_p, .adm_p, .header_form, .shgroup > .shgroup_pc {display:block}
/* PC 화면 넓이값을 가진 센터유지 */
.row > .white-space {max-width:1000px !important}
#footer .fnb, #footer .finfo, .shgroup, .contents_wrap.mypage, .sub_location > div {margin:0 auto;max-width:1000px}






/* input */
input[type='text'],input[type='password'] {height:50px; font-size:15px; line-height:48px; padding:0 0 0 20px;}
input[type=number] {height:50px; font-size:15px; line-height:48px; padding:0 0 0 20px;}

textarea {font-size:15px; line-height:1.5; padding:20px; min-height:180px; }
select {height:50px; line-height:48px; padding:0 30px 0 20px; font-size:15px;}






/* mypage 서브 네비게이션 넓이값 */
#container {margin-top:130px;}
#container .contents_wrap {min-height:500px}
#container .contents {padding:50px 15px 60px;}
#content_wrap .title_wrap h2 {padding:10px 0; font-size:20px; font-weight:normal; text-align:left;}

#content_wrap .title_text p {font-size:15px; font-weight:400;}
#content_wrap .title_text p:before {font-size:16px;}



#header {position:fixed; top:0; right:0; left:0; border-bottom:1px solid rgba(0, 0, 0, .1); background:#fff; box-shadow:none; transition:background .3s ease; -webkit-transition:background .3s ease;}
#header:hover {*background:rgba(0,0,0,.4)}
/*#header .logo {position:absolute; top:40px; left:15px}*/
#header .logo h1 {width:auto; padding:0 18px; font-size:0;}
#header .logo h1 span {width:auto;}
#header .logo h1 a {height:90px;}
#header .logo h1 img {width:auto; max-height:55px; padding:0;}
#header .logo button {position:absolute; top:0; bottom:0; width:50px; height:50px; margin:auto; border:none; background:none; font-size:0;}

.buttons_p {display:none; position:absolute;top:0;right:15px;height:80px;padding:15px;font-size:0;box-sizing:border-box}
.buttons_p:before {content:'';position:absolute;top:0;bottom:0;left:0;width:1px;height:28px;margin:auto;background:#eeeeee;opacity:.4}
.buttons_p button {position:relative;width:50px;height:50px;margin:auto;border:none;background:none;font-size:0}
.buttons_p button:before {position:absolute;top:0;right:0;bottom:0;left:0;width:28px;height:28px;margin:auto;font-family:'icomoon';color:#eeeeee}
.buttons_p button:hover:before {color:#dc3d3d}
.buttons_p #toggle_gnb:before {content:'\e905';font-size:24px}
.buttons_p #toggle_search:before {content:'\e901';font-size:28px}

.lnb_p1 {display:block; width:100%; max-width:1000px; margin:0 auto; padding-left:300px; min-height:80px; box-sizing:border-box;}
.lnb_p .logo {float:left; width:200px}

#footer {padding:40px 0}
#footer .fnb li a {font-size:14px}
#footer .finfo p {font-size:14px}
#footer .finfo .copyright {font-size:14px}
#footer .finfo button {font-size:14px}

@media all and (max-width:1320px) {
	#header .lnb_p .dep1 {width:470px;}
	#header .lnb_p .dep1 > li {padding:0 33px;}
	#header .lnb_p .dep1 > li > a {font-size:17px;}
	#header .lnb_p .dep1_btn> li {padding:0 25px;}
	#header .lnb_p .dep1_btn > li > a  {font-size:17px;}
	.lnb_p .logo {width:180px}
}


@media all and (max-width:1200px) {
	#header .lnb_p .dep1 {width:420px;}
	#header .lnb_p .dep1 > li {padding:0 30px;}
	#header .lnb_p .dep1 > li > a {font-size:16px;}
	#header .lnb_p .dep1_btn> li {padding:0 20px;}
	#header .lnb_p .dep1_btn > li > a  {font-size:16px;}
	.lnb_p .logo {width:180px}
}

@media all and (max-width:1100px) {
	#header .lnb_p .dep1 {width:380px;}
	#header .lnb_p .dep1 > li {padding:0 25px;}
	#header .lnb_p .dep1_btn> li {padding:0 18px;}
	.lnb_p .logo {width:170px}
}




/* 버튼 */
.ui_btn {font-size:15px;}
a.new_btn {font-size:15px; font-weight:500;} 


.board_item_link ul li a {padding:18px 0;  font-size:16px;}

.list_wrap table {font-size:15px; line-height:1.4em;}

/* list board */

.list_board > table thead th {padding:18px 5px 17px; font-size:15px;}
.list_board tbody td, .list_board tbody .no.inline {padding:18px 5px; font-size:15px;}
.list_board tbody .subject a {font-size:15px;}


.order_list > table thead {display:table-header-group;}
.order_list > table thead th {background:#f0f3f8; border-bottom:1px solid #aaa; text-align:center; padding:18px 5px 17px; font-size:15px; color:#222; font-weight:500;}
.order_list tbody tr {display:table-row; border-bottom:none; padding:0; cursor:auto;}
.order_list tbody tr:after {display:none;}
.order_list tbody .category {padding:0; display:inline;}
.order_list tbody span.tit {display:none}
.order_list tbody td, .order_list tbody .no.inline {text-align:center; padding:12px 5px; font-size:15px; border-bottom:1px solid #e1e1e1;}
.order_list tbody .inline {float:none; position:static;}
.order_list tbody .inline:after {display:none;}
.order_list tbody .inline i {display:none;}

.order_list tbody td {vertical-align:middle;}

.order_list .num, 
.order_list .name, 
.order_list .item, 
.order_list .line, 
.order_list .date, 
.order_list .qrcode {width:auto; display:table-cell; float:none;}
.order_list tbody td.qrcode {text-align:left;}

.order_list .no {width:8%;}
.order_list .sound_only {*width:;}
.order_list .num {width:10%;}
.order_list .name {width:10%;}
.order_list .item {width:13%;}
.order_list .line {width:13%;}
.order_list .date {width:13%;}
.order_list .qrcode {width:auto;}
.order_list .qrcode_url {*width:;}
.order_list .qrcode_img {width:8%;}

.order_list tbody span.qrcode_tit {display:block}
.order_list .qrcode_img {position:relative; right:auto; top:auto; margin:0;}
.order_list .qrcode_img img {max-width:80px;}


.list_board ul.head li {font-size:15px; padding:18px 5px 17px;}

.list_board ul li {font-size:15px;}
.list_board ul li .text {line-height:48px; height:50px;}






/* write form */
.writeForm > dl > dt {width:170px; padding-left:15px; font-size:15px;}
.writeForm > dl > dt label {font-weight:500;}
.writeForm > dl > dd {padding-right:15px; font-size:15px;}
.writeForm > dl > dd select {font-size:15px;}
.writeForm > dl > dd > .text {padding-right:15px; font-size:15px; line-height:50px;}

.writeForm > dl.att_file1 {border-bottom:none; padding-bottom:0;}
.writeForm > dl.att_file2 {padding:0 15px 10px; }

.writeForm .att_file2_btn {width:200px; padding-left:155px;}
.writeForm .att_file2_btn button {width:200px; height:40px; font-size:15px; }
.writeForm .options {font-size:15px;}

.writeForm .address {}
.writeForm .address .zipcode {margin:0 0 3px;}
.writeForm .address .zipcode input[type=text] {width:150px;}
.writeForm .address .zipcode button {width:100px; height:50px; font-size:14px; background:#555; border:1px solid rgba(0, 0, 0, 0.2); color:#fff; text-align:center; }
.writeForm .address .addr input[type=text] {margin:0 0 3px;}
.writeForm .address .addr input.addr_1 {width:30%; float:left; box-sizing:border-box;}
.writeForm .address .addr input.addr_2 {width:30%; float:left;}
.writeForm .address .addr input.addr_3 {width:30%; float:left;}
.writeForm .address .tel {max-width:480px;}

.writeForm .img_wrap .type-checkbox label {font-size:15px !important;}

#reg_rows .bp2_rows {padding:20px 15px; margin:0 0 30px;}

.product_data table tbody td.work_name {width:30%;}
.product_data table tbody td.worker {width:10%;}
.product_data table tbody td.work_date {width:15%;}
.product_data table tbody td.etc {}
.product_data table tbody td.work_name span.row_ck {width:10%;}
.product_data table tbody td.work_name input[type='text'] {box-sizing:border-box; max-width:90%; display:inline-block;}



/* list board */
.progress_report table {margin:0;}
.progress_report table thead {display:table-header-group;}
.progress_report table thead th {background:#f0f3f8; *border-bottom:1px solid rgba(0, 0, 0, 0.2); text-align:center; padding:13px 5px 12px; font-size:14px; color:#222; font-weight:500;}
.progress_report table tbody tr {display:table-row; border-bottom:none; padding:0; cursor:auto;}
.progress_report table tbody tr:after {display:none;}
.progress_report table tbody tr:first-child {padding-top:0;}
.progress_report table tbody td {display:table-cell;}
.progress_report table tbody span.tit {display:none}
.progress_report table tbody td {text-align:center; padding:8px 3px !important; font-size:14px; border-bottom:1px solid #e1e1e1;}
.progress_report table tbody tr td:first-child {padding-left:0 !important;}
.progress_report table tbody tr td:last-child {padding-right:0 !important;}
.progress_report table tbody tr:last-child td, .product_data table tbody tr:nth-last-child(2) td {border-bottom:none;}

.progress_report table tbody .inline {float:none; position:static; padding:0;}
.progress_report table tbody .inline:after {display:none;}

.progress_report table thead th.work_name, .progress_report table tbody td.work_name {width:25%;}
.progress_report table thead th.worker, .progress_report table tbody td.worker {width:14%;}
.progress_report table thead th.work_date, .progress_report table tbody td.work_date {width:14%;}
.progress_report table thead th.etc, .progress_report table tbody td.etc {}

.progress_report table tbody td.work_name span.row_ck {margin-top:-11px; left:5px;}
.progress_report table tbody td.work_name input[type='text'] {padding-left:40px; }

.progress_report table tbody td select {padding: 0 30px 0 10px;}
.progress_report table tbody td input[type='text'] {padding: 0 0 0 10px;}

.progress_report table tbody td.fr {float:none;}
.progress_report table tbody td.work_date {float:none;}

.progress_report table th {width:15%; font-size:15px; vertical-align:middle; font-weight:500;}
.progress_report table th label {font-size:15px; font-weight:500;}
.progress_report table td {font-size:15px;}
.progress_report table td ul li .text {line-height:50px;}
.progress_report table td ul li label.t {font-weight:400; font-size:15px; line-height:50px;}

@media (min-width:1320px) {
	.progress_report table tbody td.work_name span.row_ck {left:0;}
	.progress_report table thead th.worker, .progress_report table tbody td.work_name {width:35%;}
	.progress_report table thead th.worker, .progress_report table tbody td.worker {width:12%;}
	.progress_report table thead th.work_date, .progress_report table tbody td.work_date {width:12%;}
	.progress_report table thead th.address, .progress_report table tbody td.address {width:25%;}
	.progress_report table thead th.tel, .progress_report table tbody td.tel {width:20%;}
	.progress_report table tbody td select {padding: 0 30px 0 20px;}
	.progress_report table tbody td input[type='text'] {padding: 0 0 0 20px;}
	.progress_report table tbody td.work_name input[type='text'] {padding-left:20px; margin-left:35px; width:91%;}
}

.installation_list table tbody td {padding:0;}
.installation_list table tbody td.fr {float:left;}
.installation_list table thead th.address, .installation_list table tbody td.address {width:50%;}
.installation_list table thead th.tel, .installation_list table tbody td.tel {width:50%; padding-top:0; padding-left:6px;}
.installation_list table thead th.worker, .installation_list table tbody td.worker {width:20%; padding-right:6px;}
.installation_list table thead th.work_date, .installation_list table tbody td.work_date {float:left; width:20%; padding-right:6px;}
.installation_list table thead th.etc, .installation_list table tbody td.etc {width:20%;}



.comment_wrap {}
.comment_wrap .write_box .box_info .mb_name {font-size:14.5px; font-weight:500;}
.comment_wrap .write_box .box_addfiles span {font-size:14px; font-weight:normal; margin:0;}
.comment_wrap .write_box .box_addfiles button {height:35px; font-size:14px;;}
.comment_wrap .write_box .box_btn button {line-height:32px; padding:0 15px; font-size:15px; font-weight:400;}

.comment_wrap .view_box .box_info .mb_name {font-size:14.5px; font-weight:500;}
.comment_wrap .view_box .box_info .mb_date {font-size:13px; font-weight:400;}
.comment_wrap .view_box .box_btn button {line-height:25px; font-size:14px; font-weight:400;}

.comment_wrap .view_box .box_addfiles .addfiles_tit {font-size:13px; }
.comment_wrap .view_box .box_addfiles a {font-size:13px;}


.comment_wrap pre {font-size:14px; line-height:1.5; padding:7px 10px;}

@media (min-width:1320px) {
	.comment_wrap .view_box dl dt, .comment_wrap .view_box dl dd {width:auto;}
	.comment_wrap .view_box dl dt {width:200px;}
}