.screen1{display: none;
}

#content{	margin: 0px auto;	width: calc:(100%-260px);	margin-top: -60px;}


.img1{content:url("../../../images/img11-01.png");
width: 100%;}
.img2{content:url("../../../images/160.jpg");
width: 100%;}



    .text {
      opacity: 0;
      transform: translateY(100px);
      transition: opacity 1s ease, transform 1s ease;
      font-size: 1.5rem;
      color: #333;
      line-height: 1.8;
      max-width: 100%;
      margin: 50px auto;

    }

    /* 다양한 애니메이션 클래스 */
    .fade-in {
      opacity: 0;
      transform: translateY(100px);
    }

    .slide-left {
      opacity: 0;
      transform: translateX(-200px);
    }

    .slide-right {
      opacity: 0;
      transform: translateX(200px);
    }

    .zoom-in {
      opacity: 0;
      transform: scale(0.5);
    }

    .rotate-in {
      opacity: 0;
      transform: rotate(45deg);
    }

    /* 애니메이션 실행시 나타나는 클래스 */
    .visible {
      opacity: 1;
      transform: translateY(0);
      transition: opacity 1s ease, transform 1s ease;
    }

    .slide-left-visible {
      opacity: 1;
      transform: translateX(0);
      transition: opacity 1s ease, transform 1s ease;
    }

    .slide-right-visible {
      opacity: 1;
      transform: translateX(0);
      transition: opacity 1s ease, transform 1s ease;
    }

    .zoom-visible {
      opacity: 1;
      transform: scale(1);
      transition: opacity 1s ease, transform 1s ease;
    }

    .rotate-visible {
      opacity: 1;
      transform: rotate(0);
      transition: opacity 1s ease, transform 1s ease;
    }

.text1{
	text-align: center;
	font-size: 2.5em;
}.text2{
	text-align: center;
	font-size: 2em;
}
.text3{
	text-align: center;
	font-size: 2em;
}
.text4{
	text-align: center;
	font-size: 4em;
}
.text5{
	text-align: center;
	font-size: 3em;
}
.bar{
	padding-bottom:5px;
	border-bottom:1px solid #808080;
}