@media screen and (max-width:1900px){
    .section-02 .inner {
        /* max-width: 1600px; */
    }
    .section-02 .inner .text-group {
        top:25%;
        right:5%;
    }
    .section-02 .inner .img-box {
        left:2%;
    }
}
@media screen and (max-width:1600px){
    .section-02 .inner .text-group {
        top:22%;
        right:3%;
    }
    .section-02 .inner .img-box {
        left:0%;
        width:68%;
    }
    .section-03 .inner .img-box {
        bottom:20%;
        
    }
    .section-03 .inner .text-group{
        top:30%;
        left:3%;
    }
}
@media screen and (max-width:1400px){
    .inner{
        padding:0 15px;
    }
    .fp-slidesNav.fp-right {
        right:30px;
    }
    .prev-arrow-big {
        position: absolute;
        top:auto;
        left:auto;
        transform: translateY(0%);
        bottom :calc(-20px - 45px);
        right:calc(175px + 20px + 9px + 45px);
        z-index: 8;
        width:45px;
        height:45px;
        background-image: url("/img/prev-arrow-btn.png");
    }
    .next-arrow-big {
        position: absolute;
        top:auto;
        right:calc(175px + 20px);
        transform: translateY(0%);
        bottom :calc(-20px - 45px);

        z-index:8;
        width:45px;
        height:45px;
        background-image: url("/img/next-arrow-btn.png");
      } 
}
@media screen and (max-width:1024px){


}
@media screen and (max-width:992px) {
    footer .inner {
        padding-top: 22px;
        padding-bottom: 23px;
      }
    footer .inner .company-info-container .brand{
        width:100%;

    }
    footer .inner .company-info-container .info-box{
        margin-left: 0;
        margin-top: 20px;
    }
    footer .inner .company-info-container .link-box{
        justify-content: flex-start;
    }
    footer .inner .company-info-container .link-box p{
        margin-top: 30px;
    }

    section > .inner {
        padding: 0 24px;
    }
    .section > .inner  {
        padding-left: 24x;
        padding-right: 24px;
    }
    .section-05 .inner {
        padding-top: 121px;
    }
    .section-01 .slide1 .inner .img-box.main {
        width:74%;
        right:13%;
        left:13%;
        /* transform: translateY(0%); */
        top:15%;
    }
    .section-01 .slide1 .text-group{
        /* max-width: 360px; */
        width:74%;
        bottom:15%;
        right:13%;
        left:13%;
        padding-right: 30px;
        text-align: right;
    }
    .section-01 .slide1 .text-group .link-box{
        padding-right: 12px;
        justify-content: flex-end;
    }
    .section-01 .slide1 .text-group h2 {
        font-size: 32px;
    }
    .section-01 .slide1 .text-group p {
        text-align: right;
        width:60%;
        margin-left: auto;
    }
    .section-01 .slide2 .fp-bg {
        background-image: url("/img/main-p01-s02-bg-lg.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #ffebaf;
      }
    .section-01 .slide2 .inner .img-box {
        width:74%;
        top:15%;
        right:16%;
    }
    .section-01 .slide2 .inner .text-group {
        margin-left: auto;
        width:50%;
        bottom:15%;
        right:13%;
        left:13%;
        padding-right: 30px;
        text-align: right;
    }
    .section-01 .slide2 .text-group h2{
        margin-left: auto;
        font-size: 35px;
        width:90%;

    }
    .section-01 .slide3 .inner .img-box {
        width:89%;
        right:0;
    }
    .section-01 .slide3 .text-group{
        top:25%;
        left:50%;
        width:80%;
        /* margin: 0 auto; */
        height:auto;
        transform: translateX(-50%);
        position: absolute;
        font-family: Pretendard;
        text-align: center;
    }
    .section-01 .slide3 .text-group p{
        font-size: 16px;
    }
    .section-02 .inner .text-group {
        top:15%;
        right:12%;
    }
    .section-02 .inner .img-box {
        width:90%;
        left:-15%;
    }
    .section-03 .fp-bg {
        background-image: url("/img/main-p03-bg-lg.png");
      }
    .section-03 .inner .img-box{
        top:10%;
        right:8%;
        width:66%;
        bottom:auto;
    }
    .section-03 .inner .text-group{
        top:auto;
        left:11%;
        bottom:10%;
    }
    .main-menu {
        display:none;
    }
    .mobile-container {
        display: block;
        position: relative;
        height: auto;
        width:100%;
        z-index: 99 !important;
    }
    .mobile-header {
        width:100%;
        height: auto;
        
    }
    .mobile-header .inner {
        display: flex;
        height: 70px;
        background-color: #fff;
        align-items: center;
    }
    .mobile-header .inner .img-box {
        margin-left: auto;
    }
    .mobile-area{
        width: 100%;
        min-height: 100vh;
        height:auto;
        position: relative;

    }
    .mobile-area-bg {
        height: 20px;
        width:20px;
        border-radius: 50%;
        background: rgba(0,0,0,.8);
        position: absolute;
        top:60px;
        right:50px;
    }
    /* .mobile-area-bg {
        width: 100%;
        height: 100vh;
 
        background-color: #000;
        opacity: 0.6;
        background: rgba(0,0,0,.8);
        position: absolute;
        top:0px;
        right:0px;
        z-index: 10;
    } */

    .mobile-area.content {
        position: absolute;
        width:70%;
        height:100%;
        background-color: #fff;
        position: absolute;
        top:0;
        right:-70%;

        font-family: Pretendard;
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
        text-align: center;
        color: #292929;
        overflow-y: auto;
        z-index: 1;
    }
    .mobile-nav-close {

        position: absolute;
        top:30px;
        /* left:-15px; */
        /* transform:translate3d(-15px, 15px, 15px); */
        /* top:30px;
        left:-15px; */
        /* right:60%; */
        /* right:calc(60% + 30px); */
        right:calc(-70% + 30px);
        /* left:-30px; */
        width:30px;
        height:30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-menu-close {
        width:24px;
        height:24px;
    }


    .mobile-area.content > .inner {
        padding:50px 25px;
        height: auto;
    }
    .mobile-area.content .user-profile {
        width:100%;
        height:50px;
        display: flex;
        align-items: center;
    }
    .mobile-area.content .user-profile a {
        display: flex;
        text-decoration: none;
        color: #292929;
    }
    .mobile-area.content .user-profile .user-portrait-mobile {
        width: 50px;
        height: 50px;
        margin-right: 20px;
    }
    .mobile-area.content .user-profile .user-name {
        margin-right: 8px;
    }
    .mobile-area.content .user-profile .login-link-arrow {
        width: 25px;
        height: 25px;
    }
    .mobile-area.content .main-menu-mobile{
        list-style: none;
        display: flex;
        flex-direction: column;
        margin-top: 40px;
    }
    .mobile-area.content .main-menu-mobile .main-menu-mobile__item {
        width:100%;
        text-align: left;
        margin-top: 30px;
    }
    .mobile-area.content .main-menu-mobile .main-menu-mobile__item .sliding-toggle-box{
        display: flex;
        align-items: center;
        position: relative;
    }
    .mobile-area.content .main-menu-mobile .main-menu-mobile__item .toggle-content{
        padding:5px;
        display: none;
    }
    .mobile-area.content .main-menu-mobile .main-menu-mobile__item .toggle-content li:not(:first-child){
        margin-top:12px;
    }
    .mobile-area.content .main-menu-mobile a{
        color:#292929;
        text-decoration: none;
    }
    .mobile-area.content a.start-link{
        width:100%;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 88px;
        background-color: #222d69;
        border-radius: 10px;
        font-family: Pretendard;
        text-decoration: none;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
    }
    .inner{
        /* padding:0 24px; */
        padding:0 24px;
    }
    .xl--br {
        display: none;
    }
    .lg--br {
        display:block;
    }
    .sm--br {
        display: none;
    }
    #modal_wrap .modal_box.create-link {
        width:95%;
    }
    #modal_wrap .modal_box.create-link .inner{
        padding-top: 174px;
        padding-bottom: 91px;
    }
    #modal_wrap .modal_box.create-link .inner h2{
        font-size: 31px;
        max-width: 340px;
    }
    #modal_wrap .modal_box.create-link .inner .text-group p{
        margin-top: 20px;
    }
    #modal_wrap .modal_box.create-link .inner .project-init-button{
        margin-top: 190px;
        width:100%;
        height:63px;
    }
    #modal_wrap .modal_box.user-invite {
        width:95%;
    }
    #modal_wrap .modal_box.user-invite .inner{
        padding: 50px 25px;
    }
    #modal_wrap .modal_box.user-invite .inner .img-box.top {
        right:22px;
        top:30px;
    }
    #modal_wrap .modal_box.profile-edit-info{
        width:95%;
    }
    #modal_wrap .modal_box.profile-edit-info .inner{
        padding: 50px 25px;
        max-height:80vh;
        height: auto;
    }
   


    .social-box {
        /* padding: 0px; */
    }
    .features-main {
        background: linear-gradient(
            rgba(68, 68, 68, 0.55), 
            rgba(68, 68, 68, 0.55)), 
            url('/img/features-main-bg-lg.png') no-repeat center / cover;
    }
    .features-main .inner {
        padding-top: 303px;
        height:992px;
    }
    .features-main .inner .text-group h2{
        max-width: 280px;
        font-size: 42px;
        font-weight: 800;
        line-height: 1.55;
        color: #fff;
    }
    .features-main .inner .text-group p{
        max-width: 414px;
        font-size: 19px;
        font-weight: 300;
        line-height: 1.79;
        margin: 0 auto;
        margin-top: 32px;
    }
    /* .features-main .inner .text-group p br {
        display:none;
    } */
    .features-main .inner .link-button {
        margin-top: 50px;
        width:205px;
        height:53px;
    }
    .features-design .inner {
        padding-top: 65px;
        padding-bottom: 60px;
    }
    .features-design .inner .text-group h2{
        font-size: 28px;
        font-weight: bold;
        line-height: 1.86;
    }
    .features-design .inner .text-group p {
        font-size: 18px;
        font-weight: 300;
        line-height: 1.56;
        text-align: center;
    }
    .features-design .inner .img-box {
        margin-top: 26px;
    }
    .features-design .inner .design-dec-container {
        margin-top:calc(26px - 34px);
    }
    .features-design .inner .design-dec-container .card {
        width:100%;
        margin-top: 34px;
    }
    .features-design .inner .design-dec-container .card .text-group{
        margin: 0;
        margin-top: 14px;
    }

    .features-function .inner {
        height:auto;
        padding-top: 65px;
        padding-bottom: 60px;
        background-color: #f9f9f9;
    }
    .features-function .text-group.title h2{
        max-width:340px;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.71;
    }
    .features-function .text-group.title p {
        margin-top: 25px;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.56;
    }
    .features-function .function-desc-container {

        margin-top: calc(32px - 20px);
    }
    .features-function .inner .function-desc-container .card {
        width: calc((100% - 17px) / 2);
        margin-top: 20px;
    }
    .features-data .inner {
        padding-top: 65px;
        padding-bottom: 60px;
    }
    .features-data .inner .text-group.title h2{
        max-width: 436px;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.86;
    }
    .features-data .inner .text-group.title p{
        margin-top: 25px;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.56;
    }
    .features-data .inner .img-box{
        margin-top: 42px;
    }
    .features-data .inner .data-desc-container{
        margin-top: calc(46px - 20px);
    }
    .features-data .inner .data-desc-container .text-group{
        text-align: left;
    }
    .features-data .inner .text-group.title h2 {
        font-size: 28px;
        font-weight: bold;
        line-height: 1.86;
    }
    .features-data .inner .text-group.title p{
        margin-top: 25PX;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.56;
    }
    .features-data .inner .data-desc-container .card{
        width:100%;
        margin-top: 24px;
        padding: 38px 20px 35px 20px;
    }
    .features-data .inner .data-desc-container .card p {
        margin-top:26px;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.38;
    }
    .features-device .inner{
        padding-top: 65px;
        padding-bottom: 60px;
    }
    .features-device .inner .mobile-desc-container {
        margin-top: calc(59px - 30px);
    }
    .features-device .inner .mobile-desc-container .card{
        width:100%;
        margin-top: 30px;
    }
    .features-device .inner .mobile-desc-container .card .text-group {
        margin-top: 15px;
    }
    .features-device .inner .mobile-desc-container .card .text-group h3{
        font-size: 24px;
        font-weight: bold;
        line-height: 1.67;
        text-align: left;
    }
    .features-device .inner .mobile-desc-container .card .text-group p {
        margin-top: 22px;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.67;
        text-align: left;
    }
    .features-grid-system {
        background: url("/img/features-grid-system-bg-lg.png") no-repeat center / cover;
    }
    .features-grid-system .inner {
        padding-top: 69px;
        padding-bottom: 60px;
    }
    .features-grid-system .inner .text-group.title h2{
        font-size: 28px;
        font-weight: bold;
        line-height: 2.11;
    }
    .features-grid-system .inner .grid-system-desc-container {
        margin-top: 70px;
    }
    .features-grid-system .inner .grid-system-desc-container .img-box{
        width: 100%;
        max-width: 737px;
        margin: 0 auto;
    }
    .features-grid-system .inner .grid-system-desc-container .text-group{
        width: 100%;
        margin-top: 77px;
    }

    .features-app .inner {
        padding-top: 65px;
        padding-bottom: 60px;
    }
    .features-app .inner .text-group.title h2 {
        font-size: 28px;
        font-weight: bold;
        line-height: 1.86;
    }
    .features-app .inner .text-group.title p {
        margin-top: 25px;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.33;
    }
    .features-app .inner .app-desc-container {
        margin-top: 56px;
        padding-top:0px;
        padding-bottom:0px;
        height: auto;
    }
    
    .features-app .inner .app-desc-container .img-box {
        position: relative;
        width:378px;
        height:auto;
    }

    .features-app .inner .app-desc-container .text-group {
        margin-top: 38px;
        width:100%;
        height:50%;
    }
    .features-app .inner .app-desc-container .text-group h3{
        font-size: 26px;
        font-weight: bold;
        line-height: 1.54;
    }
    .features-app .inner .app-desc-container .text-group:nth-child(odd){
        padding-left: 0px;
    }
    .features-app .inner .app-desc-container .text-group:nth-child(even){
        padding-right: 0px;
    }
    .features-app .inner .app-desc-container .text-group p{
        margin-top: 10px;
    }
    .features-aws .inner {
        padding-top: 65px;
        padding-bottom: 63px;
    }
    .features-aws .inner .text-group.title p {
        font-size: 18px;
        font-weight: 300;
        line-height: 1.33;
    }
    .features-aws .inner .img-box {
        margin-top: 54px;
    }
    .features-aws .inner .aws-desc-container{
        margin-top: calc(41px - 22px);
    }
    .features-aws .inner .aws-desc-container .card{
        margin-top: 22px;
        width: calc((100% - 16px) / 2);
    }
    .features-education {
        width: 100%;
        height:auto;
        background: linear-gradient(
            rgba(34, 45, 105, 0.84), 
            rgba(34, 45, 105, 0.84)), 
            url('/img/features-education-bg-lg.png') no-repeat center / cover;
    }
    .features-education .inner{
        height:375px;
        padding-top: 106px;
    }

    .theme .inner {
        padding-top: 106px;
    }
    .theme .inner .theme-list{
        margin-top: 78px;
    }
    .theme .inner .theme-list-container {
        margin-top: calc(23px - 15px);
        padding-bottom: 28px;
    }
    .theme .inner .theme-list-container .theme-card {
        width: calc((100% - 15px) / 2);
        /* max-width: 445px; */
        margin-top: 15px;
    }

    .theme .inner .theme-list-container .theme-card .dark-overlay .button-box {
        width: 180px;
        height: 111px;
    }
    .theme .inner .theme-list-container .theme-card .dark-overlay .button-box button {
        height: 44px;
        font-size: 18px;
    }
    .theme .inner .theme-list-container .theme-card__body .share-button {
        width: 36px;
        height: 36px;
        position: absolute;
        top: -18px;
        right: 71px;
      }
    .theme .inner .theme-list-container .theme-card__body .like-button {
        width: 36px;
        height: 36px;
        position: absolute;
        top: -18px;
        right: 22px;
    }
    .theme .inner .theme-list-container .theme-card__body {
        position: relative;
        padding: 18px 20px;
    }
    .theme .inner .theme-list-container .theme-card__body .row{
        margin-top: 6px;
    }
    .theme .inner .theme-list-container .theme-card__body .row p {
        font-size: 19px;    
    }
    .theme .inner .theme-list-container .theme-card__body .row p:last-child {
        font-size: 16px;
    }
    .theme .inner .theme-list-container .theme-card__body .theme-pay{
        width:53px;
        height: 24px;
    }
    .customer .inner .board-container .board-content .content__item .icon-box {
        /* position: absolute;
        right:0;
        bottom:0px; */

    }
    .my-project-list{
        margin-top: 32px;
    }
    .my-project > .inner {
        padding-bottom: 85px;
    }
    .my-project-list .my-project-list__title{
        display: none;
    }
    .my-project-list .my-project-list-container{
        padding-top: 0px;
    }
    .my-project-list .my-project-list-container .project-card{
        width:calc((100% - 15px) / 2);
        flex-direction: column;
        height: auto;
        padding: 24px 20px;
    }
    .my-project-list-container .project-card .card-item{
        width:100%;
        height:40px;
        padding:0;
    }
    .my-project-list-container .project-card .card-item:first-child{
        padding: 0;
    }
    .my-project-list-container .project-card .project-card__title .project-type{
        display: flex;
    }
    .my-project-list-container .project-card .project-card__title{
        /* flex-direction: row; */
    }
    .my-project-list-container .project-card .project-card__payments{
        align-items: center;
        flex-direction: row;
        /* height: 30px; */
    }
    .my-project-list-container .project-card .project-card__storage{
        align-items: flex-start;
        justify-content: center;
    }
    .my-project-list-container .project-card .project-card__storage .storage-usage-bar {
        margin-top: 12px;
    }
    
    .my-project-list-container .project-card .project-card__share-count{
        justify-content: flex-start;
    }
    .my-project-list-container .project-card .project-card__share-count .lg-text{
        display: block;
        margin-left: 10px;
    }
    .my-project-list-container .project-card .project-card__tools{
        justify-content: flex-end;
    }
    .my-project .project-init{
        width: 100%;
    }

    .mypage .inner {
        padding-left: 24px;
        padding-right: 24px;
    }
    .mypage .myinfo-container .profile.card{
        width:224px;
    }
    .mypage .myinfo-container .profile.card{
        margin-right: 16px;
    }

    .video-course .inner {
        padding-top: 144px;
    }
    .video-course .inner .base-course-menu {
        margin-top: calc(49px - 22px);
        background-color: transparent;
        border-radius: 0px;

    }
    .video-course .inner .base-course-menu .course-item{
        border: solid 1px #d5d5d5;
        background-color: #fff;
        margin-top: 22px;
        min-width:128px;
        height: 34px;
    }
    .video-course .inner .course-list {
        margin-top: 73px;
        padding-bottom:95px;
    }
    .video-course .inner .course-list .course-category:not(:first-child){
        margin-top: 48px;
    }
    .video-course .inner .base-course-menu .course-item span:first-child{
        margin-right: 7px;
    }
    .video-course .inner .course-list .course-category .category-container .video-card{
        width:calc((100% - 16px) / 2);
        margin-top: 16px;
        margin-bottom: 0px;
    }

}

