@media screen and (max-width:640px) {
	/*----------------  공통---------------------------*/
	#wrap {
		width: 100%;
		padding: 0
	}
	.con {
		padding: 0;
		width: 100%;
	}
	.sub_main {
		padding: 0;
	}
	.title_img {
		font-size: 70px;
		top: 100px;
		right: auto;
		left: 0;
		;
	}
	.sub_title {
		margin-left: 0;
		left: 3%;
		bottom: 100px;
	}
	.sub_title h3 {
		display: none;
	}
	.sub_title h4 {
		font-size: 18px;
		line-height: 30px;
		padding-right: 3%;
		box-sizing: border-box;
	}
	.sub_title p {
		font-size: 14px;
		line-height: 25px;
		margin-top: 10px;
	}
	.sub_title p br {
		display: none;
	}

	/*---------------------- 소개 페이지 -----------------*/
	.about01 > div {
		width: 300px;
		height: 300px;
		padding-top: 65px;
		margin-top: 70px;
	}
	.about01 > div > p {
		font-size: 25px;
		line-height: 35px;
	}
	.about01 p strong {
		font-size: 30px;
		line-height: 45px;
	}
	.about01 > div::before {
		height: 70px;
		top: -50px;
	}
	.about01 > div::after {
		height: 70px;
		bottom: -50px;
	}
	.about01 ul {
		margin: 50px auto;
		margin-top: 70px;
	}
	.about01 li {
		width: 100%;
		margin-bottom: 20px;
	}
	.about01_title h4 {
		font-size: 16px;
		line-height: 30px;
	}
	.about01_title h3 {
		font-size: 20px;
		line-height: 30px;
	}
	.about01_title img {
		width: 60px;
	}
	.about01 li p {
		line-height: 25px;
	}
	.about01 li p br {
		display: none;
	}
	.about01 li:nth-child(2) {
		margin-left: 0;
	}
	.about02 {
		padding: 30px 0;
		background-attachment: inherit;
		background-size: 100% auto;
		background-position: center;
	}
	.about02 p {
		font-size: 30px;
		line-height: 45px;
	}
	.about02 h3 {
		display: none
	}
	.about02 h4 {
		font-size: 16px;
		line-height: 30px;
		margin-top: 10px;
	}
	.about03 > p {
		font-size: 40px;
		padding-top: 50px;
		line-height: 60px;
	}
	.about03 > p::before {
		height: 50px;
	}
	.about03 > p::after {
		height: 50px;
		bottom: -50px;
	}
	.about03 li > a {
		font-size: 25px;
		line-height: 40px;
		float: none;
		border-bottom: 1px solid #ccc;
	}
	.about03 li.on > a::after {
		display: none;
	}
	.about03 .about03_con {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		margin: 20px 0;
	}
	.about03_con > div {
		width: 100%;
		line-height: 40px;
	}
	.about03_con > div img {
		height: 40px;
	}
	.about03_con p {
		margin: 10px 0;
		line-height: 30px;
	}
	.about03_con a {
		display: block;
		width: 80%;
		background: #ff4747;
		border-radius: 5px;
		color: white;
		padding: 0;
		border: none;
		line-height: 35px;
		text-align: center;
	}
	.about03_con a:hover {
		width: 80%;
		background: #ff4747;
		border-radius: 5px;
		color: white;
		padding: 0;
		border: none;
		line-height: 35px;
		text-align: center;
	}

	/*----------------프로젝트 -----------------*/
	.main_project .title_img {
		letter-spacing: -2px;
	}
    .project .title_img{letter-spacing: 0;}
	.con > h3 {
		font-size: 40px;
		padding: 15px 0;
	}
	.tab{margin: 20px 0;}
	.tab li{display: inline-block;float: none;}
	
	.main_project > ul {
		width: 94%;
		margin: 0px auto;
		padding: 0;
	}
	.main_project > ul > li {
		width: 100%;
		float: none;
		margin: 15px auto;
	}
	.main_project > ul > li a {
		padding: 15px 0;
		width: 90%;
	}
	.main_project > ul > li h3{line-height: 40px;font-size: 18px;height: 40px;margin-top: 10px;}

	.project > ul {
		width: 94%;
		margin: 0px auto;
		padding: 0;
	}
	.project > ul > li {
		width: 100%;
		float: none;
		margin: 15px auto;
	}
	.project > ul > li a {
		padding: 15px 0;
		width: 90%;
	}
	.project > ul > li h3{line-height: 40px;font-size: 18px;height: 40px;margin-top: 10px;}
	.pagination{margin-top: 10px;}
	.pagination li{margin: 0 10px;}
	
	
	/*------------ 가격 -----------------*/
	.price_con li{width:50%;}
	.price_option{margin-top: 20px;}
	.option_img{display: none;}
	.option_graph{width:100%;position: relative;height: auto;padding:20px 10px;top:0;margin-top: 0;box-sizing: border-box;}
	.option_graph img{width:100%;}
	.price_option > div{margin: 20px 0;}
	.price_shop li:first-child{margin-left: 0;}
	.price_maintenance .price_option .option_graph{height: auto;top:0;}
	.price_maintenance .price_option > div{height: auto;}
	.price_maintenance li:first-child{margin-left: 0;}
	.price_maintenance li:last-child{margin-left: 25%;}
	
	/*----------- 문의하기 -----------------*/
	.con > h3 + p{line-height: 30px;margin: 10px 0;}
	.request .title_img{letter-spacing: -1px;}
	.request_form form > div:nth-child(1){width:100%;}
	.request_form form > div:nth-child(2){width:100%;}
	.request_form textarea{height: 200px;}
	.con.request > h3:nth-child(4){margin-top: 30px;}
	.contact .map{width:100%;height: 300px;}
	.contact .infor{position: relative;top:0;width:100%;padding: 20px 10px;margin-top:0;height: auto;margin-top: 20px;}
	.infor .en{margin-top:10px;}
	
	
	/*-------------- 뉴스 -----------------*/
	.main_news > ul {
		width: 94%;
		margin: 0 auto;
	}

	.main_news > ul > li {
		width: 100%;
		float: none;
		margin: 15px auto;
	}

	.main_news > ul > li a {
		padding: 15px 0;
		width: 90%;
	}
	.news > ul {
		width: 94%;
		margin: 0 auto;
	}

	.news > ul > li {
		width: 100%;
		float: none;
		margin: 15px auto;
	}

	.news > ul > li a {
		padding: 15px 0;
		width: 90%;
	}
}
