@charset "UTF-8";

@media only screen and (min-width: 1024px) {
    @keyframes slideUp {0%{transform: translateY(30px); opacity: 0;}100% {transform: translateY(0); opacity: 1;}}


    #sub .sub .sub_guide > .guide_inner > .box.left .title_area .sub_tit {transform: translateY(30px); opacity: 0; animation: slideUp 0.6s 0.2s forwards;}
    #sub .sub .sub_guide > .guide_inner > .box.left .title_area .title {transform: translateY(30px); opacity: 0; animation: slideUp 0.6s 0.3s forwards;}
    #sub .sub .sub_guide > .guide_inner > .box.left .left_menu_list_area {transform: translateY(30px); opacity: 0; animation: slideUp 0.6s 0.4s forwards;}

    .greeting_cont .greeting_info_area .inner_box .box.left {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 0.4s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .title_area {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 0.5s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .sub_title_area {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 0.6s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(1) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 0.7s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(2) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 0.8s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(3) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 0.9s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(4) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 1s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(5) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 1.1s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(6) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 1.2s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(7) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 1.4s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(8) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 1.6s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(9) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 1.8s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(10) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 2s forwards;}
    .greeting_cont .greeting_info_area .inner_box .box.right .text_list_area .list li:nth-child(11) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 2.2s forwards;}
    .greeting_cont .step_info_list_area > .list > li:nth-child(1) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 0.9s forwards;}
    .greeting_cont .step_info_list_area > .list > li:nth-child(2) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 1s forwards;}
    .greeting_cont .step_info_list_area > .list > li:nth-child(3) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 1.1s forwards;}
    .greeting_cont .step_info_list_area > .list > li:nth-child(4) {transform: translateY(30px); opacity: 0; animation: slideUp 0.3s 1.2s forwards;}
    .greeting_cont > .info_area {transform: translateY(30px); opacity: 0; animation: slideUp 0.7s 1.3s forwards;}

}