#about1{position: relative; width: 100%; overflow: hidden; }

#about1 > article{padding: 110px 0; }
#about1 > article:nth-of-type(1){padding-bottom: 0 !important;}

#about1 .sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

/* font-style */
#about1 .fs_45{font-size: 45px; line-height: 1.46;}
#about1 .fs_35{font-size: 35.5px; line-height: 1.3;}
#about1 .fs_27{font-size: 27px; line-height: 1.5;}
#about1 .fs_25{font-size: 25px; line-height: 1.6;}
#about1 .fs_20{font-size: 20px; line-height: 1.6; color: #333;}
#about1 .fs_17{font-size: 17px; line-height: 1.7;}

/* bar_tit */
#about1 .bar_tit h3{position: relative; padding-left: 20px; font-weight: 700;}
#about1 .bar_tit h3::before{content: ''; display: block; width: 5px; height: 80%; max-height: 32px; background-color: #04056b; position: absolute; left: 0; top: 7px;}

/* banner_wrap */
#about1 .banner_wrap{width: 100%; position: relative; z-index: 2; padding: 90px 0;}
#about1 .banner_wrap .deco{display: block; width: 100%; height: 100%; max-width: 1700px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #04056b; border-radius: 20px; overflow: hidden; z-index: -1;}
#about1 .banner_wrap .deco::before{content: ''; display: block; height: 100%; max-width: 580px; aspect-ratio: 580 / 361; position: absolute; top: 0; left: 0; background: url('../img/ab1_deco1.png') 50% / cover no-repeat; z-index: -1;}
#about1 .banner_wrap .deco::after{content: ''; display: block; height: 100%; max-width: 448px; aspect-ratio: 448 / 361; position: absolute; top: 0; right: 0; background: url('../img/ab1_deco2.png') 50% / cover no-repeat; z-index: -1;}

#about1 .banner_wrap .img{position: absolute; bottom: 0; left: 50px;}
#about1 .banner_wrap .text{margin-left: 100px; padding-left: 287px;}
#about1 .banner_wrap .text span{color: #cecece; font-weight: 700; display: inline-block; margin-bottom: 9px;}
#about1 .banner_wrap .text p{color: #fff; font-weight: 300;}

/* text_wrap */
#about1 .text_wrap{padding: 70px 0 140px; position: relative; z-index: 2;}
#about1 .text_wrap .deco{display: block; background-color: #f5f5f5; position: absolute; z-index: -1; overflow: hidden;}
#about1 .text_wrap .deco::before{content: ''; display: block; width: 48%; aspect-ratio: 253 / 692; max-width: 253px; background: url('../img/ab1_snu.png') 50% / cover no-repeat; position: absolute;}
#about1 .text_wrap .deco span{color: #fff; font-size: 350px; letter-spacing: -60px; font-family: 'Poppins'; font-weight: 800; font-style: italic; position: absolute; line-height: .7;}

#about1 .text_wrap .bold{font-weight: 700;}
#about1 .text_wrap b{color: #04056b;}
#about1 .text_wrap p + p{margin-top: 30px;}
#about1 .text_wrap .sign{text-align: right;}
#about1 .text_wrap .sign span{display: block;}
#about1 .text_wrap .sign span:nth-child(1){font-weight: 600; margin-bottom: 7px;}
#about1 .text_wrap .sign span:nth-child(2){font-weight: 700;}

/* min-width */
@media screen and (min-width: 1901px) {
    /* text_wrap */
    #about1 .text_wrap .deco{right: -8.5%;}

}
@media screen and (min-width: 1601px) {
    /* banner_wrap */
    #about1 .banner_wrap{padding: 105px 0; max-height: 361px;}
    #about1 .banner_wrap .img{left: -55px;}
    #about1 .banner_wrap .text{margin-left: 47px;}

    /* text_wrap */
    #about1 .text_wrap p{letter-spacing: -.3px;}
    #about1 .text_wrap .deco{ width: 41%; max-width: 531px; height: 100%; top: 0; right: -50px; }
    #about1 .text_wrap .deco span{writing-mode: sideways-rl; top: -40px; right: -33px;}
    #about1 .text_wrap .deco::before{ top: -30px; right: -17px;}

}
@media screen and (min-width:1025px) {
    #about1 .banner_wrap .deco{width: calc(100vw - 90px);}

}

