@charset "utf-8";

.hidden{display: block; position: absolute;
    width: 1px; height: 1px; overflow: hidden;
        color: #FFF7F7; left: -1000px; top: 0;}

#content {width: 1400px; margin: 0 auto; border: 10px solid #FFF7F7; border-top: none; border-bottom: none;}

.logo_text{position: relative; margin-bottom: 50px;}
.logo_text img{position: absolute; width: 100px; left: 50%; transform: translate(-50%);  bottom: 5px; z-index: -1;}
.logo_text h3 {font-size: 42px; text-align: center; }

.content_area{width: 1400px; margin: 0 auto; position: relative; overflow: hidden; text-align: center;}
.content_area .context{font-size: 1.1rem;}
.content_area a{background: #4d7dc1; width: 200px; right: 50px; position: absolute; text-align: center;
    border-radius: 20px; color: #FFF7F7; padding: 2px 10px;}

.content_area .textH1, .textH2{margin-top: 30px; line-height: 2rem; font-weight: normal; background: #fff;
    backdrop-filter: 20px; padding: 40px; height: 250px; border-radius: 20px; font-size: 1.1rem; text-align: justify;}
.content_area .titleH1, .titleH2{margin-top: 50px; width: 400px; margin: 50px 30px; text-align: justify;
    font-weight: bold; text-align: center; font-size: 1.3rem;}

.textBox{display: inline-flex; flex-flow: row wrap; text-align: center; margin: 50px auto 150px; background-image: url(../images/content1/backImg.jfif);
  }

  /* 다크모드 */
.dark-mode .content_area .textH1 {background: #333;}