body * {margin:0; padding:0; box-sizing:border-box;}
ul, li ,ol{list-style: none;}
.hidden-pc{display: none;}
.hidden-mo {display: block;}
.condition-table.hidden-mo {display: table;}


.major-inner {    
    max-width: 1380px;
    width: 100%;
    padding: 180px 50px;
    margin: 0 auto;
}
.major-title-h1 {
    font-size: 52px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.4;
    color: #fff;
}
.major-title-h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.4;
    color: #222;
    padding-bottom: 53px;
}
.major-title-h4 {
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1.4;
    color: #fff;
    padding-bottom: 6px;
}
.major-title-h1 strong {
    color: #43FFA4;
}
.major-text-h5 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    color: #222;
}
.major-text-p1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7;
    color: #222;
}
.major-text-p2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    color: #222;
}
.color-white {
    color: #fff;
}
.major-btn {
    text-align: center;
    display: block;
    width: 296px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.7;
    color: #3A75DD;
    background-color: #fff;
    padding: 13px 0;
    border-radius: 8px;
    margin: 62px auto 0;
    cursor: pointer;
}
.major-btn.reverse {
    color: #fff;
    background-color: #222;
}
.visual-top .major-btn {
    margin: 36px 0 0;
}

.major-btn:hover {
    background-color: #31DC89;
    color: #222;
    transition: .3s ease-in;
}
.major-contrat .major-btn:hover {
    background-color: #3A75DD;
    color: #fff;
    transition: .3s ease-in;
}

.t_bold {
    font-weight: 700;
}
.__white {
    color: #fff;
}
.__black {
    color: #222;
}


/******************************  비주얼  */
.majour-visual {
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/visual_img.png') no-repeat center top;
    background-size: cover;
}
.visual-top .major-inner {
    position: relative;
    width: 100%;
    max-width: none;
    padding: 0;
}
.visual-top .text-area {
    max-width: min(66.67vw, 1280px);
    margin: 0 auto;
    padding: 190px 0 0;
}
.icon_visual {
    width: 23px;
    padding-bottom: 128px;
}
.cube {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: min(0.21vw, 4px);
    width: min(62.92vw, 1208px);
    height: min(33.75vw, 648px);
    line-height: 0;
}
.top-1 {    
    display: flex;
    gap: min(0.21vw, 4px);
    width: min(62.92vw, 1208px);
    overflow: hidden;
}
.top-1 > div {
    position: relative;
    width: min(15.57vw, 299px);
    height: min(16.77vw, 322px);
    overflow: hidden;
}
.cube .top-1:nth-child(2) {
    justify-content: flex-end;
}
.top-1 > div > img { 
    width: 100%;
    height: 100%;
}
.position {
    position: absolute;
    top: 0;
    left: 0;
    width: min(15.57vw, 299px);
    height: min(16.77vw, 322px);
    z-index: 30;
}
.cube-1 {
    animation-play-state: paused;
    animation: left-move 2s .2s ease-out infinite alternate;
}
.cube-2 {
    animation-play-state: paused;
    animation: down-move 2s .45s ease-out infinite alternate;
}
.cube-3 {
    animation-play-state: paused;
    animation: right-move 2s .35s ease-out infinite alternate;
}
.cube-4 {
    animation-play-state: paused;
    animation: right-move 2s .4s ease-out infinite alternate;
}
.cube-5 {
    animation-play-state: paused;
    animation: up-move 2s .3s ease-out infinite alternate;
}
.cube-6 {
    animation-play-state: paused;
    animation: left-move 2s .25s ease-out infinite alternate; 
}
.visual-bot .major-inner {
    max-width: min(66.67vw, 1280px);
    width: 100%;
    padding: 200px 0 180px;
    margin: 0 auto;
}
.visual-bot .major-title-h2 {
    text-align: left;
    color: #fff;
}
.visual-bot .major-inner.__ani .condition-table {
    animation:move-1 .4s .1s ease-in forwards;
}
.condition-table {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 0;
    border-spacing: 0px;
    border: 0;
    border-collapse: collapse;
    opacity: 0;
}
.condition-table thead {
    height: 73px;
}
.condition-table thead col {
    width: 25%;
}
.condition-table thead > tr > th {
    padding: 19px 28px;
    border-right: 1px dotted #aaa;
}
.condition-table thead > tr > th:last-child {
    border-right: 0;
}
.condition-table .major-text-p1 {
    color: #3A75DD;
}
.condition-table tbody > tr {
    vertical-align: baseline;
    height: 235px;
}
.condition-table tbody > tr > td {
    position: relative;
    padding: 28px 15px 0 28px;
    border-top: 1px dotted #aaa;
    border-right: 1px dotted #aaa;
} 
.condition-table tbody > tr > td:nth-last-child(2) {
    font-weight: 600;
}
.condition-table tbody > tr > td:last-child {
    padding: 0;
    border-right: 0;
}
.condition-table .major-text-h5 {
    font-weight: 700;
    color: #000;
}
.condition-table .table-fir-1::after {
    content: '';
    position: absolute;right: 20px;bottom: 20px;display: block;width: 60px; height: 60px; background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_icon_1.png') no-repeat center;background-size: cover;
}
.condition-table .table-fir-2::after {
    content: '';
    position: absolute; right: 20px; bottom: 20px;display: block;width: 78px; height: 40px;background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_icon_2.png') no-repeat center;background-size: cover;
}
.condition-table .table-fir-3::after {
    content: '';
    position: absolute;right: 20px; bottom: 20px;display: block;width: 60px; height: 60px;background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_icon_3.png') no-repeat center; background-size: cover;
}
.condition-table .table-fir-4::after {
    content: '';
    position: absolute;right: 20px;bottom: 20px;display: block;width: 60px;height: 60px;background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_icon_4.png') no-repeat center;background-size: cover;
}
.condition-table .table-fir-5::after {
    content: '';
    position: absolute;right: 20px;bottom: 20px;display: block;width: 60px;height: 60px;background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_icon_5.png') no-repeat center;background-size: cover;
}
.condition-table .table-fir-6::after {
    content: '';
    position: absolute;right: 20px;bottom: 20px; display: block;width: 60px;height: 60px;background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_icon_6.png') no-repeat center;background-size: cover;
}
.table-img-1 {
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_1.png') no-repeat center;
    background-size: cover;
}
.table-img-2 {
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_2.png') no-repeat center;
    background-size: cover;
}
.table-img-3 {
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_3.png') no-repeat center;
    background-size: cover;
}
.table-img-4 {
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_4.png') no-repeat center;
    background-size: cover;
}
.table-img-5 {
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_5.png') no-repeat center;
    background-size: cover;
}
.table-img-6 {
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/table_6.png') no-repeat center;
    background-size: cover;
}


