@charset "utf-8";

/************** 로그인 페이지 **************/
#login_form {
	text-align: center;
}

#login_form .login_logo {
	margin-top: 150px;
	margin-bottom: 70px;
}

#login_form .login_logo > img {
	width: 150px;
}

#login_form .input_box {
	margin-bottom: 15px;
}

#login_form .input_box > input {
	width: 440px;
	height: 80px;
	padding: 0 25px;
	border: 1px solid #919191;
	border-radius: 5px;
}

#login_form .login_button {
	width: 440px;
	height: 80px;
	margin-top: 35px;
	border-radius: 5px;
	background: #000;
	font-weight: bold;
	color: #fff;
}

@media screen and (max-width:750px) {
	#login_form .login_logo {
		margin-top: 30vw;
		margin-bottom: 14vw;
	}

	#login_form .login_logo > img {
		width: 30vw;
	}

	#login_form .input_box {
		margin-bottom: 3vw;
	}

	#login_form .input_box > input {
		width: 88vw;
		height: 16vw;
		padding: 0 5vw;
		border-radius: 1vw;
	}

	#login_form .login_button {
		width: 88vw;
		height: 16vw;
		margin-top: 7vw;
		border-radius: 1vw;
	}
}


/************** 작성 폼 **************/
.title {
	margin-bottom: 20px;
	font-size: 25px;
	font-weight: bold;
}

.search_box {
	position: relative;
}

.form_box {
	border-bottom: 1px solid #919191;
}

.form_box .item {
	margin-bottom: 20px;
}

span.item_title {
	display: block;
	margin-bottom: 10px;
	font-size: 25px;
	font-weight: bold;
}

input.default_input,
select.default_input {
	width: 100%;
	height: 80px;
	padding: 0 15px;
	border: 1px solid #919191;
	border-radius: 5px;
}

select.default_input.col-3-year {
	width: calc(40% - 5px);
}

select.default_input.col-3-md {
	width: calc(30% - 5px);
}

input.default_text {}

input.default_select {
	background: #fff url('../images/ico_arrow_more.png') no-repeat right 20px center / 9px;
}

label.default_label {
	display: inline-block;
	margin-top: 15px;
}

label.default_label:last-child {
	margin-bottom: 15px;
}

label.default_label > input.default_checkbox {
	position: relative;
	top: -2px;
	width: 25px;
	height: 25px;
	margin-right: 12px;
}

input.default_submit {
	box-sizing: border-box;
	border-color: #000;
	background: #000;
	font-weight: bold;
	color: #fff;
}

.search_submit {
	position: absolute;
	top: calc(50% - 14px);
	right: 19px;
	width: 28px;
	height: 28px;
}

.label_with_input {
	display: flex;
	align-items: center;
}

label.default_label2 {
	width: 160px;
	line-height: 1.35;
}

label.default_label3 {
	display: block;
	margin: 20px 0;
}

.label_with_input input.default_text2 {
	width: 240px;
}

.label_with_input span.span_width_input {
	display: inline-block;
	width: 40px;
	text-align: right;
}

textarea.default_textarea {
	width: 100%;
	margin: 15px 0;
	padding: 25px 15px;
	box-sizing: border-box;
	border-color: #919191;
	border-radius: 5px;
}

.img_box {
	display: none;
	position: relative;
	height: 440px;
	margin-top: 20px;
	overflow: hidden;
	border-radius: 5px;
	background-color: #BFBFBF;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.img_box span {
	position: absolute;
	bottom: 38px;
	left: 0;
	width: 100%;
	text-align: center;
}

input.default_checkbox2 {
	width: 25px;
	height: 25px;
}


