/* 서브비쥬얼 공통 */
#subvisual{ width: 100%; position: relative; padding-top: 250px; padding-bottom: 180px; overflow: hidden; }
#subvisual .subbg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; overflow: hidden; border-radius: 0 0 170px 0; }
#subvisual .subbg .max{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat; animation: max 1.5s; }
.partic #subvisual{ padding-bottom: 50px; }
.partic #subvisual .banner{ font-family: 'Jalnan'; font-size: 18px; margin-top: 80px; background-color: #fff; border-radius: 25px; display: inline-flex; padding: 15px 50px; box-sizing: border-box; align-items: center; }
.partic #subvisual .banner p{ margin-right: 20px; }
.partic #subvisual .banner span{ display: flex; align-items: center; }
.partic #subvisual .banner span img{ margin-right: 5px; flex-shrink: 0; }

@keyframes max{
    0%{ transform: scale(1.2); }
    100%{ transform: scale(1); }
}

#subvisual ._sub_tit{ font-family: 'Jalnan'; }
#subvisual ._sub_tit dt{ font-size: 24px; color: #2240ae; letter-spacing: 0.05em; }
#subvisual ._sub_tit dd{ font-size: 70px; color: #1f1f1f; margin-top: 22px; }


@media screen and (max-width: 1280px){
    #subvisual{ padding-top: 160px; padding-bottom: 120px; }
    #subvisual .subbg{ border-radius: 0 0 100px 0; }
    #subvisual ._sub_tit dt{ font-size: 20px; }
    #subvisual ._sub_tit dd{ font-size: 50px; }
}

@media screen and (max-width: 820px){
    #subvisual{ padding-top: 120px; padding-bottom: 80px; }
    #subvisual .subbg{ border-radius: 0 0 70px 0; }
    #subvisual ._sub_tit dt{ font-size: 18px; }
    #subvisual ._sub_tit dd{ font-size: 35px; }

    .partic #subvisual .banner{ font-size: 14px; padding: 5px 30px; margin-top: 30px; }
}

@media screen and (max-width: 500px){
    #subvisual{ padding-top: 100px; padding-bottom: 60px; }
    #subvisual .subbg{ border-radius: 0 0 60px 0; }
    #subvisual .subbg .max{ background-position: right 30% center; }
    #subvisual ._sub_tit dt{ font-size: 14px; }
    #subvisual ._sub_tit dd{ font-size: 30px; margin-top: 10px; }

    .partic #subvisual{ padding-bottom: 20px; }
    .partic #subvisual .banner{ font-size: 12px; padding: 5px 0; flex-direction: column; justify-content: center; align-items: center; display: flex; width: 100%; max-width: 250px; margin: 0 auto; margin-top: 20px; }
    .partic #subvisual .banner p{ margin-right: 0; }
    .partic #subvisual .banner span img{ width: 10px; }
    .partic #subvisual .banner span{ margin-top: 5px; }
}