/******************************  콘텐츠  */
.major-case .roller-inner {
    position: relative;
    width: 100%;
    max-width: none;
    padding: 180px 0 105px;
}
.major-case .major-inner {
    padding-top:0;
}
.roller-wrap {
    position: relative;
    width: 100%;
}
.logo {
    width: 100%;
    height: 100px;
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/logo_full.png') repeat;
    background-size: cover;
    animation: logoAni1 30s linear infinite;
}
.bookmark {
    width: 738px;
    height: 207px;
    background: url(/wp-content/themes/fastfive/assets/images/pages/major/img_bg_bookmark.png) no-repeat center;
    background-size: cover;
    padding: 43px 85px;
}
.major-case article:nth-child(odd) {
    background-color: #fff;
}
.major-case article {
    background-color: #3A75DD;
    padding: 124px 85px 124px;
}
.major-case article:nth-child(2) {
    margin-top: -110px;
    border-radius: 0 60px 0 0;
}
.major-case article .review-box {  /*bookmark 때문에 짝수 홀수 주의*/  
    position: relative;
    align-items: flex-start;
    display: flex;
    background-color: #fff;
    border-radius: 60px;
    height: 180px;
    padding: 49px 36px 50px;
    margin-bottom: 40px;
    background-color: #fff;
    border-radius: 60px;
    height: 100%;
    padding: 49px 36px 50px;
    margin-bottom: 40px;
}
.major-case article:nth-child(odd) .review-box {
    background-color: #FFF;
}
.major-case article:nth-child(odd) .review-box {
    background-color: #F5F5F5;
}
.review-box > img {
    width: 200px;
    height: 68px;
}
.review-box .text-box span {    
    text-align: center;
    position: absolute;
    top: -45%;
    right: 5%;
    display: block;
    width: 160px;
    height: 160px;
    font-size: 40px;
    font-weight: 900;
    color: #3A75DD;
    letter-spacing: -1px;
    line-height: 1.1;
    border-radius: 50%;
    transform: rotate(20deg);
    background-color: #fff;
    border: 10px solid #31DC89;
    padding: 30px 0;
}
.review-box .text-box small {
    display: block;
    font-weight: 400;
    padding-bottom: 13px;
}