/* max-width */
@media screen and (max-width:1600px) {
    #about1 .text_wrap .deco{width: 100vw; height: 60%; left: 50%; transform: translateX(-50%); bottom: 0; background-image: linear-gradient(to top, #f5f5f5, #f5f5f5, #fff);}
    #about1 .text_wrap .deco span{color: #fff; bottom: -40px; left: 0; }
    #about1 .text_wrap .deco::before{width: 30%; bottom: 0; left: 0; opacity: .8;}

}
@media screen and (max-width:1400px) {
    #about1 br:not(.space){display: none;}

    #about1 > article{padding: 60px 0; }

    /* bar_tit */
    #about1 .bar_tit h3::before{max-height: 28px;}

    /* font-style */
    #about1 .fs_45{font-size: 38px; line-height: 1.4;}
    #about1 .fs_35{font-size: 32px;}
    #about1 .fs_27{font-size: 25px;}
    #about1 .fs_25{font-size: 23px;}
    #about1 .fs_20{font-size: 19px; line-height: 1.7}
    #about1 .fs_17{font-size: 16px;}

    /* banner_wrap */
    #about1 .banner_wrap {padding: 80px 0;}
    #about1 .banner_wrap .img{max-width: 250px;}
    #about1 .banner_wrap .text{padding: 0 50px 0 250px;}
    /* text_wrap */
    #about1 .text_wrap{padding: 50px 0 100px}

}

@media screen and (max-width:1280px) {
    /* banner_wrap */
    #about1 .banner_wrap{padding: 75px 0;}

}

@media screen and (max-width: 1024px) {
    #about1 > article{padding: 30px 0; }

    #about1  .sub_inner{padding: 0 30px;}

    /* bar_tit */
    #about1 .bar_tit h3{padding-left: 0; text-align: center;}
    #about1 .bar_tit h3::before{width: 35px; height: 4px; top: 0px; position: relative; margin: 0 auto 15px;}

    /* font-style */
    #about1 .fs_45{font-size: 35px;}
    #about1 .fs_35{font-size: 30px;}
    #about1 .fs_27{font-size: 23px;}
    #about1 .fs_25{font-size: 21px;}
    #about1 .fs_20{font-size: 18px;}
    #about1 .fs_17{font-size: 15px;}

    /* banner_wrap */
    #about1 .banner_wrap{display: flex; flex-direction: column-reverse; padding: 30px 0 0;}
    #about1 .banner_wrap .img{position: relative; left: initial; bottom: initial; max-width: 100%; text-align: center;}
    #about1 .banner_wrap .img img{max-height: 300px;}
    #about1 .banner_wrap .text{padding: 0 30px; margin: 0 0 30px; text-align: center;}

    /* text_wrap */
    #about1 .text_wrap{padding: 40px 0 60px; text-align: center;}
    #about1 .text_wrap .sign{text-align: center; margin-top: 30px;}
}

@media screen and (max-width: 640px) {
    #about1  .sub_inner{padding: 0 20px;}

    /* bar_tit */
    #about1 .bar_tit h3::before{width: 30px; margin-bottom: 10px;}

    /* font-style */
    #about1 .fs_45{font-size: 30px;}
    #about1 .fs_35{font-size: 28px; line-height: 1.4;}
    #about1 .fs_27{font-size: 22px;}
    #about1 .fs_25{font-size: 20px;}
    #about1 .fs_20{font-size: 17px;}
    #about1 .fs_17{font-size: 14px;}

    /* banner_wrap */
    #about1 .banner_wrap .deco::before{display: none;}
    #about1 .banner_wrap .text{padding: 0 20px;}
    #about1 .banner_wrap .img img{max-height: 250px;}

}

@media screen and (max-width: 360px) {
    /* banner_wrap */
    #about1 .banner_wrap .text p{word-break: break-word;}
}