@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');

.wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    background: #121318;
}

.container {
    max-width:1430px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.pc {
    display: block;
}

.mo {
    display: none;
}



/* header  */

.header {
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    transition: all .3s;
}

.header.active {
    background-color: rgba(0,0,0,0.2);
    backdrop-filter: blur(30px);
}

.header .logo_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.header .logo_wrap .logo {}
.header .logo_wrap .logo img {}
.header .logo_wrap .nav {
    display: flex;
    align-items: center;
    gap: 80px;
}
.header .logo_wrap .nav .nav_menu {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
}

.header .mo_menu {
    display: none;
}

.mo_nav_wrap {
    display: none;
}


/* section01 */

.section01 {
    background: url("../image/sectionbg_01.png") no-repeat;
    background-size:cover;
    padding-top: 150px;
}

.sec01_01 {
    display:flex;
    height: 700px;
    margin-top: 135px;
}
.sec01_01 .phone_area {
    display:flex;
    position:relative;
}
.sec01_01 .phone_area img {}
.sec01_01 .phone_area img.img1 {
    position: absolute;
    left: 0px;
}
.sec01_01 .phone_area img.img2 {
    position: absolute;
    left: 300px;
    bottom: 180px;
}
.sec01_01 .phone_area img.img3 {
    position: absolute;
    top: -100px;
    right: -40px;
    animation: updown 3s infinite;
}

@keyframes updown {
    0% {
        top:-100px
    }
    50% {
        top: -70px
    }
    100% {
        top:-100px;
    }
}


.sec01_01 .text_area {
    display: flex;
    flex-direction: column;
    grid-gap: 90px;
    position: absolute;
    right: 0px;
    width: 590px;
    top: 130px;
}
.sec01_01 .text_area .text_area_top {}
.sec01_01 .text_area .text_area_top .title {
    font-size: 50px;
    color: #fff;
}
.sec01_01 .text_area .text_area_top .sub_title {
    margin-top: 30px;
    font-size: 18px;
    line-height: 26px;
    color: #7c7c7c;
}
.sec01_01 .text_area .text_area_bot {
    display:flex;
    flex-direction: column;
    grid-gap:14px;
    max-width:470px;
}
.sec01_01 .text_area .text_area_bot .down_btn {
    transition: 1s;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    border-radius: 14px;
    background: rgb(185,62,191);
    background: -moz-linear-gradient(90deg, rgba(185,62,191,1) 0%, rgba(222,56,155,1) 50%, rgba(254,32,122,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(185,62,191,1) 0%, rgba(222,56,155,1) 50%, rgba(254,32,122,1) 100%);
    background: linear-gradient(90deg, rgba(185,62,191,1) 0%, rgba(222,56,155,1) 50%, rgba(254,32,122,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b93ebf",endColorstr="#fe207a",GradientType=1);
}
.sec01_01 .text_area .text_area_bot .down_btn:after {
    display:block;
    content:"";
    background: url("../image/section01_btn_bag.png") no-repeat;
    background-position: center right;
    background-size: cover;
    position: absolute;
    right: 0;
    top: -70px;
    width: 84px;
    height: 99px;
    transition: 1s;
}

.sec01_01 .text_area .text_area_bot .down_btn:hover:after {
    top:-140px;
}

.sec01_01 .text_area .text_area_bot .btn_group {
    display:flex;
    align-items: center;
    gap:10px;
}
.sec01_01 .text_area .text_area_bot .btn_group .google_btn {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    cursor: pointer;
    background: rgba(255,255,255,0.2);
    border-radius: 14px;
    padding: 8px;
    flex:1;
    text-decoration: none;
}
.sec01_01 .text_area .text_area_bot .btn_group .google_btn .ico_google {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: rgb(255,64,159) url("../image/ico_googleplay.png") no-repeat;
    background: -moz-linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_googleplay.png") no-repeat;;
    background: -webkit-linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_googleplay.png") no-repeat;;
    background: linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_googleplay.png") no-repeat;;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff409f",endColorstr="#ff217a",GradientType=1);
    background-position: center;
}

.sec01_01 .text_area .text_area_bot .btn_group .app_btn {
    display: flex;
    align-items: center;
    grid-gap: 15px;
    cursor: pointer;
    background: rgba(255,255,255,0.2);
    border-radius: 14px;
    padding: 8px;
    flex:1;
    text-decoration: none;
}
.sec01_01 .text_area .text_area_bot .btn_group .app_btn .ico_apple {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background: rgb(255,64,159) url("../image/ico_apple.png") no-repeat;
    background: -moz-linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_apple.png") no-repeat;
    background: -webkit-linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_apple.png") no-repeat;
    background: linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_apple.png") no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff409f",endColorstr="#ff217a",GradientType=1);
    background-position: center;
}

.sec01_01 .text_area .text_area_bot .btn_group .btn_text {
    color: #fff;
    text-align: left;
}
.sec01_01 .text_area .text_area_bot .btn_group .btn_text .sub {
    font-size: 14px;
    font-weight: 300;
}
.sec01_01 .text_area .text_area_bot .btn_group .btn_text .main_text {
    font-size: 24px;
    font-weight: 500;
}

.sec01_02 {
    padding: 460px 0;
    width: 540px;
}
.sec01_02 .text_area {}
.sec01_02 .text_area .title {
    color: #fd227b;
    font-size: 28px;
    font-weight: 600;
}
.sec01_02 .text_area .sub_text {
    font-size: 16px;
    color: #b4b4b4;
    line-height: 26px;
    margin-top: 30px;
}
.sec01_02 .text_area .sub_text span {
    display: inline-block;
}

.section02 {
    background: url("../image/sectionbg_02.png") no-repeat;
    background-size:cover;
    background-position: top;
    padding-top: 150px;
}

.sec02_01 {
    position: relative;
}
.sec02_01 .bag01 {
    position: absolute;
    top: 0px;
    left: -60px;
    animation: updown2 3s infinite;
}
@keyframes updown2 {
    0% {
        top:-100px
    }
    50% {
        top: -70px
    }
    100% {
        top:-100px;
    }
}
.sec02_01 .bag01 img {}

.sec02_01 .title_wrap {
    padding-top: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sec02_01 .title_wrap .title {
    font-size: 50px;
    color: #ffffff;
}
.sec02_01 .title_wrap .text {
    margin-top: 25px;
    font-size: 16px;
    line-height: 26px;
    color: #7c7c7c;
    width: 540px;
    text-align: center;
}
.sec02_01 .user_img {
    display: flex;
    justify-content: flex-end;
    margin-top: 60px;
}
.sec02_01 .user_img img {}
.sec02_01 .phone_wrap {
    position: relative;
    margin-top: 60px;
}
.sec02_01 .phone_wrap img {
    position: relative;
}
.sec02_01 .phone_wrap .phone1 {
    left: 30px;
}
.sec02_01 .phone_wrap .phone2 {
    right: 40px;
    top: 60px;
}
.sec02_01 .phone_wrap .tooltip1 {
    position: absolute;
    left: -30px;
    top: 90px;
}
.sec02_01 .bag2 {
    display: flex;
    justify-content: flex-end;
    position: relative;
    left: 185px;
    bottom:100px;
    animation: updown3 3s infinite;
}
@keyframes updown3 {
    0% {
        top:-100px
    }
    50% {
        top: -70px
    }
    100% {
        top:-100px;
    }
}
.sec02_01 .bag2 img {}
.sec02_01 .banner_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: rgba(37,42,117,.6);
    border-radius: 50px;
    padding: 80px;
    position: relative;
    box-sizing: border-box;
}
.sec02_01 .banner_wrap .user_icon {}
.sec02_01 .banner_wrap .user_icon img {}
.sec02_01 .banner_wrap .sm_text {}
.sec02_01 .banner_wrap .sm_text p {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}
.sec02_01 .banner_wrap .plus {
    font-size: 80px;
    color: #8b6dda;
}
.sec02_01 .banner_wrap .ntf_img {}
.sec02_01 .banner_wrap .ntf_img img {}
.sec02_01 .banner_wrap .tooltip {
    position:absolute;
    right: 60px;
    top: -25px;
}

.sec02_01 .banner_wrap .banner_left {
    display: flex;
    align-items: center;
}
.sec02_01 .banner_wrap .banner_right{
    display: flex;
    align-items: center;
    gap: 25px;
}

.sec02_02 {
    margin-top: 300px;
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.sec02_02 .mode_wrap {
    display: flex;
    align-items: center;
}
.sec02_02 .mode_wrap .text_wrap {
    display: flex;
    gap:80px;
}
.sec02_02 .mode_wrap .text_wrap .num {
    color: #fd227b;
    font-size: 40px;
}
.sec02_02 .mode_wrap .text_wrap .text {

}
.sec02_02 .mode_wrap .text_wrap .text .title {
    font-size: 40px;
    color: #fff;
}
.sec02_02 .mode_wrap .text_wrap .text .sub_text {
    margin-top: 30px;
}
.sec02_02 .mode_wrap .text_wrap .text .sub_text span {
    font-size: 16px;
    color: rgba(255,255,255,0.5);
    line-height: 26px;
    display: inline-block;
}
.sec02_02 .mode_wrap img {
    position: relative;
}
.sec02_02 .mode_wrap .mode1 {
}
.sec02_02 .mode_wrap .mode2 {
}

.sec02_03 {
    margin-top: 700px;
}
.sec02_03 .service_title {
    text-align: center;
}
.sec02_03 .service_title .title {
    color: #ffffff;
    font-size: 50px;
}
.sec02_03 .service_title .sub {
    font-size: 16px;
    color: #5a5981;
    margin-top: 30px;
}
.sec02_03 .video_wrap {
    width: 1190px;
    height: 650px;
    background: orange;
    margin: 0 auto;
    margin-top: 60px;
}
.sec02_03 img {}

.sec02_04 {
    padding: 500px 0;
}
.sec02_04 .system_wrap {
    text-align: center;
}
.sec02_04 .system_wrap .title {
    color: #ffffff;
    font-size: 50px;
}
.sec02_04 .system_wrap .sub {
    margin-top: 30px;
}
.sec02_04 .system_wrap .sub span {
    font-size: 16px;
    color: #5a5981;
    display: block;
    line-height: 26px;
}
.sec02_04 .card_wrap {
    position: relative;
}
.sec02_04 .card_wrap .card_line {}
.sec02_04 .card_wrap .card_line .card_circle {}
.sec02_04 .card_wrap .card_item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 110px;
}
.sec02_04 .card_wrap .card_item .card {
    background: #26243c;
    border-radius: 25px;
    position: relative;
    transition: all .5s;
}
.sec02_04 .card_wrap .card_item .card::after {
    content: "";
    position: absolute;
    top: -55px;
    width: 14px;
    height: 14px;
    background: #454550;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}
.sec02_04 .card_wrap .card_item .card::before {
    content: "";
    position: absolute;
    top: -50px;
    display: block;
    width: 110%;
    height: 2px;
    background: #454550;
    transform: translate(-50%);
    left: 104%;
}
.sec02_04 .card_wrap .card_item .card.active {
    background: #fff;
}
.sec02_04 .card_wrap .card_item .card:last-child::before {
    display: none;
}


.sec02_04 .card_wrap .card_item .card .card_inner {
    position: relative;
    padding: 45px 30px 45px 40px;
}

.sec02_04 .card_wrap .card_item .card.active .card_inner::after {
    border-left: 15px solid rgba(255, 255, 255, 0);
    border-right: 15px solid rgba(255, 255, 255, 0);
    color: #fff;
}
.sec02_04 .card_wrap .card_item .card .card_inner::after {
    position: absolute;
    top: -20px;
    left:50%;
    transform: translateX(-50%);
    content: " ";
    height: 0;
    border-bottom: 20px solid;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    color: #26243c;
}
.sec02_04 .card_wrap .card_item .card.active::after {
    background: #fc237c;
}
.sec02_04 .card_wrap .card_item .card.active .title {
    color: #fc237c;
}
.sec02_04 .card_wrap .card_item .card .title {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}
.sec02_04 .card_wrap .card_item .card .sub {
    margin-top: 20px;
}
.sec02_04 .card_wrap .card_item .card.active .sub span {
    color: #333;
}
.sec02_04 .card_wrap .card_item .card .sub span {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #6e6b8d;
}

.section03 {
    padding: 160px 0px;
    background: #1d1f25;
}
.section03 .news_wrap {}
.section03 .news_wrap .title {
}
.section03 .news_wrap .title .news {
    text-align: center;
    font-size: 50px;
    color: #fff;
}
.section03 .news_wrap .news_layout {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 70px;
}
.section03 .news_wrap .news_layout .news {
    position: relative;
}
.section03 .news_wrap .news_layout .news.item1{
    grid-area: 1 / 1 / 3 / 3;
}
.section03 .news_wrap .news_layout .news.item2{
    grid-area: 1 / 3 / 2 / 5;
}
.section03 .news_wrap .news_layout .news.item3{
    grid-area: 2 / 3 / 3 / 5;
}

.section03 .news_wrap .news_layout .news.item1 .img_wrap {
    width: 100%;
    height: 100%;
}
.section03 .news_wrap .news_layout .news.item1 .img_wrap img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section03 .news_wrap .news_layout .news.item1 .text_wrap  {
    position: absolute;
    bottom: 40px;
    left: 40px;
}
.section03 .news_wrap .news_layout .news.item1 .text_wrap .title  {
    font-size: 28px;
    color: #fff;
    line-height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.section03 .news_wrap .news_layout .news.item1 .text_wrap .sub {
    font-size: 16px;
    color: rgba(255,255,255,0.5);
    margin-top: 20px;
    line-height: 26px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.section03 .news_wrap .news_layout .news.row .news_left {
    width: 50%;
}
.section03 .news_wrap .news_layout .news.row a {
    display: flex;
    width: 100%;
    text-decoration: none;
    color: inherit;
}
.section03 .news_wrap .news_layout .news.row .news_left .img_wrap {
    width: 100%;
    height: 100%;
}
.section03 .news_wrap .news_layout .news.row .news_left .img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section03 .news_wrap .news_layout .news.row {
    display: flex;
}
.section03 .news_wrap .news_layout .news.row .news_right {
    flex: 1;
    background: #2e2e33;
}
.section03 .news_wrap .news_layout .news.row .news_right .text_wrap {
    padding: 60px 40px;
    box-sizing: border-box;
}
.section03 .news_wrap .news_layout .news.row .news_right .text_wrap .title {
    font-size: 28px;
    color: #fff;
    line-height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.section03 .news_wrap .news_layout .news.row .news_right .text_wrap .sub {
    font-size: 14px;
    color: #7c7c7c;
    line-height: 22px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    margin-top: 20px;
}

.section04 {
    background: #121318;
    padding: 160px 0 200px 0;
}
.section04 .history_wrap {}
.section04 .history_wrap .text_wrap {
    text-align: center;
}
.section04 .history_wrap .text_wrap .title {
    font-size: 50px;
    color: #fff;
}
.section04 .history_wrap .text_wrap .sub_text {
    font-size: 16px;
    color: #7c7c7c;
    margin-top: 30px;
    line-height: 26px;
}
.section04 .history_wrap .text_wrap .sub_text span {
    display: inline-block;
}
.section04 .history {
    margin-top: 230px;
    position: relative;
}
.section04 .history .history_line {
    position: absolute;
    width: 100%;
    height: 10px;
    background: #ff0066;
    top: 50%;
}
.section04 .history .history_list {
    display: flex;
}
.section04 .history .history_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
    text-align: center;
    top:68px;
}
.section04 .history .history_item .date {
    font-size: 24px;
    color: #fff;
    position: relative;
    top:-10px;
}
.section04 .history .history_item .line {
    width: 1px;
    height: 80px;
    background: #ff0066;
}
.section04 .history .history_item .circle {
    width: 10px;
    height: 10px;
    background: #ff0066;
    border-radius: 50%;
}
.section04 .history .history_item .text {
    color: #fff;
    font-size: 16px;
    position: relative;
    top: 10px;
}
.section04 .history .history_item .text span {
    display:block;
}
.section04 .history .history_item .big_circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 1px 5px rgb(255 0 103);
}
.section04 .history .history_item.reverse {
    top: -32px;
}
.section04 .history .history_item.reverse .text {
    top: -10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 35px;
}
.section04 .history .history_item.reverse .text span{}
.section04 .history .history_item.reverse .circle {}
.section04 .history .history_item.reverse .line {}
.section04 .history .history_item.reverse .date {
    top: 20px;
}
.section04 .history .history_item.reverse .big_circle {}

.section05 {
    background: #1d1f25;
    padding: 120px 0 160px 0;
}
.section05 .team_wrap {}
.section05 .team_wrap .more {
    display: none;
}
.section05 .team_wrap .team_text {
    font-size: 50px;
    color: #fff;
    text-align: center;
}
.section05 .team_list_wrap {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    gap:30px;
}
.section05 .team_list {
    display:flex;
    gap:30px;
    position: relative;
}
.section05 .team_list.mo_block {
    display: none;
}
.section05 .team_list .team_img {
    position:relative;
}


.section05 .team_list .team_img.active::after {
    content:"";
    position:absolute;
    background: url("../image/gradation.png");
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius:20px;
    background-size:cover;
}

.section05 .team_list .team_img .linked {
    position: absolute;
    left: 0;
    z-index: 10;
    left: 24px;
    bottom: 24px;
    display: none;
}

.section05 .team_list .team_img.active .linked {
    display: block;
}

.section05 .team_list .team_img img {}
.section05 .team_list.end {
    justify-content: flex-end;
}
.section05 .team_list.end .team_img {}
.section05 .team_list.end .team_img img {}

.section06 {
    background: #121318;
    padding: 160px 0;
}
.section06 .partners_wrap {}
.section06 .partners_wrap .partner_text {
    font-size: 50px;
    color: #fff;
    text-align: center;
}
.section06 .partners_wrap .partner_img {
    padding: 60px 0 40px 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.section06 .partners_wrap .partner_img img {
    max-width:250px;
}

.section06 .partners_wrap .partner_img2 {
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;
}
.section06 .partners_wrap .partner_img2 img {
    max-width:250px;
}

.section06 .partners_wrap .etc_text {
    text-align: center;
    font-size: 16px;
    color: #7c7c7c;
}

.section07 {
    padding: 160px 0;
    background: #1d1f25;
}
.section07 .chart_wrap {
    /* width: 1190px; */
    /* margin: 0 auto; */
    position: relative;
}
.section07 .chart_wrap .chart_box {
    /* width: 100%; */
    /* height: 900px; */
    width: 100%;
    height: 900px;
}
.section07 .chart_wrap .chart_box #myChart {}
.section07 .chart_wrap .chart_text {
    width: 480px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
    transform: translate(-50%, -50%);
}
.section07 .chart_wrap .chart_text .title {
    font-size: 50px;
    color: #fff;
    text-align: center;
    line-height: 1;
}
.section07 .chart_wrap .chart_text .sub {
    color: #7c7c7c;
    line-height: 26px;
    margin-top: 25px;
}
.section07 .table_wrap {
    width: 1190px;
    margin: 0 auto;
    margin-top: 80px;
}
.section07 .table_wrap .table {
    display: flex;
    flex-direction: column;
}
.section07 .table_wrap .table .table_list {
    display: flex;
    border-bottom: 1px solid #34363b;
}
.section07 .table_wrap .table .table_list:first-child {
    border-top: 1px solid #34363b;
}
.section07 .table_wrap .table .table_list .title {
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:208px;
    box-sizing: border-box;
    padding: 20px 0;
    border-right: 1px solid #34363b;
    text-align: center;
}
.section07 .table_wrap .table .table_list .text {
    flex: 1;
    font-size: 20px;
    color: #6c7079;
    padding: 20px 10px 20px 32px;
    display: flex;
    align-items: center;
}


.footer {
    padding: 90px 0;
}
.footer .foo_top {
    padding-bottom: 60px;
    border-bottom: 1px solid #414246;
}
.footer .foo_top img {}
.footer .foo_bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.footer .foo_bot .foo_l {
}
.footer .foo_bot .foo_l .icons {
    display: flex;
    align-items: center;
    gap: 30px;
}
.footer .foo_bot .foo_l .icons a {}
.footer .foo_bot .foo_l .text {
    margin-top: 20px;
    font-size: 14px;
    color: #7c7c7c;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
}
.footer .foo_bot .foo_r {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer .foo_bot .foo_r .buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer .foo_bot .foo_r .buttons a {}
.footer .foo_bot .foo_r .buttons a img {}
.footer .foo_bot .foo_r .buttons a img.basic{
}
.footer .foo_bot .foo_r .buttons a img.hover{
    display: none;
}

.footer .foo_bot .foo_r .btn .text_wrap {
    text-align: left;
}
.footer .foo_bot .foo_r .btn .text_wrap .top {
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
}
.footer .foo_bot .foo_r .btn .text_wrap .bot {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}


.line1 {
    position:relative;
    bottom: 5vw;
    left: 10vw;
}

.line3 {
    text-align: center;
}
.line4 {
    text-align: center;
}
.st1 {
    stroke-dasharray: 720;
    stroke-dashoffset: 0;
    animation: dash 1s linear alternate;
     }
.st11 {display: none;}

.history_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}


@keyframes dash {
  0% { stroke-dashoffset: -720; }
  100% { stroke-dashoffset: 0; }
}
.st2 {
    stroke-dasharray: 594;
    stroke-dashoffset: 0;
    animation: dash2 1s linear alternate;
     }
     .st22 {
        display: none;
     }

@keyframes dash2 {
  0% { stroke-dashoffset: -594; }
  100% { stroke-dashoffset: 0; }
}

/* 1920 ~ 1430 전용 */
.st1_res {
    stroke-dasharray: 720;
    stroke-dashoffset: 0;
    animation: dash_res 1s linear alternate;
     }
.st11_res {display: none;}
@keyframes dash_res {
    0% { stroke-dashoffset: -720; }
    100% { stroke-dashoffset: 0; }
  }
  .st2_res {
      stroke-dasharray: 594;
      stroke-dashoffset: 0;
      animation: dash2_res 1s linear alternate;
       }
       .st22_res {
          display: none;
       }

  @keyframes dash2_res {
    0% { stroke-dashoffset: -594; }
    100% { stroke-dashoffset: 0; }
  }
/* end */


.st33 {
    stroke-dasharray: 88;
    stroke-dashoffset: 0;
    animation: dash3 1s linear alternate;
     }
     .st3 {
        display: none;
     }

@keyframes dash3 {
  0% { stroke-dashoffset: -88; }
  100% { stroke-dashoffset: 0; }
}

.st44 {
    stroke-dasharray: 88;
    stroke-dashoffset: 0;
    animation: dash4 1s linear alternate;
     }
     .st4 {
        display: none;
     }

@keyframes dash4 {
  0% { stroke-dashoffset: -88; }
  100% { stroke-dashoffset: 0; }
}

.line1_res {
    display: none;
}
.line2 {
    display: inline-block;
}
.line2_res {
    display: none;
}

@media (max-width: 2100px) {
    .sec01_02 {
        padding: 100px 0 300px;
    }
    .sec02_01 .title_wrap {
        padding-top: 300px;
    }
    .sec02_03 {
        margin-top: 400px;
    }
}
@media (max-width: 1920px) {
    .sec01_02 {
        padding: 150px 0 220px 0;
    }
    .section02 {
        padding-top: 0;
    }
    .sec02_01 .title_wrap {
        padding-top: 300px;
    }
    .line1 {
        display: none;
    }
    .line1_res {
        position: relative;
        bottom: 5vw;
        left: 10vw;
        display: block;
    }
    .line2 {
        display: none;
    }
    .line2_res {
        display: inline-block;
    }
}


@media (max-width: 1430px) {
    .pc {
        display:none
    }

    .mo {
        display: block;
    }
    .header .mo_menu {
        width: 54px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .header .mo_menu img {
        width: 50%;
    }
    .header .logo_wrap .nav {
        display: none;
    }

    .mo_nav_wrap {
        display: block;
    }
    .mo_nav_bg{
        position: fixed;
        top: 0px;
        right: -100%;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 100;
        transition: all .5s;
    }
    .mo_nav_wrap.active .mo_nav_bg {
        right: 0;
    }
    .mo_nav_wrap.active .mo_nav {
        right: 0;
    }
    .mo_nav {
        background: url("../image/m_menu_bg.png") no-repeat;
        background-size: cover;
        height: 100vh;
        overflow-y: auto;
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 100;
        transition: all .5s;
        width: 90%;
    }
    .mo_nav::-webkit-scrollbar {
        width: 7px;
      }
    .mo_nav::-webkit-scrollbar-thumb {
    background-color: #6c7079;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
    }
    .mo_nav::-webkit-scrollbar-track {
    background-color: #6c7079;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
    }
    .mo_nav .close_btn {
        position: absolute;
        width: 23px;
        height: 23px;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }
    .mo_nav .close_btn img {
        width: 100%;
    }
    .mo_nav .big_logo {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 150px;
    }
    .mo_nav .big_logo img {
        width: 200px;
        height: 100%;
    }
    .mo_nav .mo_nav_menu {
        margin-top: 70px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mo_nav .mo_nav_menu .mo_nav_menu_list {
        font-size: 24px;
        font-weight: 300;
        color: #fff;
        padding: 20px 0px;
        border-bottom: 1px solid #c75d9d;
        width: 100%;
        text-align: center;
        cursor: pointer;
    }
    .mo_nav .mo_nav_menu .mo_nav_menu_list:first-child {
        border-top: 1px solid #c75d9d;
    }
    .mo_nav .mo_nav_menu .mo_nav_menu_list img {}
    .mo_nav .menu_icon {
        margin-top: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }
    .mo_nav .menu_icon .menu_icon_list {
        cursor: pointer;
        width: 40px;
    }
    .mo_nav .menu_icon .menu_icon_list img {
        width: 100%;
    }
    .mo_nav .menu_footer {
        margin: 20px 0 40px 0;
        text-align: center;
        font-family: 'Noto Sans KR';
        font-size: 9px;
        font-weight: 300;
        color: rgba(255,255,255,0.5);
    }

    .container {
        max-width:calc(100% - 40px);
        padding: 0 20px;
    }
    .section01_mo {
        background: url(../image/sectionbg_01_mo.png) no-repeat;
        background-size: 100%;
        height: 1300px;
        padding-top: 160px;
    }
    .sec01_01_mo {
        display: flex !important;
        flex-direction: column;
    }
    .sec01_01_mo .text_wrap {}
    .sec01_01_mo .text_wrap .title {
        font-size: 30px;
        color: #fff;
    }
    .sec01_01_mo .text_wrap .sub_text {
        font-size: 12px;
        color: #7c7c7c;
        line-height: 16px;
        margin-top: 20px;
    }
    .sec01_01_mo .phone_wrap {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }
    .sec01_01_mo .phone_wrap img {
        position: relative;
    }

    .sec01_01_mo .btn_wrap {
        display:flex;
        flex-direction: column;
        width: 100%;
        gap: 15px;
        padding-top: 150px;
    }
    .sec01_01_mo .btn_wrap .top_btn {}
    .sec01_01_mo .btn_wrap .top_btn .down {
        text-decoration: none;
        cursor: pointer;
        position: relative;
        font-size: 12px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        border-radius: 12px;
        background: rgb(185,62,191);
        background: -moz-linear-gradient(90deg, rgba(185,62,191,1) 0%, rgba(222,56,155,1) 50%, rgba(254,32,122,1) 100%);
        background: -webkit-linear-gradient(90deg, rgba(185,62,191,1) 0%, rgba(222,56,155,1) 50%, rgba(254,32,122,1) 100%);
        background: linear-gradient(90deg, rgba(185,62,191,1) 0%, rgba(222,56,155,1) 50%, rgba(254,32,122,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b93ebf",endColorstr="#fe207a",GradientType=1);
    }
    .sec01_01_mo .btn_wrap .top_btn .down::after {
        transition: 1s;
        display:block;
        content:"";
        background: url("../image/section01_btn_bag.png") no-repeat;
        background-position: center right;
        background-size: 60%;
        position: absolute;
        right: 0;
        top: -60px;
        width: 84px;
        height: 99px;
    }
    .sec01_01_mo .btn_wrap .top_btn .down:hover:after {
        top:-120px;
    }

    .sec01_01_mo .btn_wrap .bot_btn {
        display:flex;
        align-items: center;
        gap:7px;
    }
    .sec01_01_mo .btn_wrap .bot_btn .google_btn {
        display: flex;
        align-items: center;
        grid-gap: 7px;
        cursor: pointer;
        background: rgba(255,255,255,0.2);
        border-radius: 12px;
        padding: 5px;
        flex:1;
        text-decoration: none;
    }
    .sec01_01_mo .btn_wrap .bot_btn .google_btn .ico_google {
        width: 46px;
        height: 46px;
        border-radius: 9px;
        background: rgb(255,64,159) url("../image/ico_googleplay.png") no-repeat;
        background: -moz-linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_googleplay.png") no-repeat;;
        background: -webkit-linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_googleplay.png") no-repeat;;
        background: linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_googleplay.png") no-repeat;;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff409f",endColorstr="#ff217a",GradientType=1);
        background-position: center;
    }
    .sec01_01_mo .btn_wrap .bot_btn .btn_text {
        color: #fff;
        text-align: left;
    }
    .sec01_01_mo .btn_wrap .bot_btn .sub {
        font-size: 10px;
        font-weight: 300;
    }
    .sec01_01_mo .btn_wrap .bot_btn .main_text {
        font-size: 16px;
        font-weight: 500;
    }
    .sec01_01_mo .btn_wrap .bot_btn .app_btn {
        display: flex;
        align-items: center;
        grid-gap: 7px;
        cursor: pointer;
        background: rgba(255,255,255,0.2);
        border-radius: 12px;
        padding: 5px;
        flex:1;
        text-decoration: none;
    }
    .sec01_01_mo .btn_wrap .bot_btn .app_btn .ico_apple {
        width: 46px;
        height: 46px;
        border-radius: 9px;
        background: rgb(255,64,159) url("../image/ico_apple.png") no-repeat;
        background: -moz-linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_apple.png") no-repeat;
        background: -webkit-linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_apple.png") no-repeat;
        background: linear-gradient(90deg, rgba(255,64,159,1) 0%, rgba(255,56,148,1) 50%, rgba(255,33,122,1) 100%) url("../image/ico_apple.png") no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff409f",endColorstr="#ff217a",GradientType=1);
        background-position: center;
    }

    .sec01_02_mo {
        margin-top: 120px;
    }
    .sec01_02_mo .text_area {}
    .sec01_02_mo .text_area .title {
        color: #fd227b;
        font-size: 20px;
        font-weight: 600;
    }
    .sec01_02_mo .text_area .sub_title {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-top: 20px;
    }
    .sec01_02_mo .text_area .sub_title span {
        color: #7c7c7c;
        font-size: 12px;
        line-height: 16px;
    }

    .section02_mo {
        background: url("../image/sectionbg_02_mo.png") no-repeat;
        background-size: cover;
    }
    .sec02_01_mo {
        position: relative;
    }
    .sec02_01_mo .sec2_mo_bag {
        position: absolute;
        top: -220px;
        width: 25%;
        object-fit: cover;
        animation: mo_updown 3s infinite;
    }
    @keyframes mo_updown {
        0% {
            top:-220px
        }
        50% {
            top: -180px
        }
        100% {
            top:-220px;
        }
    }
    .sec02_01_mo .user_wrap {
        width: 90%;
        padding: 75px 0 0 0;
        margin: 0 auto;
    }
    .sec02_01_mo .user_wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .sec02_01_mo .text_wrap {
        padding-top: 150px;
    }
    .sec02_01_mo .text_wrap .title {
        font-size: 30px;
        color: #fff;
        text-align: center;
    }
    .sec02_01_mo .text_wrap .sub_title {
        margin-top: 20px;
        text-align: center;
    }
    .sec02_01_mo .text_wrap .sub_title span {
        color: #7c7c7c;
        font-size: 12px;
        line-height: 16px;
    }
    .sec02_01_mo .phone_wrap {
        position: relative;
        margin-top: 20px;
        margin-bottom: 70px;
    }
    .sec02_01_mo .phone_wrap img {
        position: absolute;
        width: 50%;
    }
    .sec02_01_mo .phone_wrap .phone1 {
        position: relative;
        width: 310px;
        left: calc(50% - 260px);
    }
    .sec02_01_mo .phone_wrap img.phone1{
        left: 40px;
    }

    .sec02_01_mo .phone_wrap img.tooltip {
        width: 65px;
        top: 90px;
        left: 31px;
    }
    .sec02_01_mo .banner_wrap {
        width: 100%;
        background: rgba(37,42,117,.6);
        border-radius: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding: 20px;
        position: relative;
    }
    .sec02_01_mo .banner_wrap .tooltip {
        position: absolute;
        right: 30px;
        top: -30px;
    }
    .sec02_01_mo .banner_wrap .top {
        display: flex;
        align-items: center;
    }
    .sec02_01_mo .banner_wrap .mid {
        font-size: 40px;
        color: #8b6dda;
    }
    .sec02_01_mo .banner_wrap .bot {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sec02_01_mo .banner_wrap img {
        width: 160px;
    }
    .sec02_01_mo .banner_wrap .text {}
    .sec02_01_mo .banner_wrap .text span {
        display: block;
        font-size: 12px;
        color: #fff;
        line-height: 16px;
    }

    .section02 {
        padding-top: 0;
        background: url("../image/sectionbg_02_mo.png") no-repeat;
    }
    .sec01_01_mo .phone_wrap img.phone1 {
        width: 310px;
    }
    .sec01_01_mo .phone_wrap img.phone2 {
        width: 310px;
    }
    .sec02_01_mo .user_wrap {
        width: 400px;
    }
    .sec02_01_mo .phone_wrap img.phone2 {
        width: 310px;
        left: calc(50% + 10px);
        top: 0;
    }
    .sec02_02_mo {
        display: flex;
        flex-direction: column;
        gap: 50px;
        padding: 50px 0 160px 0;
    }
    .sec02_02_mo .etc_wrap {
        display: flex;
        flex-direction: column;
    }
    .sec02_02_mo .etc_wrap .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .sec02_02_mo .etc_wrap .top .left {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .sec02_02_mo .etc_wrap .top .left .num {
        font-size: 20px;
        color: #fd227b;
    }
    .sec02_02_mo .etc_wrap .top .left .title {
        font-size: 20px;
        line-height: 25px;
        color: #fff;
    }
    .sec02_02_mo .etc_wrap .top .right {
        width: 100%;
        text-align: right;
    }
    .sec02_02_mo .etc_wrap .top .right img {
        object-fit: cover;
        width: 100px;
        text-align: right;
    }
    .sec02_02_mo .etc_wrap .bot {
        margin-top: 15px;
    }
    .sec02_02_mo .etc_wrap .bot .sub_text {}
    .sec02_02_mo .etc_wrap .bot .sub_text span {
        font-size: 10px;
        line-height: 16px;
        color: rgba(255,255,255,0.5);
    }
    .sec02_03_mo {}
    .sec02_03_mo .text_wrap {

    }
    .sec02_03_mo .text_wrap .title {
        font-size: 30px;
        color: #fff;
        text-align: center;
    }
    .sec02_03_mo .text_wrap .sub_text {
        color: #5a5981;
        margin-top: 15px;
        font-size: 12px;
        text-align: center;
    }
    .sec02_03_mo .video_wrap {
        margin-top: 40px;
        width: 100%;
        height: 300px;
        background: red;
    }
    .sec02_04_mo {
        margin-top: 150px;
    }
    .sec02_04_mo .text_wrap {}
    .sec02_04_mo .text_wrap .title {
        font-size: 30px;
        color: #fff;
        text-align: center;
    }
    .sec02_04_mo .text_wrap .sub_text {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .sec02_04_mo .text_wrap .sub_text span {
        font-size: 12px;
        color: #5c5b75;
        line-height: 16px;
        display: block;
        text-align: center;
    }
    .swiper {
        width: 100%;
        height: 100%;
        padding-left: 40px !important;
        overflow: visible !important;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* background: #fff; */
        background: #26243c;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        border-radius: 25px;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .slide_wrap {
        padding: 60px 0 100px 0;
      }
      .slide_wrap .card {
        padding: 25px 20px;
        height: 200px;
      }
      .slide_wrap .card .title {
        font-size: 20px;
        /* color: #fc237c; */
        color: #fff;
        font-weight: 600;
        text-align: left;
      }
      .slide_wrap .card .subtext {
        margin-top: 15px;
        text-align: left;
        height: calc(100% - 30px);
        overflow-y: auto;
      }
      .slide_wrap .card .subtext span {
        /* color: #333333; */
        color: #6e6b8d;
        font-size: 12px;
        line-height: 16px;
      }
      .slide_wrap .swiper-pagination {
        top: -30px !important;
        height: 15px;
      }
      .slide_wrap .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        background: #454550;
      }
      .slide_wrap .swiper-pagination-bullet-active {
        background: #fc237c;
      }

      .slide_wrap .swiper-slide-active {
        background: #fff;
      }
      .slide_wrap .swiper-slide-active .card .title {
        color: #fc237c;
      }
      .slide_wrap .swiper-slide-active .card .subtext span {
        color: #333;
      }
      .section03 .news_wrap .title .news {
        font-size: 30px;
      }
      .section03 .news_wrap .news_layout {
        display: flex;
        flex-direction: column;
      }
      .section03 .news_wrap .news_layout .news.row .news_left {
        width: 40%;
      }
      .section03 .news_wrap .news_layout .news.row .news_right .text_wrap {
        padding: 12px;
      }
      .section03 .news_wrap .news_layout .news.row .news_right .text_wrap .sub {
        -webkit-line-clamp: 4;
      }
      .section03 .news_wrap .news_layout .news.item1 .text_wrap .sub {
        display: none;
      }
      .section04 .container {
        padding: 0;
        max-width: 100%;
      }
      .section04 .history_wrap .text_wrap .sub_text {
        padding: 0 20px;
      }
      .history_inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 220px;
        margin-bottom: 5px;
      }
      .section04 .history_wrap .text_wrap .title {
        font-size: 30px;
      }
      .section04 .history .history_list {
        display: flex;
        width: 100%;
        overflow-x: auto;
        height: 100%;
        white-space: nowrap;
        -ms-overflow-style: none;
      }
      .section04 .history .history_list::-webkit-scrollbar {
        display: none;
      }
      .section04 .history .history_line {
        height: 5px;
      }
      .section04 .history .history_item {
        top: auto;
        flex:auto;
      }
      .section04 .history .history_item .date {
        top: auto;
        font-size: 12px;
        font-weight: bold;
        padding-bottom: 10px;
        padding-top: 60px;
      }
      .section04 .history .history_item .big_circle {
        width: 10px;
        height: 10px;
      }
      .section04 .history .history_item .line {
        height: 40px;
      }
      .section04 .history .history_item .circle {
        width: 5px;
        height: 5px;
      }
      .section04 .history .history_item .text {
        font-size: 8px;
        top: auto;
        margin-top: 10px;
      }
      .section04 .history .history_item.reverse {
        top: auto;
      }
      .section04 .history .history_item.reverse .text {
        top: auto;
        padding-bottom: 0px;
        margin-bottom: 6px;
        line-height: 1;
        height: 20px;
      }
      .section04 .history .history_item.reverse .date {
        top: auto;
        padding-top: 10px;
      }
      .section05 .team_wrap .team_text {
        font-size: 30px;
      }
      .section05 .team_list_wrap {
        gap: 20px;
      }
      .section05 .team_list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 7px;
      }
      .section05 .team_list .team_img {
        width: 100%;
      }
      .section05 .team_list .team_img img {
        width: 100%;
      }
      .section05 .team_wrap .more {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 90px;
        cursor: pointer;
      }
      .section06 {
        padding: 75px 0 70px 0;
      }
      .section06 .partners_wrap .partner_text {
        font-size: 30px;
      }
      .section06 .partners_wrap .etc_text {
        font-size: 10px;
      }
      .section06 .partners_wrap .partner_img {
        /* display: grid;
        grid-template-columns: repeat(2, 1fr);
        place-items: center; */
        gap: 40px;
        padding: 0;
        margin: 40px 0 30px 0;
        display: flex;
        flex-wrap: wrap;
      }
      .section06 .partners_wrap .partner_img img:first-child {
        width: 170px;
      }
      .section06 .partners_wrap .partner_img img:nth-child(2) {
        width: 150px;
      }
      .section06 .partners_wrap .partner_img img:nth-child(3) {
        width: 250px;
      }
      .section06 .partners_wrap .partner_img img:nth-child(4) {
        width: 50px;
      }

      .section06 .partners_wrap .partner_img2 {
        margin: 40px 0 30px 0;
        flex-wrap: wrap;
        gap:40px;
      }
      .section06 .partners_wrap .partner_img2 img:first-child {
        width: 170px;
      }
      .section06 .partners_wrap .partner_img2 img:nth-child(2) {
        width: 170px;
      }
      .section06 .partners_wrap .partner_img2 img:nth-child(3) {
        width: 170px;
      }

      .section06 .partners_wrap .partner_img2 img:nth-child(4) {
        width: 170px;
      }

      .section06 .partners_wrap {
        padding: 0 30px;
      }
      .section07 {
        padding: 70px 0;
      }
      .section07 .chart_wrap .chart_box {
        height: 400px;
        margin-top: 100px;
      }
      .section07 .chart_wrap .chart_text {
        width: 100%;
        top: -50px;
      }
      .section07 .chart_wrap .chart_text .title {
        font-size: 30px;
      }
      .section07 .table_wrap {
        margin-top: 20px;
      }
      .section07 .table_wrap .table .table_list .title {
        font-size: 10px;
      }
      .section07 .table_wrap .table .table_list .title .table_pc {
        display: none;
      }
      .section07 .chart_wrap .chart_text .sub {
        font-size: 8px;
        line-height: 13px;
        margin-top: 20px;
      }
      .section07 .table_wrap .table .table_list .text {
        font-size: 10px;
        padding: 15px 10px;
      }
      .section07 .chart_wrap .chart_box2 {
        height: 400px;
        margin-top: 100px;
      }

      .footer_mo {
        padding: 60px 0 30px 0;
      }
      .footer_mo .foo_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .footer_mo .foo_top .logo {
        width: 187px;
      }
      .footer_mo .foo_top .logo img {
        width: 100%;
      }
      .footer_mo .foo_top .icons {
        display: flex;
        align-items: center;
        gap: 20px;
      }
      .footer_mo .foo_top .icons a {}
      .footer_mo .foo_top .icons a img {}
      .footer_mo .foo_mid {
        margin-top: 20px;
      }
      .footer_mo .foo_mid .top {
        margin-bottom: 7px;
      }
      .footer_mo .foo_mid .bot {
        display: flex;
        gap: 7px;
        margin-bottom: 30px;
      }
      .footer_mo .foo_mid .butt {
        display: block;
        width: 100%;
      }
      .footer_mo .foo_mid .butt img {
        width: 100%;
      }
      .footer_mo .foo_bot {
        padding-top: 30px;
        border-top: 1px solid #414246;
        font-size: 8px;
        color: #7c7c7c;
        font-weight: 300;
        text-align: center;
        font-family: 'Noto Sans KR';
      }
      .line4 {
        margin-bottom: 70px;
      }
}


@media (max-width: 768px) {
    .sec01_01_mo .phone_wrap img.phone1 {
        width: 70%;
        top: 95px;
        object-fit: cover;
        left: 55px;
    }
    .sec01_01_mo .phone_wrap img.phone2 {
        width: 70%;
        object-fit: cover;
        right: 65px;
    }
    .sec02_01_mo .sec2_mo_bag {
        top: -70px;
    }
    @keyframes mo_updown {
        0% {
            top:-70px
        }
        50% {
            top: -50px
        }
        100% {
            top:-70px;
        }
    }
    .sec02_01_mo .phone_wrap {
        /* display: none; */
    }
    .section05 .team_list {
        grid-template-columns: repeat(2, 1fr);
      }
    .section07 .table_wrap {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
    }
    .section07 .table_wrap::-webkit-scrollbar {width: 7px; height: 7px}
    .section07 .table_wrap::-webkit-scrollbar-track {background: transparent; }
    .section07 .table_wrap::-webkit-scrollbar-thumb {background: #6c7079; border-radius: 45px;}
    .section07 .table_wrap::-webkit-scrollbar-thumb:hover {background: #6c7079;}
    .section07 .table_wrap .table {
        width: 120%;
    }
    .section07 .table_wrap .table .table_list .title {
        width: 150px;
    }
    .sec02_01_mo .phone_wrap {
        position: relative;
        top: auto;
        left: auto;
        transform: auto;
        height: 700px;
    }
    .sec02_01_mo .phone_wrap .phone1 {
        position: absolute;
        left: -5%;
    }
    .sec02_01_mo .phone_wrap img.phone2 {
        right: 0px;
        top: 43px;
        width: 310px;
        left: auto;
    }
    .section06 .partners_wrap {
        padding: 0 15px;
    }
    .section06 .partners_wrap .partner_img img:first-child {
        width: 100px;
      }
      .section06 .partners_wrap .partner_img img:nth-child(2) {
        width: 90px;
      }
      .section06 .partners_wrap .partner_img img:nth-child(3) {
        width: 180px;
      }
      .section06 .partners_wrap .partner_img img:nth-child(4) {
        width: 35px;
      }

      .section06 .partners_wrap .partner_img2 img:first-child {
        width: 120px;
      }
      .section06 .partners_wrap .partner_img2 img:nth-child(2) {
        width: 120px;
      }
      .section06 .partners_wrap .partner_img2 img:nth-child(3) {
        width: 120px;
      }
      .section06 .partners_wrap .partner_img2 img:nth-child(4) {
        width: 120px;
      }
}


@media (max-width: 425px) {
    .section01_mo {
        height: 1580px;
    }
    .sec02_01_mo .phone_wrap {
        height: 450px;
        margin-bottom: 0;
    }
    .sec02_01_mo .phone_wrap .phone1 {
        width: 160px;
    }
    .sec02_01_mo .phone_wrap img.tooltip {
        width: 50px;
        top: 30px;
        left: 20px;
    }
    .sec02_01_mo .phone_wrap img.phone2 {
        width: 160px;
        right: 30px;
    }
    .sec02_01_mo .user_wrap {
        width: 90%;
    }
    .sec02_01_mo .banner_wrap .tooltip img {
        width: 100px;
    }

    .footer_mo .foo_top .logo {
        width: 50%;
    }

}
@media (max-width: 375px) {
    .section01_mo {
        height: 1400px;
    }
    .sec02_01_mo .sec2_mo_bag {
        top: 15px;
    }

}