.major-case article .content-box {
    display: flex;
    height: 100%;
    border-radius: 60px;
}
.content-box .text-group {
    flex: 1 1;
    border-radius: 60px 0 0 60px;
    overflow: hidden;
}
.text-group h5.major-text-p1 {
    padding-bottom: 4px;
}
.content-box .content-3 {
    position: relative;
    width: 50%;
}
.major-case article .content-box .content-1 {
    position: relative;
    height: 50%;
    background-color: rgba(255, 255, 255, .1);
    padding: 32px 10px 32px 78px;
}
.major-case article .content-box .content-2 {
    height: 50%;
    background-color: #fff;
    padding: 23px 10px 32px 78px;
}
.major-case article .content-box .content-1::after {
    content: '';
    position: absolute;
    bottom: -12%;
    right: 10%;
    display: block;
    width: 47px;
    height: 47px;
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/arrow_green.png') no-repeat center;
    background-size: cover;
}
.content-box .content-2 h5.major-text-p1 {
    color: #3A75DD;
}
.major-case article:nth-child(odd) .content-box .content-2 h5.major-text-p1 {
    color: #FFF;
}
.content-box p.major-text-p1 {
    font-weight: 400;
}
.content-box .content-1 p.major-text-p1::before {
    vertical-align: middle;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/arrow_even_white.png') no-repeat center;
    background-size: cover;
    margin-right: 6px;
}
.content-box .content-2 p.major-text-p1::before {
    vertical-align: middle;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/arrow_even_blue.png') no-repeat center;
    background-size: cover;
    margin-right: 6px;
}
.major-case article:nth-child(odd) .content-box .content-1 {
    background-color: rgba(58, 117, 221, .1);
    padding: 32px 10px 32px 78px;
}
.major-case article:nth-child(odd) .content-box .content-2 {
    background-color: #3A75DD;
    padding: 23px 10px 32px 78px;
}
.major-case article:nth-child(odd) .content-box .content-1 p.major-text-p1::before {
    vertical-align: middle;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/arrow_odd_black.png') no-repeat center;
    background-size: cover;
    margin-right: 6px;
}
.major-case article:nth-child(odd) .content-box .content-2 p.major-text-p1::before {
    vertical-align: middle;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/wp-content/themes/fastfive/assets/images/pages/major/arrow_odd_blue.png') no-repeat center;
    background-size: cover;
    margin-right: 6px;
}
.case-1 .review-box::after{
    content: '';
    background: url() no-repeat center;
    background-size: cover;
}

.major-contrat {
    background-color: #31DC89;
}
.contract-list {
    width: 661px;
    margin: 0 auto;
}
.major-contrat .major-text-p1 {
    text-align: center;
    width: 600px;
    font-weight: 400;
    background-color: #fff;
    border-radius: 500px;
    padding: 14px 0;
    margin: 0 auto;
}
.contrat {
    width: 661px;
    margin: 0 auto 0 0;
    opacity: 0;
}
.contrat:nth-child(even) {
    margin: 0 0 0 auto;
}
.contrat > span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 99px;
    height: 99px;
    transform: translateY(-50%);
}
.contrat:nth-child(even) > span {
    left: auto;
    right: 0;
}
.contract-list.__ani .contrat {
    position: relative;
    animation: move-1 .3s ease-in forwards;
    margin: 20px 0 65px;
}
.contract-list.__ani .contrat:nth-child(2) {
    animation: move-1 .3s .1s ease-in forwards ;
}
.contract-list.__ani .contrat:nth-child(3) {
    animation: move-1 .3s .2s ease-in forwards ;
}
.contract-list.__ani .contrat:nth-child(4) {
    animation: move-1 .3s .3s ease-in forwards ;
    margin: 20px 0;
}

