/*================================
	서브이미지
================================*/
.sub_img .s_wrap{
	height: 100%;
	position: relative;
}

@media (min-width: 768px){
	.sub_img{
		width: 100%;
		height: 320px;
		text-align: center;	
	}
	.sub_img .sub_img_title{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 32px;
		color: #ffffff;
		line-height: 37px;
		padding-top: 130px;	
	}
	.sub_img .sub_img_text{
		font-size: 17px;
		color: #ffffff;
		line-height: 17px;
		padding-top: 12px;	
	}
}
@media (min-width: 992px){
	.sub_img{
		width: 100%;
		height: 380px;
		text-align: center;	
	}
	.sub_img .sub_img_title{
		font-family: 'Gmarket Sans', sans-serif;
		font-weight: 700;
		font-size: 35px;
		color: #ffffff;
		line-height: 39px;
		padding-top: 170px;	
	}
	.sub_img .sub_img_text{
		font-size: 17px;
		color: #ffffff;
		line-height: 17px;
		padding-top: 12px;	
	}
}

/*================================
	서브이미지-배경이미지
================================*/
.sub_img1{
	background: url('../images/sub/sub_img01.jpg') no-repeat;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.sub_img2{
	background: url('../images/sub/sub_img02.jpg') no-repeat;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.sub_img3{
	background: url('../images/sub/sub_img03.jpg') no-repeat;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.sub_img4{
	background: url('../images/sub/sub_img04.jpg') no-repeat;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}
.sub_img5{
	background: url('../images/sub/sub_img05.jpg') no-repeat;	
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

/*================================
	서브메뉴
================================*/
.sub_menu1{
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}
.sub_menu1 li{
	float: left;
	background-color: rgba(0, 0, 0, 0.4);
}
.sub_menu1 .on a{
	background: #d95e2f;
	color: #FFFFFF;
}
.sub_menu1 .li_e a{
	background: url('') no-repeat;
}

@media (min-width: 768px){
	.sub_menu1 li a{
		height: 50px;
		font-weight: 500;
		font-size: 17px;
		color: #ffffff;
		line-height: 50px;
		text-align: center;
		display: block;
		background: url('../images/sub/sub_menu_line.png') no-repeat;
		background-position: 100% 50%;
	}
}
@media (min-width: 992px){
	.sub_menu1 li a{
		height: 50px;
		font-weight: 500;
		font-size: 17px;
		color: #ffffff;
		line-height: 50px;
		text-align: center;
		display: block;
		background: url('../images/sub/sub_menu_line.png') no-repeat;
		background-position: 100% 50%;
	}
}

/* 메뉴 2개*/
.sub_menu1_2 li{
	width: 50%;
}

/* 메뉴 4개*/
.sub_menu1_4 li{
	width: 25%;
}

/*================================
	서브내용기본
================================*/
.sub_page{
	width: 100%;
	overflow: hidden;
	min-height: 300px;
	padding: 70px 0;
}

/*================================
	서브내용텍스트
================================*/
.sub_content p{
	font-size: 17px;
	color: #4a4a4a;
	line-height: 27px;
	padding: 0 0 17px 0;
}
.sub_content .p_e{
	padding-bottom: 0 !important;
}
.sub_content_e{
	padding-bottom: 0 !important;
}

/*================================
	서브내용-타이틀
================================*/
@media (min-width: 768px){
	.sub_title22{
		font-size: 18px;
	}
	.sub_title26{
		font-size: 22px;
	}
	.sub_title34{
		font-size: 24px;
	}
	.sub_title40{
		font-size: 30px;
	}
	.sub_title42{
		font-size: 32px;
	}
}
@media (min-width: 992px){
	.sub_title22{
		font-size: 18px;
	}
	.sub_title26{
		font-size: 22px;
	}
	.sub_title34{
		font-size: 26px;
	}
	.sub_title40{
		font-size: 32px;
	}
	.sub_title42{
		font-size: 34px;
	}
}

/*================================
	회사소개-인사말-타이틀,이미지
================================*/
.page1_1 .page1_1_title1{
	color: #000000;
	line-height: 30px;
	text-align: center;
}
.page1_1 .page1_1_img1 b{
	font-weight: 700;
}
.page1_1 .page1_1_content{
	text-align: center;
}
.page1_1_content_name{
	font-weight: 500;
	color: #000000 !important;
}

@media (min-width: 768px){
	.page1_1 .page1_1_img1{
		width: 100%;
		height: 250px;
		background: url('../images/sub/page1_1_01.jpg') no-repeat;
		background-position: -50px 50%;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		font-weight: 500;
		color: #ffffff;
		line-height: 42px;
		padding: 80px 0 0 300px;
		margin: 30px 0 30px 0;
	}
	.page1_1 .page1_1_title2{
		color: #000000;
		text-align: center;	
		line-height: 30px;
	}
}
@media (min-width: 992px){
	.page1_1 .page1_1_img1{
		width: 100%;
		height: 280px;
		background: url('../images/sub/page1_1_01.jpg') no-repeat;
		background-position: center;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
		font-weight: 500;
		color: #ffffff;
		line-height: 50px;
		padding: 100px 0 0 490px;
		margin: 25px 0 60px 0;
	}
	.page1_1 .page1_1_title2{
		color: #000000;
		text-align: center;
		line-height: 22px;
	}
}

/*================================
	회사소개-인사말-공급과정
================================*/
.page1_1 .page1_1_step li{
	width: 12.5%;
	height: 110px;
	background: #def4fb;
	text-align: center;
	font-weight: 500;
	color: #296db9;
	line-height: 110px;
	float: left;
}
.page1_1 .page1_1_step .page1_1_step_arrow{
	width: 5%;
	background: #ffffff;
}

@media (min-width: 768px){
	.page1_1 .page1_1_step{
		width: 100%;
		overflow: hidden;
		padding: 30px 0 30px 0;
	}
}
@media (min-width: 992px){
	.page1_1 .page1_1_step{
		width: 100%;
		overflow: hidden;
		padding: 40px 0 50px 0;
	}
}

/*================================
	회사소개-공사실적
================================*/
.page1_2 .page1_2_list{
	width: 102%;
	overflow: hidden;
}
.page1_2 .page1_2_list li img{
	width: 100%;
	border: 1px solid #e2e2e2;
}


@media (min-width: 768px){
	.page1_2 .page1_2_list li{
		width: 25%;
		float: left;
		padding: 0 2% 2% 0;
		line-height: 0;
	}
	.page1_2 .page1_2_list .li_51{
		padding-bottom: 2%;
	}
	.page1_2 .page1_2_list .li_52{
		padding-bottom: 2%;
	}
	.page1_2 .page1_2_list .li_53{
		padding-bottom: 2%;
	}
	.page1_2 .page1_2_list .li_54{
		padding-bottom: 2%;s
	}
	.page1_2 .page1_2_list .li_55{
		padding-bottom: 0;
	}
}
@media (min-width: 992px){
	.page1_2 .page1_2_list li{
		width: 20%;
		float: left;
		padding: 0 2% 2% 0;
		line-height: 0;
	}
	.page1_2 .page1_2_list .li_51{
		padding-bottom:0;
	}
	.page1_2 .page1_2_list .li_52{
		padding-bottom:0;
	}
	.page1_2 .page1_2_list .li_53{
		padding-bottom:0;
	}
	.page1_2 .page1_2_list .li_54{
		padding-bottom:0;
	}
	.page1_2 .page1_2_list .li_55{
		padding-bottom: 0;
	}
}

/*================================
	회사소개-인증서
================================*/
.page1_3_list{
	width: 103%;
	overflow: hidden;
}
.page1_3_list li img{
	width: 100%;
	cursor: pointer;
	border: 1px solid #e3e3e3;
}
.page1_3 .popup__container img{
	border: 1px solid #ececec;
}

@media (min-width: 768px){
	.page1_3_list li{
		width: 33.33333333333333%;
		float: left;
		padding: 0 3% 20px 0;
	}
}
@media (min-width: 992px){
	.page1_3_list li{
		width: 25%;
		float: left;
		padding: 0 3% 40px 0;
	}
}

/*================================
	회사소개-오시는길-지도맵
================================*/
.page1_4_map .root_daum_roughmap{
	width: 100%;
}
.page1_4_map .root_daum_roughmap .wrap_map{
	height: 400px;
}

/*================================
	회사소개-오시는길-정보
================================*/
.page1_4_info1{
	width: 100%;
	overflow: hidden;
	margin: 30px 0 0 0;
}
.page1_4_info1 li{
	width: 33.33333333333333%;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	text-align: center;
	float: left;
	padding: 30px 0 40px 0;
}
.page1_4_info1 .li_1{
	border-left: 1px solid #e2e2e2;
}
.page1_4_info1 .page1_4_info1_icon img{
	height: 54px;
}
.page1_4_info1 .page1_4_info1_title{
	font-weight: 500;
	color: #000000;
	padding: 17px 0 10px 0;
}

/*================================
	회사소개-오시는길-대중교통
================================*/
.page1_4_info2{
	width: 100%;
	overflow: hidden;
	background: #f6f6f6;
	margin: 20px 0 0 0;
}
.page1_4_info2 li{
	width: 50%;
	padding: 35px 0 35px 50px;
	float: left;
}
.page1_4_info2 li div{
	float: left;
}
.page1_4_info2 li .page1_4_info2_icon img{
	height: 23px;
	vertical-align: middle;
	margin: 3px 10px 0 0;
}
.page1_4_info2 .page1_4_info2_title{
	font-weight: 500;
	color: #000000;
	padding: 0 25px 0 0;
}
.page1_4_info2 li .page1_4_info2_text b{
	font-weight: 400;
	color: #9a8600;
}

/*================================
	저수조청소
================================*/
.page_title1{
	font-weight: 700;
	color: #000000;
}
.page_title1_1{
	padding: 0 0 20px 0;
}
.page2_1 .page2_1_img1{
	text-align: center;
	padding: 50px 0;
}
.page2_1 .page2_1_img1 img{
	padding: 0 0 30px 0;
}

@media (min-width: 768px){
	.page_title1_2{
		padding: 40px 0 20px 0;
	}
	.page1_2 .sub_content,
	.page2_1 .sub_content,
	.page4_1 .sub_content{
		padding: 20px 0 40px 0;
	}
	.page2_1 .page2_1_text1{
		padding-bottom: 20px;
	}
}
@media (min-width: 992px){
	.page_title1_2{
		padding: 60px 0 20px 0;
	}
	.page1_2 .sub_content,
	.page2_1 .sub_content,
	.page4_1 .sub_content{
		padding: 20px 0 60px 0;
	}
	.page2_1 .page2_1_text1{
		padding-bottom: 30px;
	}
}

/*================================
	저수조청소-대상시설 리스트
================================*/
.page2_1_list1{
	width: 100%;
	overflow: hidden;
}
.page2_1_list1 li{
	width: 100%;
	overflow: hidden;
	background: #f2f6f8;
	margin: 0 0 10px 0;
}
.page2_1_list1 li dl{
	width: 100%;
	overflow: hidden;
	padding: 20px 20px;
}
.page2_1_list1 li dl dt{
	width: 3%;
	float: left;
	padding: 7px 0 0 0;
}
.page2_1_list1 li dl dd{
	width: 97%;
	float: left;
}
.page2_1_list1 li dt img{
	width: 18px;
}
.page2_1_list1 li dd .page2_1_list1_title{
	font-weight: 500;
	color: #000000;
}

/*================================
	살충,살균소독-소독해야하는시설종류
================================*/
.page4_1_list1{
	width: 100%;
	overflow: hidden;
}
.page4_1_list1 table{
	width: 100%;
	overflow: hidden;
	border-top: 2px solid #3d3d3d;
}
.page4_1_list1 table th{
	background: #f7f7f7;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-weight: 500;
	color: #000000;
	padding: 12px 12px;
}
.page4_1_list1 table td{
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 15px 15px;
	text-align: center;
}
.page4_1_list1 table .th_e{
	border-right: 0;
}
.page4_1_list1 table .td_e{
	border-right: 0;
}
.page4_1_list1 table .td_1{
	text-align: left;
}
.page4_1_list1 table .th_1{
	width: 70%;
}
.page4_1_list1 table .th_2,
.page4_1_list1 table .th_3{
	width: 15%;
}
.page4_1_list1 table .sub_content p{
	padding-bottom: 20px;
}
.page4_1_list1 table .sub_content{
	padding: 0;
}
.page4_1_list1 table .visible_md,
.page4_1_list1 table .visible_sm{
	display: table-cell !important;
}