/* 대중 발원문 */
.sub1 .bg1 { position: relative; margin-bottom: 30px; padding: 40px 0; background: #e9e9e9 url('../../img/design/sub/mark2.png') no-repeat left 0 top -20px; text-align: center; }
/* 회색 띠: 양옆 화면 끝까지 */
.sub1 .bg1:before,
.sub1 .bg1:after { content: ''; position: absolute; top: 0; bottom: 0; width: 1000px; background: #e9e9e9; }
.sub1 .bg1:before { left: -1000px; }
.sub1 .bg1:after { right: -1000px; }
.sub1 .bg1 h2 { position: relative; padding-top: 30px; font-size: 17px; font-weight: 600; line-height: 1.7em; }
/* 원본의 빈 <p> 자리 (padding-bottom 20px) */
.sub1 .txt { padding-top: 20px; }
.sub1 .txt p { padding-bottom: 20px; font-size: 15px; font-weight: 400; line-height: 1.7em; }

@media (min-width: 768px) {
  .sub1 .bg1 { padding: 70px 0; text-align: left; }
  .sub1 .bg1 h2 { font-size: 25px; }
  .sub1 .txt p { font-size: 18px; }
}
@media (min-width: 1100px) {
  .sub1 { padding-top: 50px; }
  .sub1 .bg1 img { position: absolute; right: 0; bottom: 0; }
  .sub1 .bg1 h2 { padding-top: 0; font-size: 23px; }
}