@media screen and (max-width:750px) {
	.title {
		margin-bottom: 4vw;
		font-size: 5vw;
	}
	
	.form_box .item {
		margin-bottom: 4vw;
	}

	span.item_title {
		margin-bottom: 2vw;
		font-size: 5vw;
	}
	
	input.default_input,
	select.default_input {
		height: 16vw;
		padding: 0 3vw;
		border-radius: 1vw;
	}
	
	input.default_select {
		background-position: right 4vw center;
		background-size: 1.8vw;
	}
	
	label.default_label {
		margin-top: 3vw;
	}

	label.default_label > input.default_checkbox {
		top: -0.4vw;
		width: 5vw;
		height: 5vw;
		margin-right: 2.4vw;
	}

	.search_submit {
		position: absolute;
		top: calc(50% - 2.8vw);
		right: 3.8vw;
		width: 5.6vw;
		height: 5.6vw;
	}

	.label_with_input label.default_label2 {
		width: 32vw;
	}
	
	label.default_label3 {
		margin: 4vw 0;
	}

	.label_with_input input.default_text2 {
		width: 48vw;
	}

	.label_with_input span.span_width_input {
		width: 8vw;
	}

	textarea.default_textarea {
		margin: 3vw 0;
		padding: 5vw 3vw;
		border-radius: 1vw;
	}
	
	.img_box {
		height: 88vw;
		margin-top: 4vw;
		border-radius: 1vw;
	}

	.img_box span {
		bottom: 7.6vw;
	}
	
	input.default_checkbox2 {
		width: 5vw;
		height: 5vw;
	}
}

/************** 버튼 **************/
.btn_box01 {
	margin: 20px 0;
	text-align: center;
}

.default_btn01 {
	padding: 17px 19px;
	border: 1px solid #110760;
	border-radius: 5px;
	background: #fff;
	font-size: 22px;
	color: #110760;
}

.default_btn02 {
	padding: 17px 62px;
	border: 1px solid #110760;
	border-radius: 5px;
	background: #110760;
	font-size: 22px;
	color: #ffffff;
}

.default_btn03 {
	width: 100%;
	padding: 25px 0;
	color: #888888;
	border: 1px solid #919191;
	border-radius: 5px;
	background: #ffffff;
}

.default_btn03 img {
	position: relative;
	top: -2.5px;
	width: 25px;
	margin-right: 14px;
}

.default_btn04 {
	width: 100%;
	padding: 25px 0;
	color: #ffffff;
	border-radius: 5px;
	background: #000000;
}

.default_btn05 {
	position: relative;
	float: right;
	top: -15px;
	padding: 17px 27px;
	color: #110760;
	border: 1px solid #110760;
	border-radius: 5px;
	background: #ffffff;
	font-size: 22px;
}

@media screen and (max-width:750px) {
	.btn_box01 {
		margin: 4vw 0;
	}

	.default_btn01 {
		padding: 3.4vw 3.8vw;
		border-radius: 1vw;
		font-size: 4.4vw;
	}

	.default_btn02 {
		padding: 3.4vw 12.4vw;
		border-radius: 1vw;
		font-size: 4.4vw;
	}
	
	.default_btn03 {
		padding: 5vw 0;
		border-radius: 1vw;
	}
	
	.default_btn03 img {
		top: -0.5vw;
		width: 5vw;
		margin-right: 2.8vw;
	}
	
	.default_btn04 {
		padding: 5vw 0;
		border-radius: 1vw;
	}
	
	.default_btn05 {
		top: -3vw;
		padding: 3.4vw 5.4vw;
		border-radius: 1vw;
		font-size: 4.4vw;
	}
}


/************** 현장 리스트 **************/
.site_list {
	margin-top: 30px;
}

.site_list > span {
	font-size: 22px;
}

.site_list > ul {
	width: 100%;
	height: 615px;
	margin-top: 14px;
	border: 1px solid #919191;
	border-radius: 5px;
	background: #fff;
}

.site_list > ul > li {
	padding: 25px 19px;
	border-bottom: 1px solid #919191;
}

@media screen and (max-width:750px) {
	.site_list {
		margin-top: 6vw;
	}

	.site_list > span {
		font-size: 4.4vw;
	}

	.site_list > ul {
		height: 123vw;
		margin-top: 2.8vw;
		border-radius: 1vw;
	}

	.site_list > ul > li {
		padding: 5vw 3.8vw;
	}
}


/************** 현장 비밀번호 **************/
.page_noti {
	display: inline-block;
	margin-bottom: 25px;
	font-size: 22px;	
}