.major-detour {
    background-color: #3A75DD;
}
.major-detour .info-area {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
}
.major-detour .image-area {
    width: 50%;
    order: 2;
}
.major-detour .info-area .major-title-h2 {
    text-align: left;
    width: 50%;
    height: 160px;
    font-size: min(3vw, 40px);
    order: 1;
}
.major-detour .info-area .info-box {
    display: flex;
    justify-content: space-around;
    width: 452px;
    height: fit-content;
    padding: 30px 36px;
    border: 1px dotted #fff;
    border-radius: 40px;
    order: 3;
    margin-top: -28.8%;
}
.major-detour .info-area .info-box .bol_color {
    vertical-align: middle;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #31DC89;
    border-radius: 50%;
    margin: 0 12px 2px 0;
}
.major-detour .info-area .info-box li:last-child .bol_color {
    background-color: #fff;
}
.major-detour .info-area .info-box p {
    position: relative;
    padding-right: 32px;
}

.major-detour .info-area .info-box p::after {
    vertical-align: middle;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    height: 90px;
    border: 1px dotted #fff;
    transform: translateY(-50%);
}
.major-detour .image-area .map-back {
    position: relative;
    width: 100%;
}
.major-detour .image-area .jung {
    position: absolute;
    top: 34%;
    right: 49%;
    width: 12%;
    height: 14.5%;
    padding: 3.5%;
}
.major-detour .image-area .young {
    position: absolute;
    display: block;
    top: auto;
    bottom: 30%;
    right: auto;
    left: 28%;
    width: 8.7%;
    height: 10.5%;
    padding: 2%;
}
.major-detour .image-area .gang {    
    position: absolute;
    top: 52%;
    right: 26%;
    width: 14.7%;
    height: 17.8%;
    padding: 5%;
}
.map-top {
    opacity: 0; 
}
.major-detour .major-inner.__ani .map-top {
    text-align: center;
    vertical-align: middle;
    background-color: #31DC89;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1.5;
    animation: move-scale .3s .3s ease-in forwards;
}
.major-count{text-align: center;background: rgba(58,117,221,0.05)};
.major-count .count-wrap{display: flex;flex-direction: column;align-items: center;width: 380px;margin: 0 auto;text-align: center;}
.major-count .count-tit h3{font-size: 120px;font-weight: 700;line-height: 1.4;color: #3A75DD;display: inline-block;}
.major-count .count-tit span{font-size: 70px;font-weight: 700;line-height: 1.4;color: #3A75DD;}
 .major-count .count-box:after{content: '';display: block;width: 5px;height: 80px;margin:20px auto;background: url(https://fastfive.co.kr/wp-content/themes/fastfive/assets/images/pages/major/img_line.png) 50% 50% no-repeat;background-size:5px 80px;}
 .major-count .count-box:last-child::after{display: none;}
.major-count .count-box p{font-size: 20px;line-height: 1.7;color: #222;font-weight: 400;}
.major-count .count-box h6{font-size: 16px;font-weight: 400;line-height: 1.7;color: #aaa;}
.major-count .change-txt .change-index{overflow: hidden;font-size: 120px;display: inline-block;position: relative;width: 88px;height: 168px;margin-right: -30px;vertical-align: bottom;}
.major-spot .major-card1 ul li.major-cover{background: url(https://fastfive.co.kr/wp-content/themes/fastfive/assets/images/pages/major/bg_card1.png) 50% 50% no-repeat;background-size:cover;}
.major-spot .major-card2 ul li.major-cover{background: url(https://fastfive.co.kr/wp-content/themes/fastfive/assets/images/pages/major/bg_card2.png) 50% 50% no-repeat;background-size:cover;}
.major-spot .major-card3 ul li.major-cover{background: url(https://fastfive.co.kr/wp-content/themes/fastfive/assets/images/pages/major/bg_card3.png) 50% 50% no-repeat;background-size:cover;}
.major-spot .major-card4 ul li.major-cover{background: url(https://fastfive.co.kr/wp-content/themes/fastfive/assets/images/pages/major/bg_card4.png) 50% 50% no-repeat;background-size:cover;}
.major-spot .card-wrap{margin-top: 64px;}
.major-spot .major-card1{margin-top: 0;}
.major-spot .card-wrap ul{display: flex;gap:0 24px;height: auto;}
.major-spot .card-wrap ul li{flex-shrink: inherit;}
.major-spot .card-wrap ul li img{height: auto;}
.major-spot .card-wrap ul li.major-cover{padding: 47px;height: auto;min-height: 450px;transform: translateX(0);
    z-index: 10;}
.major-spot .card-wrap ul li.major-cover h3{font-size: 24px;line-height: 1.4;font-weight: 700;color: #fff;}
.major-spot .card-wrap ul li{transform: translateX(-100%);transition: all .5s ease;}
.major-spot .card-wrap ul li:nth-last-child(2) {transform: translateX(-200%);transition: all .5s ease;}
.major-spot .card-wrap ul li:nth-last-child(1){transform: translateX(-300%);transition: all .5s ease;}
.major-spot .card-wrap.major-card3 li:nth-last-child(2), .major-spot .card-wrap.major-card4 li:nth-last-child(2) {transform: translateX(-100%);}
.major-spot .card-wrap.major-card3 li:nth-last-child(1), .major-spot .card-wrap.major-card4 li:nth-last-child(1) {transform: translateX(-200%);}
.major-spot .card-wrap.__ani ul li{transform: translateX(0);}
.major-spot .card-wrap.major-card3.__ani li:nth-last-child(2), .major-spot .card-wrap.major-card3.__ani li:nth-last-child(1),
.major-spot .card-wrap.major-card4.__ani li:nth-last-child(2), .major-spot .card-wrap.major-card4.__ani li:nth-last-child(1) {transform: translateX(0);}
.major-spot .card-wrap ul li{padding: 18px;border-radius: 40px;width: 302px;display: flex;flex-direction: column;}
.major-spot .card-wrap ul li .card-txt{border-radius: 0px 0px 30px 30px;background: #fff;padding: 20px;height: 100%;}
.major-spot .card-wrap ul li .card-txt h4{font-size: 20px;font-weight: 700;line-height: 1.7;}
.major-spot .card-wrap ul li .card-txt address{position: relative;font-size: 16px;font-weight: 400;line-height: 170%;padding:5px 0 12px 22px;margin-bottom: 12px;border-bottom: 1px dashed #3A75DD;}
.major-spot .card-wrap ul li .card-txt address:before{content: '';display: inline-block;position: absolute;top: 5px;left: 0;width: 11px;height: 19px;background: url(https://fastfive.co.kr/wp-content/themes/fastfive/assets/images/pages/major/img_ping.png) 50% 50% no-repeat;background-size:11px 19px;}
.major-spot .card-wrap ul li .card-txt p{font-size: 16px;line-height: 1.7;font-weight: 400;padding-left: 24px;position: relative;}
.major-spot .card-wrap ul li .card-txt p:before{content: '';display: inline-block;position: absolute;top: 5px;left: 0;width: 16px;height: 16px;background: url(https://fastfive.co.kr/wp-content/themes/fastfive/assets/images/pages/major/ico_check.png) 50% 50% no-repeat;background-size:16px 16px;}
.major-card1 ul li,.major-card3 ul li{background: rgba(78,113,235,0.1);}
.major-card2 ul li,.major-card4 ul li{background: rgba(49,220,137,0.1);}

/******************************  Swiper  */
.major-case .swiper {
    position: static;
    width: 100%;
    height: 100%;
    line-height: 0;
    border-radius: 0 60px 60px 0;
}
.major-case .swiper-slide {
    overflow: hidden;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -30px !important;
}
.swiper-slide > img {
    width: 100%;
    height: 100%;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, .4);
}
.swiper-pagination-clickable .swiper-pagination-bullet-active {
    background-color: #fff;
}
.major-case article:nth-child(odd) .swiper-pagination-clickable .swiper-pagination-bullet {
    background-color: rgba(58, 117, 221, .4);
}
.major-case article:nth-child(odd) .swiper-pagination-clickable .swiper-pagination-bullet-active {
    background-color: #3A75DD;
}

.major-award {
    background-color: #222;
}




/******************************  animation  */
@keyframes left-move {
    0%, 20%, 40% {
        transform: translateX(101%);
    }
    60%, 80%, 100% {
        transform: translateX(0);
    }
}
@keyframes left-move {
    0%, 20%, 40% {
        transform: translateX(101%);
    }
    60%, 80%, 100% {
        transform: translateX(0);
    }
}
@keyframes right-move {
    0%, 20%, 40% {
        transform: translateX(-101%);
    }
    60%, 80%, 100% {
        transform: translateX(0);
    }
}
@keyframes up-move {
    0%, 20%, 40% {
        transform: translateY(101%);
    }
    60%, 80%, 100% {
        transform: translateY(0%);
    }
}
@keyframes down-move {
    0%, 20%, 40% {
        transform: translateY(-101%);
    }
    60%, 80%, 100% {
        transform: translateY(0%);
    }
}
@keyframes logoAni1 {
	0% {    
        background-position: 221.6rem center;
    }
	100% {    
        background-position: 0 center;
    }
}
@keyframes logoAni2 {
	0% {    
        background-position: -221.6rem center;
    }
	100% {    
        background-position: 0 center;
    }
}
@keyframes move-1 {
    0% {
        transform: translateY(10%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes move-scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(100%);
        opacity: 1;
    }
}


@media all and (max-width: 960px) {
    .hidden-pc{display: block;}
    .hidden-mo{display: none;}
    .condition-table.hidden-mo {display: none;}

    .major-inner {
        padding: 130px 20px;
    }
    .major-title-h1 {
        font-size: 34px;
    }
    .major-title-h2 {
        font-size: 28px;
        line-height: 1.4;
        padding-bottom: 40px;
    }
    .major-title-h4 {
        font-size: 24px;
    }
    .major-text-p1 {
        font-size: 18px;
        font-weight: 400;
        padding-bottom: 12px;
    }
    .major-text-p2 {
        font-size: 16px;
    }
    .major-text-h5 {
        font-size: 22px;
        font-weight: 500;
        line-height: 1.4;
    }
    .major-btn {
        width: 246px;
        font-size: 16px;
        font-weight: 500;
        margin-top: 40px;
    }
    .visual-top .major-btn {    
        font-weight: 600;
        margin: 24px 0 0;
    }

    .major-btn:hover {
        transition: none;
    }
    .major-contrat .major-btn:hover {
        transition: none;
    }


    .major-case .btn-group {
        background-color: #3A75DD;
        padding-bottom: 130px;
    }
    .major-case .btn-group .major-btn {
        margin-top: 0;
    }

    /*****************MO visual****************/
    .majour-visual {
        background: url('/wp-content/themes/fastfive/assets/images/pages/major/visual_img_m.png') no-repeat center top;
        background-size: cover;
    }
    .visual-top {overflow: hidden;}
    .visual-top .major-inner {
        max-width: min(100vw, 375px);
    }
    .icon_visual {
        display: none;
    }
    .visual-top .text-area {
        max-width: 100vw;
        width: 100%;
        min-height: 560px;
        height: 100%;
        margin: 0 auto;
        padding: 55px 32px 0;
    }

    .cube {    
        top: auto;
        right: auto;
        left: -50%;
        bottom: 0;
        width: min(129.6vw, 486px);
        height: min(76vw, 255px);
        gap: 2px;
        transform: translateX(30%);
    }
    .top-1 {
        width: min(129.6vw, 486px); 
        gap: 2px;
    }
    .top-1 > div {
        width: min(32vw, 120px);
        height: min(34.13vw, 128px);
    }


    .visual-bot .major-inner {
        max-width: min(100vw, 375px);
        padding: 130px 20px 130px;
    }
    .visual-bot .major-title-h2 {
        text-align: center;
        padding: 0 0 40px;
    }
    .major-accordian ul.faq {    
        vertical-align: middle;
        height: 100%;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 11px;
        border-radius: 8px;
        overflow: hidden;
    }
    .major-accordian ul.faq .q {
        vertical-align: middle;
        display: flex;
        justify-content: space-between;
        line-height: 1.7;
        color: #222;
        padding: 3px 10px;
        cursor: pointer;
        position: relative;
        background-color: #fff;
        padding: 22px 20px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 6px 0px;
    }
    .major-accordian .li-box {
        line-height: 0;
        overflow: hidden;
        margin-bottom: 16px;
        border-radius: 8px;
        background-color: #fff;
    }
    .content {    
        background-color: #fff;
    }
    .major-accordian ul.faq .a > p > strong {
        display: block;
        font-weight: 600;
        color: #3A75DD;
        padding-bottom: 8px;
    }
    .major-accordian ul.faq .a > p {
        padding: 20px;
        border-bottom: 1px dotted #aaa;
    }
    .major-accordian ul.faq .a > p:nth-last-child(2) {
        font-weight: 600;    
    }
    .major-accordian ul.faq .a > p:nth-child(2) {
        border: none;
    }
    .arrowimg {
        width: 40px;
        transform: rotate(180deg);
        transition: .3s ease-in
    }
    .arrowimg.rotate {
        transform: rotate(0deg);
        transition: .3s ease-in
    }

    /*****************콘텐츠****************/
    .bookmark {    
        width: 311px;
        height: 68px;
        background: url('/wp-content/themes/fastfive/assets/images/pages/major/img_bg_bookmark_m.png') no-repeat center;
        background-size: contain;
        padding: 16px 40px;
    }
    .roller-wrap {
        height: 160px;
    }
    .logo {
        height: 80px;
        background: url(/wp-content/themes/fastfive/assets/images/pages/major/logo_full_m.png) repeat;
        background-size: cover;
        animation-duration: 50s;
    }
    .logo:nth-child(2) {
        animation: logoAni2 50s linear infinite;
    }
    .major-case .roller-inner {
        padding: 130px 0 40px;
    }
    .major-case .major-inner {
        padding: 0;
    }
    .major-case .major-title-h2 {
        padding-bottom: 28px;
    }
    .major-case article {
        padding: 60px 20px;
    }
    .major-case article:nth-child(2) {
        margin-top: 0;
        padding: 84px 20px;
        border-radius: 0;
    }
    .major-case article .review-box {
        flex-direction: column;
        padding: 20px 24px;
        margin-bottom: 24px;
        border-radius: 40px;
    }
    .review-box .text-box span {
        top: -30px;
        width: 96px;
        height: 96px;
        font-size: 24px;
        padding: 20px 0;
        border: 6px solid #31DC89;
    }
    .review-box > img {
        width: 90px;
        height: 33px;
    }
    .major-case article .content-box {
        flex-direction: column;
    }
    .major-case article .content-box .content-1 {
        padding: 24px;
    }
    .major-case article .content-box .content-2 {
        padding: 24px;
    }
    .major-case article:nth-child(odd) .content-box .content-1 {
        padding: 24px;
    }
    .major-case article:nth-child(odd) .content-box .content-2 {
        padding: 24px;
    }
    .content-box .text-group {
        border-radius: 40px 40px 0 0;
    }
    .content-box .content-3 {
        width: 100%;
        height: 155px;
        border-radius: 0 0 40px 40px;
    }
    .major-case article:nth-child(odd) {
        margin-top: 0;
        padding: 84px 20px;
        border-radius: 0;
    }
    .major-case article .content-box .content-1::after {
        width: 33px;
        height: 33px;
    }
    .text-group h5.major-text-p1 {
        font-weight: 700;
        padding-bottom: 8px;
    }
    .major-case .content-box p.major-text-p1 {
        padding-bottom: 0;
    }
    .content-box .content-1 p.major-text-p1::before {
        width: 14px;
        height: 14px;
    }
    .content-box .content-2 p.major-text-p1::before {
        width: 14px;
        height: 14px;
    }
    .major-case article:nth-child(odd) .content-box .content-1 p.major-text-p1::before {
        width: 14px;
        height: 14px;
    }
    .major-case article:nth-child(odd) .content-box .content-2 p.major-text-p1::before {
        width: 14px;
        height: 14px;
    }
    
    .contract-list {
        width: 100%;
    }
    .contract-list.__ani .contrat {
        margin: 0 auto 20px;
    }
    .contrat {
        width: 100%;
    }
    .major-contrat .major-text-p1 {
        width: 100%;
        text-align: left;
        padding: 15px 0 15px 90px;
    }
    .contrat > span {
        width: 76px;
        height: 76px;
        left: 10px;
    }
    .contrat:nth-child(even) > span {
        left: 10px;
        right: auto;
    }
    
    .major-detour {
        overflow: hidden;
    }
    .major-detour .major-inner {
        padding: 130px 0;
    }
    .major-detour .info-area {
        flex-direction: column;
        padding: 0;
    }
    .major-detour .info-area .major-title-h2 {
        text-align: center;
        width: 100%;
        height: 100%;
        font-size: 28px;
    }
    .major-detour .info-area .info-box {
        flex-direction: column;    
        width: 315px;
        height: 100%;
        padding: 16px 32px;
        margin: 24px auto 0;
    }
    .major-detour .info-area .info-box p {
        padding-bottom: 24px;
    }
    .major-detour .info-area .info-box p::after {
        top: 84%;
        width: 100%;
        height: 0;
        transform: none;
    }
    .major-detour .info-area .info-box ul {
        display: flex;
        justify-content: flex-start;
    }
    .major-detour .info-area .info-box ul li {
        margin-right: 24px;
    }
    .major-detour .info-area .info-box .bol_color {
        width: 11px;
        height: 11px;
    }

    .major-detour .image-area {
        width: 100%;
        order: 2;
    }
    .major-detour .image-area .map-back {    
        width: 375px;
        margin: 0 auto;
    }
    .major-detour .image-area .jung {
        right: 49%;
        top: 35%;
        width: 50px;
        height: 50px;
        padding: 10px;
    }
    .major-detour .image-area .young {
        left: 23%;
        width: 38px;
        height: 38px;
        padding: 3.2px;
    }
    .major-detour .image-area .gang {  
        top: 54%;
        right: 20%;
        width: 61px;
        height: 61px;
        padding: 15px;
    }

    .major-count .count-box p {font-size: 18px;}
    .major-count .count-box h6 {font-size: 14px;}
    .major-count .count-tit h3 {font-size: 90px;}
    .major-count .count-tit span {font-size: 40px;}
    .major-count .change-txt .change-index {font-size: 90px;height: 126px;margin-right: -31px;}
    .major-spot .major-inner{padding-left: 20px;padding-right: 0;overflow: hidden;}
    .major-spot .major-card{overflow: hidden;}
    .major-spot .card-wrap{padding-bottom: 24px;}
    .major-spot .card-wrap{position: relative;margin-top: 22px;}

    .major-spot .card-wrap ul{gap:0;height: 388px;}
    .major-spot .card-wrap ul li{padding: 14px;flex-shrink: 0;}
  
    .major-spot .card-wrap.__ani ul li {transform: translate(0);transition: none;}
    .major-spot .card-wrap ul li {transform: translate(0);transition: none;}
    .major-spot .card-wrap ul li:nth-last-child(1),
    .major-spot .card-wrap ul li:nth-last-child(2) {transform: none;transition: none;}
    .major-spot .card-wrap.major-card3 li:nth-last-child(2), 
    .major-spot .card-wrap.major-card4 li:nth-last-child(2),
    .major-spot .card-wrap.major-card3 li:nth-last-child(1), 
    .major-spot .card-wrap.major-card4 li:nth-last-child(1) {transform: none;}

    .major-spot .card-wrap ul li:nth-last-child(1)
    .major-spot .card-wrap.__ani ul li {transform: none;}
    .major-spot .card-wrap ul li.major-cover{min-height: auto}
    .major-spot .card-wrap ul li .card-txt{padding: 16.5px 20px;}
    .major-spot .card-wrap ul li .card-txt h4{font-size: 18px;}
    .major-spot .card-wrap ul li .card-txt address{font-size: 14px;padding-left: 22px;}
    .major-spot .card-wrap ul li .card-txt p{font-size: 14px;padding-left: 19px;}
    .major-spot .card-wrap ul li img{height: 140px;}
    .major-spot .card-wrap ul li .card-txt address:before{top:10px;width: 9px;height: 15px;background: url(https://fastfive.co.kr/wp-content/themes/fastfive/assets/images/pages/major/img_ping.png) 50% 50% no-repeat;background-size:9px 15px}
    .major-spot .card-wrap ul li .card-txt p:before{width: 13px;height: 13px;background: url(https://fastfive.co.kr/wp-content/themes/fastfive/assets/images/pages/major/ico_check.png) 50% 50% no-repeat;background-size: 13px 13px;}
    .card-wrap .swiper-horizontal>.swiper-pagination-progressbar, .card-wrap .swiper-pagination-progressbar.swiper-pagination-horizontal{top:auto;bottom: 0;}
    .card-wrap .swiper-pagination-progressbar{border-radius: 4px;width: calc(100% - 20px);}
    .card-wrap .swiper-pagination-progressbar-fill{border-radius: 4px;}
    .card-wrap .swiper-pagination-progressbar{background: #e4e4e4;}
    .major-card1 .swiper-pagination-progressbar-fill,.major-card3 .swiper-pagination-progressbar-fill{background: #3A75DD;}
    .major-card2 .swiper-pagination-progressbar-fill,.major-card4 .swiper-pagination-progressbar-fill{background: #31DC89;}

    .major-award .major-title-h2 {
        padding-bottom: 62px;
    }
    .major-award img {
        margin: 0 auto;
    }



    /******************스와이퍼********************/
    .major-case .swiper-slide {
        border-radius: 0;
    }
    .major-case .swiper {
        border-radius: 0 0 40px 40px;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: -26px;
    }
}