@charset "utf-8";
/* animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; */


/* 메인 */

/* .main .main-visual */
.main .main-visual .bg2{ opacity: 0; }
.main .main-visual.on .bg2{ animation: hideShow 0.5s ease-in-out 0.3s 1 forwards running; }

.main .main-visual .rise-wrap{ position: relative; overflow: hidden; }
.main .main-visual .rise-wrap .rise{ opacity: 0; }
.main .main-visual.on .rise-wrap .rise{ animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; }

.main .main-visual .t1{ opacity: 0; }
.main .main-visual.on .t1{ animation: fadeIn 0.5s ease-in-out 0.5s 1 forwards running; }
.main .main-visual .t2{ opacity: 0; }
.main .main-visual.on .t2{ animation: fadeIn 0.5s ease-in-out 1s 1 forwards running; }

.main .main-visual .scroll-div .icon{ animation: bounce 2s ease-in-out 0s infinite; }

/* .main .alone-section */
.main .alone-section .main-title{ opacity: 0; }
.main .alone-section.on .main-title{ animation: fadeIn 0.5s ease-in-out 0.3s 1 forwards running; }
.main .alone-section .t2{ opacity: 0; }
.main .alone-section.on .t2{ animation: fadeIn 0.5s ease-in-out 0.5s 1 forwards running; }

.main .alone-section .box2 .t3{ opacity: 0; }
.main .alone-section .box2.on .t3{ animation: fadeIn 0.5s ease-in-out 0.3s 1 forwards running; }
.main .alone-section .box2 .content{ opacity: 0; }
.main .alone-section .box2.on .content{ animation: fadeIn 0.5s ease-in-out 0.5s 1 forwards running; }

/* .main .proof-section */
.main .proof-section .inner{ opacity: 0; }
.main .proof-section.on .inner{ animation: fadeIn 0.5s ease-in-out 0.3s 1 forwards running; }

.main .reason-section .item-list > li{ opacity: 0; }
.main .reason-section.on .item-list > li:nth-child(1){ animation: fadeIn 0.5s ease-in-out 0.5s 1 forwards running; }
.main .reason-section.on .item-list > li:nth-child(2){ animation: fadeIn 0.5s ease-in-out 0.5s 1 forwards running; }
.main .reason-section.on .item-list > li:nth-child(3){ animation: fadeIn 0.5s ease-in-out 0.5s 1 forwards running; }
.main .reason-section.on .item-list > li:nth-child(4){ animation: fadeIn 0.5s ease-in-out 0.7s 1 forwards running; }
.main .reason-section.on .item-list > li:nth-child(5){ animation: fadeIn 0.5s ease-in-out 0.8s 1 forwards running; }

/* .main .reason-section */
.main .reason-section .main-small-title{ opacity: 0; }
.main .reason-section.on .main-small-title{ animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; }
.main .reason-section .main-title2{ opacity: 0; }
.main .reason-section.on .main-title2{ animation: fadeIn 0.5s ease-in-out 0.3s 1 forwards running; }

.main .reason-section .step-list{ opacity: 0; }
.main .reason-section .step-list.on{ animation: fadeIn 0.5s ease-in-out 0.3s 1 forwards running; }

/* .main .know-section */
.main .know-section .main-small-title{ opacity: 0; }
.main .know-section.on .main-small-title{ animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; }
.main .know-section .main-title2{ opacity: 0; }
.main .know-section.on .main-title2{ animation: fadeIn 0.5s ease-in-out 0.2s 1 forwards running; }

.main .know-section .category-list{ opacity: 0; }
.main .know-section.on .category-list{ animation: fadeIn 0.5s ease-in-out 0.5s 1 forwards running; }

.main .know-section .category-list2{ opacity: 0; }
.main .know-section .category-list2.on{ animation: fadeIn 0.5s ease-in-out 0s 1 forwards running; }

/* .main .news-section */
.main .news-section .half-box .title-div{ opacity: 0; }
.main .news-section.on .half-box .title-div{ animation: fadeInLeft 0.5s ease-in-out 0.3s 1 forwards running; }
.main .news-section .half-box .list-div{ opacity: 0; }
.main .news-section.on .half-box .list-div{ animation: fadeInRight 0.5s ease-in-out 0.3s 1 forwards running; }

