@charset "utf-8";

@media (max-width: 1400px) {
	.erp .img-box {max-width:600px;}
}

@media (max-width: 1024px) {
	/* sub-visual */
	.sub-visual {height:350px;}

	.real-cont {padding:100px 0 140px;}

	/* sub common */
	.sub-title {margin-bottom:80px;}
	.sub-title h3 {font-size:50px; padding-bottom:26px;}
	.sub-title h3:after {height:10px;}
	/* sub 01 */
	.cso .cnt01 {margin-bottom:140px;}
	.cso .cnt01 .txt-box {margin-bottom:80px;}
	.cso .cnt01 .txt-box h4 {padding:0 14px; font-size:28px; margin-bottom:28px;}
	.cso .cnt01 .txt-box h4:before {width:8px; height:8px; top:10px;}
	.cso .cnt01 .txt-box p {padding:0 14px; font-size:20px;}
	.cso .cnt02 {padding:100px 0 140px;}
	.cso .cnt02 .tit-box {margin-bottom:80px;}
	.cso .cnt02 .tit-box h4 {font-size:50px;}
	.cso .cnt02 .tit-box p {font-size:20px;}
	.cso .cnt02 .col {margin:0 -10px;}
	.cso .cnt02 .col .row {padding:0 10px;}
	.cso .cnt02 .col .row:nth-child(odd) {padding-top:0;}
	.cso .cnt02 .inner .img-box {padding-top:40px;}
	.cso .cnt02 .inner .img-box .icon {margin-left:-40px;}
	.cso .cnt02 .inner .img-box .icon img {width:80px;}
	.cso .cnt02 .inner .txt-box {border-radius:0 0 20px 0; padding:30px 15px;}
	.cso .cnt02 .inner .txt-box h5 {font-size:24px; margin-bottom:26px;}
	.cso .cnt02 .inner .txt-box p {font-size:18px;}
	/* sub 02 */
	.erp .col {display:block; margin-bottom:80px;}
	.erp .img-box {margin-bottom:60px; max-width:800px;}
	.erp .txt-box {width:100%; padding-top:0; margin-bottom:40px;}	
	.erp .txt-box h5 {padding-left:14px; font-size:28px; margin-bottom:28px;}
	.erp .txt-box h5:before {width:8px; height:8px; top:10px;}
	.erp .txt-box ol {padding-left:14px;}
	.erp .txt-box ol li {font-size:20px; padding-left:20px;}
	/* sub 03 */
	.spsystem .cnt01 {margin-bottom:140px;}
	.spsystem .cnt01 .tit-box {margin-bottom:40px;}
	.spsystem .cnt01 .tit-box h4 {padding-left:14px; font-size:28px; margin-bottom:28px;}
	.spsystem .cnt01 .tit-box h4:before {width:8px; height:8px; top:10px;}
	.spsystem .cnt01 .img-box {margin-bottom:80px;}
	.spsystem .cnt01 .txt-box ol {margin-bottom:30px;}
	.spsystem .cnt01 .txt-box ol li {font-size:20px; padding-left:30px;}
	.spsystem .cnt01 .txt-box ol li:before {top:6px; width:24px; line-height:24px; font-size:14px;}
	.spsystem .cnt01 .txt-box p {font-size:20px;}
	.spsystem .cnt02 {margin:0 auto 140px;}

}

@media (max-width: 640px) {
	/* sub-visual */
	.sub-visual {height:250px;}

	.real-cont {padding:80px 0 100px;}

	/* sub common */
	.sub-title {margin-bottom:60px;}
	.sub-title h3 {font-size:32px; padding-bottom:20px;}
	.sub-title h3:after {height:8px;}
	/* sub 01 */
	.cso .cnt01 {margin-bottom:100px;}
	.cso .cnt01 .txt-box {margin-bottom:60px;}
	.cso .cnt01 .txt-box h4 {font-size:24px; margin-bottom:20px;}
	.cso .cnt01 .txt-box h4:before {width:6px; height:6px; top:8px;}
	.cso .cnt01 .txt-box p {font-size:16px;}
	.cso .cnt02 {padding:80px 0 100px;}
	.cso .cnt02 .tit-box {margin-bottom:60px;}
	.cso .cnt02 .tit-box h4 {font-size:32px;}
	.cso .cnt02 .tit-box p {font-size:16px;}
	.cso .cnt02 .col {margin:0 0 -60px; display:block;}
	.cso .cnt02 .col .row {padding:0; margin:0 auto 60px; width:100%; max-width:420px;}
	.cso .cnt02 .inner .img-box {padding-top:30px;}
	.cso .cnt02 .inner .img-box .icon {margin-left:-30px;}
	.cso .cnt02 .inner .img-box .icon img {width:60px;}
	.cso .cnt02 .inner .txt-box {border-radius:0 0 10px 0; padding:20px 15px;}
	.cso .cnt02 .inner .txt-box h5 {font-size:20px; margin-bottom:18px;}
	.cso .cnt02 .inner .txt-box p {font-size:16px;}
	/* sub 02 */
	.erp .col {margin-bottom:60px;}
	.erp .col:last-child {margin-bottom:0;}
	.erp .col:last-child .img-box {margin-bottom:0;}
	.erp .img-box {margin-bottom:40px;}
	.erp .txt-box {margin-bottom:30px;}	
	.erp .txt-box h5 {font-size:24px; margin-bottom:20px;}
	.erp .txt-box h5:before {width:6px; height:6px; top:8px;}
	.erp .txt-box ol li {font-size:16px; padding-left:18px;}
	/* sub 03 */
	.spsystem .cnt01 {margin-bottom:100px;}
	.spsystem .cnt01 .tit-box {margin-bottom:30px;}
	.spsystem .cnt01 .tit-box h4 {font-size:24px; margin-bottom:20px;}
	.spsystem .cnt01 .tit-box h4:before {width:6px; height:6px; top:8px;}
	.spsystem .cnt01 .img-box {margin-bottom:60px;}
	.spsystem .cnt01 .txt-box ol li {font-size:16px; padding-left:28px;}
	.spsystem .cnt01 .txt-box ol li:before {top:2px; width:22px; line-height:22px; font-size:13px;}
	.spsystem .cnt01 .txt-box p {font-size:16px;}
	.spsystem .cnt02 {margin:0 auto 100px;}
}

@media (max-width: 400px) {
	
}