/* 표준시공 a1 */
#a1 .con1 {display: flex; justify-content: space-between;}
#a1 .con1 > div {width: 49%; padding: 50px; border-radius: 10px;}
#a1 .con1 > div .icon {margin-bottom: 40px;}
#a1 .con1 > div .icon img {max-width: 100px; width: 100%; display: block; margin: 0 auto;}
#a1 .con1 > div ul li {font-size: 18px; text-align: center; margin-bottom: 10px; line-height: 1.5; color: #666; font-weight: 500;}
#a1 .con1 > div ul li:last-child {margin-bottom: 0;}
#a1 .con1 .left {background-color: #f5f5f5; filter: grayscale(1);}
#a1 .con1 .left h2 {font-size: 15px; border:1px solid #666; font-weight: 500; color: #666; display: inline-block; padding: 5px 10px; border-radius: 16px; margin-bottom: 50px;}
#a1 .con1 .left ul li b {color: #333;}
#a1 .con1 .right {background-color: #fff; box-shadow: 0 0 10px 3px rgba(239, 71, 58, 0.2);}
#a1 .con1 .right h2 {font-size: 15px; border:1px solid #ef473a; font-weight: 500; color: #ef473a; display: inline-block; padding: 5px 10px; border-radius: 16px; margin-bottom: 50px;}
#a1 .con1 .right ul li {color: #121212;}
#a1 .con1 .right ul li:last-child {color: #ef473a;}


@media screen and (max-width: 960px) {
	#a1 .con1 {flex-direction: column;}
	#a1 .con1 > div {width: 100%; padding: 40px;}
	#a1 .con1 > div ul li {font-size: 16px; margin-bottom: 5px;}
	#a1 .con1 .left {margin-bottom: 20px;}
}

@media screen and (max-width: 640px) {
	#a1 .con1 > div {padding: 30px;}
	#a1 .con1 > div ul li {font-size: 14px;}
	#a1 .con1 .left {margin-bottom: 20px;}
	#a1 .con1 .left h2 {font-size: 14px; margin-bottom: 40px;}
	#a1 .con1 .right h2 {font-size: 14px; margin-bottom: 40px;}
}
/* 표준시공 a1 */




/* 원터치시공 a2 */
#a2 .con1 {display: flex; flex-wrap: wrap; justify-content: space-between;}
#a2 .con1 .box {width: 49%; margin-bottom: 2%; border-radius: 10px; border: 1px solid #ef473a; padding: 50px;}
#a2 .con1 .box:nth-child(n+3):nth-child(-n+4) {margin-bottom: 0;}
#a2 .con1 .box.colorbox {background-color: #ef473a; display: flex; align-items: center; flex-direction: column; justify-content: center;}
#a2 .con1 .box.colorbox .icon {margin-bottom: 30px;}
#a2 .con1 .box.colorbox h2 {font-size: 30px; font-weight: 500; color: #fff;}
#a2 .con1 .box.colorbox h2 b {font-weight: 700;}
#a2 .con1 .box h5 {font-size: 15px; font-weight: 500; color: #666; margin-bottom: 30px;}
#a2 .con1 .box .icon {margin-bottom: 30px;}
#a2 .con1 .box h3 {font-size: 24px; margin-bottom: 10px;}
#a2 .con1 .box p {font-size: 18px; line-height: 1.5; color: #666;}


@media screen and (max-width: 960px) {
	#a2 .con1 {flex-direction: column;}
	#a2 .con1 .box {width: 100%; padding: 40px;}
	#a2 .con1 .box.colorbox h2 {font-size: 24px;}
	#a2 .con1 .box:nth-child(n+3):nth-child(-n+4) {margin-bottom: 2%;}
	#a2 .con1 .box:last-child {margin-bottom: 0;}
	#a2 .con1 .box .icon img {height: 70px;}
	#a2 .con1 .box h3 {font-size: 20px;}
	#a2 .con1 .box p {font-size: 16px;}
}

@media screen and (max-width: 640px) {
	#a2 .con1 .box {padding: 30px;}
	#a2 .con1 .box.colorbox h2 {font-size: 20px;}
	#a2 .con1 .box .icon img {height: 60px;}
	#a2 .con1 .box h3 {font-size: 18px;}
	#a2 .con1 .box p {font-size: 14px;}
}
/* 원터치시공 a2 */




/* A/S 시스템 a3 */

/* A/S 시스템 a3 */




/* 준비중 */
#pre img {max-width: 800px; width: 100%; display: block; margin: 0 auto;}
/* 준비중 */