.site_pwd {}

.site_pwd input.default_submit {
	margin-top: 25px;
}

@media screen and (max-width:750px) {
	.page_noti {
		margin-bottom: 5vw;
		font-size: 4.4vw;	
	}

	.site_pwd input.default_submit {
		margin-top: 5vw;
	}
}


/************** 작업 목록 **************/
.work_list {}

.work_list .work_btn {
	width: 100%;
	margin-bottom: 30px;
	padding: 50px 15px;
	border-radius: 5px;
	background: #000;
	text-align: left;
	color: #fff;
}

.work_list .work_btn > span {
	font-size: 30px;
	font-weight: bold;
}

.work_list .work_btn > p {
	margin-top: 10px;
	font-size: 22px;
}

@media screen and (max-width:750px) {
	.work_list .work_btn {
		margin-bottom: 6vw;
		padding: 10vw 3vw;
		border-radius: 1vw;
	}

	.work_list .work_btn > span {
		font-size: 6vw;
	}

	.work_list .work_btn > p {
		margin-top: 2vw;
		font-size: 4.4vw;
	}
}


/************** 자재 목록 **************/
.materials_list {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-radius: 5px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #919191;
}

.materials_list th,
.materials_list td {
	padding: 25px 0;
	border: 1px solid #919191;
	line-height: 1.2;
	text-align: center;
}

.materials_list th {
	border-radius: 5px 5px 0 0;
	background: #E2E2E2;
}

.materials_list td {
	background: #ffffff;
}

.materials_list tr:first-child td,
.materials_list tr:last-child td {
	border-radius: 5px;
}

@media screen and (max-width:750px) {
	.materials_list {
		margin-top: 6vw;
		margin-bottom: 4vw;
		border-radius: 1vw;
	}

	.materials_list th,
	.materials_list td {
		padding: 5vw 0;
	}

	.materials_list th {
		border-radius: 1vw 1vw 0 0;
	}
	
	.materials_list tr:first-child td,
	.materials_list tr:last-child td {
		border-radius: 1vw;
	}
}


/******************************  레이어 팝업  ******************************/
#popup_layer {
	display: none;
	position: fixed;
	top: 0;
	left: calc(50% - 250px);
	width: 500px;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 9999;
}

.popup_box {
	display: none;
	position: absolute;
	top: 50%;
	left: 30px;
	width: 440px;
	transform: translateY(-50%);
	background: #fff;
}

.popup_header {
	position: relative;
	padding: 25px 0;
	border-bottom: 1px solid #919191;
}

.popup_header h4 {
	font-weight: bold;
}

.popup_header h4 button {
	position: absolute;
	top: 50%;
	right: 17px;
	padding: 17px 48px;
	transform: translateY(-50%);
	border: 1px solid #110760;
	border-radius: 5px;
	font-size: 22px;
	color: #110760;
}

.popup_content {
	max-height: 535px;
	overflow-Y: auto;
}


.manager_list {
	margin-bottom: 50px;
}

.manager_list > li {
	padding: 25px 0;
	border-bottom: 1px solid #919191;
	text-align: center;
}

/* .popup_content::-webkit-scrollbar {
	display: block;
	width: 8px;
	height: 8px;
} */

/* Track */
.popup_content::-webkit-scrollbar-track {
	background: #e4e4e4;
}

/* Handle */
.popup_content::-webkit-scrollbar-thumb {
	background: #999;
}

@media screen and (max-width:750px) {
	#popup_layer {
		left: 0;
		width: 100%;
	}

	.popup_box {
		left: 6vw;
		width: 88vw;
	}

	.popup_header {
		padding: 5vw 0;
	}

	.popup_header h4 button {
		right: 3.4vw;
		padding: 3.4vw 9.6vw;
		border-radius: 1vw;
		font-size: 4.4vw;
	}
	
	.popup_content {
		max-height: 107vw;
	}


	.manager_list {
		margin-bottom: 10vw;
	}

	.manager_list > li {
		padding: 5vw 0;
	}
}