@media screen and (max-width:576px) {
    .video-course .inner .course-list {
        margin-top: 40px;
        padding-bottom: 70px;
    }
    .video-course .inner .base-course-menu .course-item{
        border: solid 1px #d5d5d5;
        background-color: #fff;
        margin-top: 22px;
        min-width:110px;
        height: 34px;
    }
    .video-course .inner .course-list .course-category .category-container .video-card{
        margin-top: 18px;
    }
    .video-course .inner .course-list .course-category:not(:first-child){
        margin-top: 77px;
    }
    .scroll_box{
        bottom: 0px !important;
        height: 60px;
    }
    .scroll {
        width:16px;
        height:30px;
    }
    .scroll .p {
        margin-top: 4px !important;
        font-size: 8px;
    }
    @keyframes flash_border_next{
        21% {
            border-color:transparent transparent transparent #4e5559;
        }
    
        30% {
            border-color:transparent transparent transparent  #fff;
        }
    
        51% {
            border-color:transparent transparent transparent  #4e5559;

        }
    
        60% {
            border-color:transparent transparent transparent  #fff;
        }
    
        81% {
            border-color:transparent transparent transparent  #4e5559;

        }
    
        90% {
            border-color:transparent transparent transparent  #fff;
        }
    }
    @keyframes flash_border_prev{
        21% {
            border-color:transparent #4e5559 transparent transparent; 
        }
    
        30% {
            border-color:transparent #fff transparent transparent;  
        }
    
        51% {
            border-color:transparent #4e5559 transparent transparent;  
        }
    
        60% {
            border-color:transparent #fff transparent transparent;  
        }
    
        81% {
            border-color:transparent #4e5559 transparent transparent;  
        }
    
        90% {
            border-color:transparent #fff transparent transparent;  
        }
    }
    .fp-slidesNav.fp-right{
        right:15px;
        display: none;
    }
    .fp-controlArrow {
        display: block;
        top:auto;
        bottom:10px;
    }
    .fp-controlArrow.fp-prev {
        right:57px;
        left:auto;
        border-width: 12px 8px 12px 0;
        animation: flash_border_prev 10s ease-out infinite;
    }
    .fp-controlArrow.fp-next {
        right:15px;
        border-width: 12px 0 12px 8px;
        animation: flash_border_next 10s ease-out infinite;
    }
    footer .inner {
        padding-top:16px;
        padding-bottom:16px;
    }
    /* footer .inner .company-info-container .info-box .text-group .row span{
        text-align: left;
    }
    footer .inner .company-info-container .info-box .text-group .row span:last-child{
        text-align: left;
    } */
    footer .inner .company-info-container .info-box .text-group .row span:last-child {
        text-align: left;
    }
    footer .inner .company-info-container .info-box .text-group .row span:not(:last-child){
        border: none;
    }
    footer .inner .company-info-container .link-box{
        margin-top: 20px;
        margin-left: 0;
    }
    footer .inner .company-info-container .link-box .social-link{
        margin-left: 0;
    }
    footer .inner .company-info-container .link-box p {
        margin-top: 14px;
    }
    .fullpage-wrapper .fp-slidesNav.fp-right .fp-sr-only{
        font-size: 12px;
    }
    .section-01 .slide1 .inner {
        /* flex-direction: column; */
        /* padding-top: 100px;
        padding-bottom: 70px; */
        /* justify-content: space-between; */
    }
    .section-01 .slide1 .inner .img-box.main {
        /* width: calc(100% - 30px); */
        width: 100%;
        right:auto;
        left:0;
        top:100px;
    }
    .section-01 .slide1 .inner .text-group {
        width: calc(100% - 30px);
        bottom: 80px;
        top:auto;
        left: auto;
        right:auto;
        padding-right: 5px;
    }
    .section-01 .slide2 .fp-bg {
        background-image: url("/img/main-p01-s02-bg-sm.png");
    }
    .section-01 .slide2 .inner .img-box{
        /* width: calc(100% - 30px); */
        width: 100%;
        top:100px;
        left:0;
        right:auto;
    }
    .section-01 .slide2 .inner .text-group {
        width: calc(100% - 30px);
        bottom: 80px;
        left: auto;
        right:auto;
        padding-right: 5px;
    }
    .section-01 .slide3 .inner .img-box{
        width: 100vw;
        bottom:0px;
        right:auto;
    }
    .section-01 .slide3 .text-group {
        width: calc(100% - 30px);
        top: 100px;
    }
    .section-01 .slide3 .text-group h2 {
        line-height: 1.2;
    }
    .section-01 .slide3 .text-group p {
        margin-top: 15px;
    }
    .section-01 .slide1 .text-group h2 {
        line-height: 1.5;
    }
    .section-01 .slide1 .text-group p {
        margin-top: 15px;
        line-height: 2;
        width: 100%;
    }
    .section-01 .slide2 .text-group h2 {
        line-height: 1.7;
    }
    .section-01 .slide2 .text-group p {
        margin-top: 15px;
        line-height: 1.5;
        width: 100%;
    }
    .section-01 .slide1 .text-group .link-box{
        margin-top: 20px;
    }
    .section-02 .inner .text-group{
        top:100px;
        /* width:calc(100% - 30px); */
        width:100%;
        left:50%;
        transform: translateX(-50%);
    }
    .section-02 .inner .img-box {
        bottom:0px;
        width:85%;
        left:0;
    }
    .section-02 .inner .text-group h2 {
        font-size: 32px;
        max-width: calc(32px * 11);
        margin-left: auto;
    }
    .section-02 .inner .text-group p {
        margin-top: 15px;
    }
    .section-03 .inner .img-box {
        top:80px;
        width:70%;
        right:0;
    }
    .section-03 .inner .text-group{
        width: calc(100% - 30px);
        left:15px;
        bottom:70px;
    }
    .section-03 .inner .text-group p{
        margin-top: 15px;
        font-size: 14px;
    }
    .fullpage-wrapper .full-link{
        margin-top: 20px;
    }

    .section-05 .inner {
        padding: 80px 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /* align-content: space-between; */
    }
    .section-05 .inner .row.footer-top .link-box,
    .section-05 .inner .row.footer-top .bi-box {
        width:100%;
    }
    .section-05 .inner .row.footer-top .bi-box {
        order:1;
    }
    .section-05 .inner .row.footer-top .link-box {
        margin-top: 25px;
        order:2;
    }
    .section-05 .inner .row.footer-top .bi-box p{
        display: none;
    }
    .section-05 .inner .row.footer-bottom {
        margin-top: 25px;
    }
    .inner {
        /* padding: 0 15px; */
        padding: 0 16px;
    }
    .sm--br{
        display: block;
    }
    .not-sm--br {
        display: none;
    }
    #modal_wrap .modal_box.create-link {
        /* width:71%; */
    }
    #modal_wrap .modal_box.create-link .inner{
        padding-top: 122px;
        padding-top: 70px;
        padding-bottom: 62px;
        padding-bottom: 50px;
    }
    #modal_wrap .modal_box.create-link .inner h2{
        font-size: 24px;
        max-width: 260px;
    }
    #modal_wrap .modal_box.create-link .inner .text-group{
        margin-top: 14px;
    }
    #modal_wrap .modal_box.create-link .inner .text-group p{
        margin-top: 7px;
    }
    #modal_wrap .modal_box.create-link .inner .project-init-button{
        /* margin-top: 117px; */
        margin-top: 20%;
        width:100%;
        height:57px;
    }
    #modal_wrap .modal_box.profile-edit-info{
        /* width:80vw; */
    }
    .mobile-area.content > .inner{
        padding-top: 60px;
    }
    .mobile-area.content .main-menu-mobile a{
        font-size: 16px;
    }
    .mobile-area.content a.start-link{
        margin-top: 53px;
        height: 50px;
    }
    .mobile-menu-close {
        top:0px;
        left: -60px;
    }

    .login__card .login__function{
        font-size: 12px;
    }
    .login__card .login__function li{
        padding-right: 6px;
        padding-left:6px;
    }
    .join > .inner {
        padding-top: 80px;
    }


    .features-main .inner{
        padding-top: 247px;
        height:860px;
    }
    .features-main .inner .text-group h2{
        font-size: 34px;
        font-weight: 800;
        line-height: 1.5;
    }
    .features-main .inner .text-group p {
        font-size: 20px;
        max-width: 436px;
    }
    .features-main .inner .link-button{
        margin-top: 44px;
        width:187px;
        height:48px;
    }
    .features-sub-menu .inner {
        height:58px;
    }
    .features-sub-menu .inner .sub-nav {
        width:100%;
        height: 58px;
        padding:0;
    }
    
    .features-sub-menu .inner .sub-nav li{
        font-size: 14px;
        line-height: 1.2;
    }
    .features-design .inner {
        padding-top: 55px;
        padding-bottom: 50px;
    }
    .features-design .inner .text-group h2{
        font-size: 26px;
    }
    .features-design .inner .text-group p{
        margin: 0 auto;
        margin-top: 20px;
        max-width: 380px;
    }
    .features-design .inner .design-dec-container{
        margin-top: calc(30px - 30px);
    }
    .features-design .inner .design-dec-container .card{
        margin-top: 30px;
    }
    .features-design .inner .design-dec-container .card .text-group{
        margin-top: 12px;
    }
    .features-design .inner .design-dec-container .card .text-group p{
        margin-top: 25px;
    }
    .features-function .inner{
        padding-top: 55px;
        padding-bottom: 50px;
    }
    .features-function .text-group.title h2{
        font-size: 26px;
        font-weight: bold;
        line-height: 1.46;
    }
    .features-function .text-group.title p{
        margin-top: 20px;
        line-height: 1.33;
    }
    .features-function .function-desc-container{
        margin-top: calc(30px - 15px);
    }
    .features-function .inner .function-desc-container .card{
        width:100%;
        margin-top: 15px;
    }
    .features-function .inner .function-desc-container .card .text-group{
        padding: 26px 20px 32px 20px;
    }
    .features-function .inner .function-desc-container .card .text-group h3{
        font-size: 24px;
        line-height: 1;
    }
    .features-function .inner .function-desc-container .card .text-group p{
        font-size: 18px;
        line-height: 1.44;
    }
    .features-data .inner{
        padding-top: 55px;
        padding-bottom: 50px;
    }
    .features-data .inner .text-group.title h2{
        font-size: 26px;
        line-height: 1.46;
    }
    .features-data .inner .text-group.title p{
        margin: 0 auto;
        margin-top: 20px;
        max-width: 430px;
        font-size: 18px;
        line-height: 1.33;
    }
    /* .features-data .inner .img-box {
        position: relative;
        width: 100%;
        height:0;
        padding-top: 56.25%;
        overflow: hidden;        
    }
    .features-data .inner .img-box img{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height:100%;
    } */
    .features-data .inner .img-box{
        margin-top:  28px;
    }
    .features-data .inner .data-desc-container{
        margin-top: calc(20px - 12px);
    }
    .features-data .inner .data-desc-container .card{
        margin-top: 12px;
        padding: 33px 30px;
    }
    .features-data .inner .data-desc-container .card p {
        margin-top: 10px;
    }
    .features-device .inner {
        padding-top: 55px;
        padding-bottom: 50px;
    }
    .features-device .inner .text-group.title h2{
        font-size: 26px;
        font-weight: bold;
        line-height: 1.46;
    }
    .features-device .inner .text-group.title p{
        max-width: 430px;
        margin-top: 20px;
        line-height: 1.33;
        text-align: center;
        margin: 0 auto;
    }
    .features-device .inner .img-container {
        margin-top: 34px;
    }
    .features-device .inner .mobile-desc-container {
        margin-top: calc(34px - 20px);
    }
    .features-device .inner .mobile-desc-container .card {
        margin-top: 20px;
    }
    .features-device .inner .mobile-desc-container .card .text-group{
        margin-top: 14px;
    }
    .features-device .inner .mobile-desc-container .card .text-group h3{
        font-size: 26px;
        line-height: 1.54;
    }
    .features-grid-system {
        background: url("/img/features-grid-system-bg-sm.png") no-repeat center / cover;
    }
    .features-grid-system .inner {
        padding-top: 55px;
        padding-bottom: 50px;
    }
    .features-grid-system .inner .text-group.title h2{
        font-size: 26px;
        font-weight: bold;
        line-height: 1.46;
    }
    .features-grid-system .inner .text-group.title p {
        margin-top: 20px;
        line-height: 1.33;
        max-width: 490px;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .features-grid-system .inner .grid-system-desc-container{
        margin-top: 46px;
    }
    .features-grid-system .inner .grid-system-desc-container .text-group{
        margin-top: 65px;
    }
    .features-grid-system .inner .grid-system-desc-container .text-group h3{
        font-size: 28px;
        line-height: 1;
    }
    .features-grid-system .inner .grid-system-desc-container .text-group p{
        margin-top: 25px;
        line-height: 1.88;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .features-app .inner {
        padding-top: 50px;
        padding-bottom: 55px;
    }
    .features-app .inner .text-group.title h2{
        font-size: 26px;
        line-height: 1.46;
        text-align: center;
    }
    .features-app .inner .text-group.title p{
        max-width: 460px;
        word-wrap: break-word;
        word-break: keep-all;
    }
    .features-app .inner .app-desc-container{
        margin-top: 40px;
    }
    .features-app .inner .app-desc-container .text-group{
        margin-top: 36px;
    }
    .features-app .inner .app-desc-container .text-group h3 {
        font-size: 22px;
        line-height: 1.82;
    }
    .features-app .inner .app-desc-container .text-group p {
        margin-top: 12px;
        font-size: 16px;
        line-height: 1.88;
    }
    .features-aws .inner {
        padding-top: 55px;
        padding-bottom: 50px;
    }
    .features-aws .inner .text-group.title h2 {
        font-size: 26px;
        line-height: 1.46;
    }
    .features-aws .inner .text-group.title p {
        margin-top: 16px;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.33;
    }
    .features-aws .inner .img-box {
        margin-top: 34px;
    }
    .features-aws .inner .aws-desc-container {
        margin-top: calc(34px - 20px);
    }
    .features-aws .inner .aws-desc-container .card{
        margin-top: 20px;
        width:100%;
    }
    .features-aws .inner .aws-desc-container .card .text-group{
        margin-top: 6px;
    }
    .features-aws .inner .aws-desc-container .card .text-group p{
        margin-top: 18px;
        line-height: 1.63;
    }
    .features-education {
        background: linear-gradient(
                rgba(34, 45, 105, 0.84), 
                rgba(34, 45, 105, 0.84)), 
                url('/img/features-education-bg-sm.png') no-repeat center / cover;
    }
    .features-education .inner {
        height: 334px;
        padding-top: 101px;
    }
    .features-education .text-group h2{
        font-size: 29px;
    }
    .features-education .text-group p {
        margin: 0 auto;
        margin-top:11px;
        font-size: 16px;
    }
    .features-education .education-link{
        width: 216px;
        height: 40px;
        margin-top: 28px;
        font-size: 16px;
    }
    .theme-list__header .custom-select {
        width:120px;
    }
    .theme .inner .theme-list__header .theme-list-title li {
        margin-right: 14px;
    }
    .theme .inner {
        padding-top: 83px;
    }
    .theme .inner .text-group.title h1{
        font-size: 22px;
    }
    .theme .inner .text-group.title p{
        font-size: 18px;
        margin-top: 9px;
    }
    .theme .inner .theme-list{
        margin-top: 47px;
    }
    .theme .inner .theme-list-container{
        margin-top: calc(12px - 14px);
        padding-bottom: 24px;
    }

    .theme .inner .theme-list-container .theme-card .dark-overlay .button-box {
        width: 124px;
        height: 67px;
    }
    .theme .inner .theme-list-container .theme-card .dark-overlay .button-box button {
        height: 28px;
        font-size: 15px;
    }
    .theme .inner .theme-list-container .theme-card {
        width: calc((100% - 15px) / 2);
        /* max-width: 445px; */
        margin-top: 14px;
    }
    .theme .inner .theme-list-container .theme-card__body .share-button {
        width: 32px;
        height: 32px;
        position: absolute;
        top: -16px;
        right: 56px;
      }
    .theme .inner .theme-list-container .theme-card__body .like-button {
        width: 32px;
        height: 32px;
        position: absolute;
        top: -16px;
        right: 12px;
    }
    .theme .inner .theme-list-container .theme-card__body {
        position: relative;
        padding: 10px 12px 14px 12px;
    }
    .theme .inner .theme-list-container .theme-card__body .row p {
        font-size: 15px;    
    }
    .theme .inner .theme-list-container .theme-card__body .row p:last-child {
        font-size: 12px;
    }
    .theme .inner .theme-list-container .theme-card__body .theme-pay{
        width: 35px;
        height: 16px;
        font-size: 12px;
    }
    .my-project-list .my-project-list-container .project-card{
        width:100%;
        padding: 19px 17px 23px 16px;
    }
    .my-project-list-container .project-card .project-card__storage .storage-usage-bar{
        width: 176px;
    }
    .mypage .myinfo-container .profile.card{
        width:188px;
    }
    .video-course .inner .course-list .course-category .category-container .video-card{
        width:100%;
    }


}
@media screen and (max-width:480px) {
    
    .mypage .myinfo-container .profile.card{
        width:100%;
        margin-right:0;
    }
}