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

.peopleSection .en_title{ opacity: 0; }
.peopleSection.on .en_title{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }
.peopleSection .ko_title{ opacity: 0; }
.peopleSection.on .ko_title{ animation: fadeIn 0.7s ease-in-out 0.1s 1 forwards running; }
.peopleSection .content{ opacity: 0; }
.peopleSection.on .content{ animation: fadeIn 0.7s ease-in-out 0.2s 1 forwards running; }
.peopleSection .viewBtn{ opacity: 0; }
.peopleSection.on .viewBtn{ animation: fadeIn 0.7s ease-in-out 0.3s 1 forwards running; }

.main .halfCategorySec .leftBox .contentWrap{ opacity: 0; }
.main .halfCategorySec.on .leftBox .contentWrap{ animation: fadeInLeft 0.7s ease-in-out 0s 1 forwards running; }

.main .aboutOnjoSec .leftArti .contnetWrap{ opacity: 0; }
.main .aboutOnjoSec.on .leftArti .contnetWrap{ animation: fadeInLeft 0.7s ease-in-out 0s 1 forwards running; }
.main .aboutOnjoSec .rightArti .contentBox{ opacity: 0; }
.main .aboutOnjoSec.on .rightArti .contentBox{ animation: fadeInRight 0.7s ease-in-out 0s 1 forwards running; }


.main .caseSection .inner{ opacity: 0; }
.main .caseSection.on .inner{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }

.professionalSec .inner{ opacity: 0; }
.professionalSec.on .inner{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }

.sub .lawyerArti .item{ opacity: 0; }
.sub .lawyerArti .item1{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }
.sub .lawyerArti .item2{ animation: fadeIn 0.7s ease-in-out 0.1s 1 forwards running; }
.sub .lawyerArti .item3{ animation: fadeIn 0.7s ease-in-out 0.2s 1 forwards running; }

.sub .informationArti .item{ opacity: 0; }
.sub .informationArti.on .item{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }

.sub .article01 .sub_title.center{ opacity: 0; }
.sub .article01.on .sub_title.center{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }
.sub .article01 .sub_borderContent{ opacity: 0; }
.sub .article01.on .sub_borderContent{ animation: fadeIn 0.7s ease-in-out 0.1s 1 forwards running; }

.sub.menu1_2 .categorySlide{ opacity: 0; }
.sub.menu1_2 .categorySlide.on{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }

.sub.menu1_2 .categoryContentArti{ opacity: 0; }
.sub.menu1_2 .categoryContentArti.on{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }

.sub.menu1_3 .article02{ opacity: 0; }
.sub.menu1_3 .article02.on{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }

.sub.menu1_3 .article03{ opacity: 0; }
.sub.menu1_3 .article03.on{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }

.sub.menu1_5 .article02{ opacity: 0; }
.sub.menu1_5 .article02.on{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }

.sub.menu1_4 .article02{ opacity: 0; }
.sub.menu1_4 .article02.on{ animation: fadeIn 0.7s ease-in-out 0s 1 forwards running; }

.sub.menu1_2 .categorySlide .slideBox .btnWrap .pnBtn .circle{ animation: rotate_image 15s linear infinite }

@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}
@keyframes fadeIn {
    0% { opacity: 0; transform: translate3d(0px, 30px, 0px); }
    /* 50% { opacity: .6; } */
    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); }
}