/* .main .sns-section */
.main .sns-section .main-title2{ opacity: 0; }
.main .sns-section.on .main-title2{ animation: fadeIn 0.5s ease-in-out 0.3s 1 forwards running; }
.main .sns-section .content{ opacity: 0; }
.main .sns-section.on .content{ animation: fadeIn 0.5s ease-in-out 0.5s 1 forwards running; }

.main .sns-section .sns-list{ opacity: 0; }
.main .sns-section.on .sns-list{ animation: fadeIn 0.5s ease-in-out 0.8s 1 forwards running; }

/* .main .contact-us */
.main .contact-us .bg{ opacity: 0; }
.main .contact-us.on .bg{ animation: hideShow 0.5s ease-in-out 0.3s 1 forwards running; }

.main .contact-us .logo2{ opacity: 0; }
.main .contact-us.on .logo2{ animation: fadeIn 0.5s ease-in-out 0.6s 1 forwards running; }
.main .contact-us .bar{ opacity: 0; }
.main .contact-us.on .bar{ animation: fadeIn 0.5s ease-in-out 0.9s 1 forwards running; }
.main .contact-us .apply-btn{ opacity: 0; }
.main .contact-us.on .apply-btn{ animation: fadeIn 0.5s ease-in-out 1.2s 1 forwards running; }

/* 서브 */

/* 서브 배너 */
.sub .sub-banner .bg{ animation: bigToSmall 2s linear 0s 1 forwards running; }
.sub .sub-banner h2{ animation: hideShow 0.3s ease-in-out 0s 1 forwards running; }

/* 로펌 소개 */
.sub1 .article1 p{ opacity: 0; }
.sub1 .article1 p.on{ animation: fadeIn 0.3s ease-in-out 0s 1 forwards running; }

.sub1 .article2 .inner{ opacity: 0; }
.sub1 .article2.on .inner{ animation: fadeIn 0.3s ease-in-out 0s 1 forwards running; }

.sub1 .article3 .half-box .item{ opacity: 0; }
.sub1 .article3 .half-box .logo{ transform: translateX(2); z-index: 3; }
.sub1 .article3.on .half-box .item:nth-child(1){ animation: fadeInLeft 0.5s ease-in-out 0s 1 forwards running; }
.sub1 .article3.on .half-box .item:nth-child(3){ animation: fadeInRight 0.5s ease-in-out 0s 1 forwards running; }

.sub1 .article4 .sub-title{ opacity: 0; }
.sub1 .article4.on .sub-title{ animation: fadeIn 0.3s ease-in-out 0s 1 forwards running; }
.sub1 .article4 .sub-content{ opacity: 0; }
.sub1 .article4.on .sub-content{ animation: fadeIn 0.3s ease-in-out 0.1s 1 forwards running; }
.sub1 .article4 .item-list{ opacity: 0; }
.sub1 .article4.on .item-list{ animation: fadeIn 0.3s ease-in-out 0.2s 1 forwards running; }
.sub1 .article4 .apply-div{ opacity: 0; }
.sub1 .article4.on .apply-div{ animation: fadeIn 0.3s ease-in-out 0.3s 1 forwards running; }

/* 구성원 소개 */
/* .sub2 .aricle1 .bottom-bar-title{ opacity: 0; } */
/* .sub2 .aricle1.on .bottom-bar-title{ animation: fadeIn 0.3s ease-in-out 0s 1 forwards running; } */

/* 미디어 */
.sub5 .main .sns-section .sns-list{ animation: unset; opacity: 1; }

@keyframes fadeIn {
    0% {transform: translate3d(0px, 30px, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInDown {
    0% {transform: translate3d(0px, -30px, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInRight {
    0% { opacity: 0; transform: translate3d(30px, 0, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translate3d(-30px, 0, 0px); }
    100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes hideShow {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes bigToSmall {
    0%{ transform: scale(1.2); }
    100%{ transform: scale(1); }
}
@keyframes bounce {
    0%   { transform: translateY(0); opacity: 0.6; }
    50%  { transform: translateY(10px); opacity: 1; }
    100% { transform: translateY(0); opacity: 0.6; }
}