@import "reset.css";

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


body{
    
    margin: 0px;
}

::-webkit-scrollbar {
    width: 0px;
    height: 1px;
}
::-webkit-scrollbar-button {
    width: 1px;
    height: 1px;
}
#page {
    display: block;
    position: relative;
    width: 100vw;
    height: 100vh;
    margin: 0 auto;
    font-family: 'Pretendard-Regular';
}
.grid-horizontal {
    display: block;
    position: absolute;
    top: 100vh;
    width: 100vh;
    height: 100vw;
    overflow-y: hidden;
    /* overflow-x: hidden; */
    transform: rotate(-90deg);
    transform-origin: top left;
}

.section1-en-btn{
    padding: 0.5vh 1.2vh 0.5vh 1.2vh;
    border-radius: 90px;
    border: 1px solid #C0BBBA;
    color:#C0BBBA;
    font-size: 0.8333vw;
    width: 6vw;
    text-align: center;
    cursor: pointer;
    margin-bottom: 1vw;
    position: absolute;
    position: fixed;
    right: 5%;
    top:5%;
    z-index: 100;
    }
    /*.section1-en-btn img{
        float: left;
        width: 1.5vw;
    }*/
    .section1-en-btn:hover{
        border: 1px solid #2b2b2b;
        color: #2b2b2b;
        transition: all 0.2s ease-in-out;
     }
     .en-btn-m{
        padding: 0.5vh 1.3vh 0.5vh 1.3vh;           
        border-radius: 90px;
        border: 1px solid #fff;
        color:#fff;
        font-size: 1vw;
        width: 15vw;
        text-align: center;
        cursor: pointer;
        margin-bottom: 1vw;
        position: absolute;
        position: fixed;
        right: 18%;
        margin-top:5%;
        z-index: 100;
        display: none;
        }
    
/*left는 상자 높이 위치*/
.grid-horizontal > div {
    display: block;
    position: relative;
    left: 100vh;
    width: 100vw;
    height: 100vw;
    transform: rotate(90deg);
    transform-origin: top left;
}
.grid-horizontal > .grid-block1{
    display: block;
    position: relative;
    left: 100vh;
    width: 25vw;
    height: 25vw;
    transform: rotate(90deg);
    transform-origin: top left;
    background-color: #202820;
}
.grid-horizontal > .grid-block1-1{
    display: block;
    position: relative;
    left: 100vh;
    width: 147vw;
    height: 138vw;
    transform: rotate(90deg);
    transform-origin: top left;
    background-color: #202820;
}
.grid-horizontal > .grid-block1-1 a{
    color: #C0BCBB;
    text-decoration: none;
}

.grid-horizontal > .grid-block1 a{
    color: #C0BCBB;
    text-decoration: none;
}
.grid-horizontal > .grid-block2{
    z-index: 1;
    display: block;
    position: relative;
    left: 100vh;
    width: 113.9vw;
    height: 92vw;
    transform: rotate(90deg);
    transform-origin: top left;
}
.grid-horizontal > .grid-block2 a{
    color: #C0BCBB;
    text-decoration: none;
}
.grid-horizontal > .grid-block3{
    display: block;
    position: relative;
    left: 100vh;
    width: 62vw;
    height: 57vw;
    transform: rotate(90deg);
    transform-origin: top left;
    background-color:#ffffff;
}
.grid-horizontal > .grid-block3 a{
    color: #514F4C;
    text-decoration: none;
}
.grid-horizontal > .grid-block4{
    display: block;
    position: relative;
    left: 100vh;
    width: 111vw;
    height: 98vw;
    transform: rotate(90deg);
    transform-origin: top left;
    background-color:#7A7368;
}
.grid-horizontal > .grid-block5{
    display: block;
    position: relative;
    left: 100vh;
    width: 100vw;
    height: 100vw;
    overflow: hidden;
   
    transform: rotate(90deg);
    transform-origin: top left;
    background-color:#7A7368;

}
.grid-horizontal > .grid-block4 a{
    color: #C0BCBB;
    text-decoration: none;
}
/*.grid-horizontal > div:nth-child(even) {
    background-color:#7A7368;
}
.grid-horizontal > div:nth-child(odd) {
    background-color: #202820;
}*/

.grid-horizontal > div > .grid-inner1 {
    display: block;
    position: relative;
    width: 23vw;
    height: 100vh;
    left: 2.5vw;
    background-color: #7A7368;
    color: #C0BCBB;
}   
.grid-horizontal > div > .grid-inner2 {
    display: block;
    position: relative;
    width: 30vw;
    height: 100vh;
    background-color: #514F4C;
    color: #C0BCBB;
}

.grid-horizontal > div > .grid-inner4 {
    display: block;
    position: relative;
    
    height: 100vh;
    left: 84vw;
    background-color: #202820;
    bottom: 56vw;
}


/*about 페이지 (grid-inner1)*/
.about_text {
    position: relative;
    width: 20vw;
    font-size: 0.7292vw;
    line-height: 1.4063vw;
    top: 3vh;
    height: 10vw;
    margin: auto;
}

.about_img{
    background-image: url(../img/ab.png);
    width: 23vw;
    height: 65vh;
    background-repeat: no-repeat ;
    background-size: cover;
    background-position: center;
}
.about_link{
    width:6vw;
    position: relative;
    top:7vh;
    font-size: 1.0417vw;
    left: 12vw;
    font-family: 'Montserrat', sans-serif;
}
.about_link img{
margin-left: 1.5625vw;
position: absolute;
width:12%;
}
span{
    display: block;
}

.ul1{
    left: 26vw;
    position: relative;
    bottom: -4vh;
    display: flex;
    height: 44vw;
    color: #C0BCBB;
    
}
.upperhouse_min .upperhouse-detail{
    font-size: 0.8333vw;
    margin-top: 3vh;
    line-height:1.4063vw;
    
}
.upperhouse_min .upperhouse-detail-en{
    font-size: 0.8333vw;
    margin-top: 3vh;
    line-height:1.4063vw;
    
}
.upperhouse_min{
    position: relative;
    top: 6vw;
    width: 22.5vw;
    height: 28vw;
    
}
.upperhouse_min p{
    font-size: 0.6250vw;
}
.upperhouse_min h2{
    font-size: 1.2500vw;
    line-height: 1.6667vw;
    margin-top: 1vw;
    font-family: 'Montserrat', sans-serif;
}
.upperhouse_min_img{
    width: 100%;
    height: 0vw;
    /*height: 21vw;*/
    margin-top: 2.1vw;
    background-image: url(../img/about_1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.upperhouse_btn{
    border-radius: 90px;
    width: 6.2500vw;
    border: 1px solid #C0BCBB;
    padding: 0.5208vw;
    text-align: center;
    margin-top: 7.5vh;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8333vw;
}
.upperhouse_btn:hover{
    border: 1px solid #ffffff;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
 }

.dasan_min{
    margin-left: 4vw;
    width: 18vw;
    height: 37vw;
    margin-top: 2.5vw;
}
.dasan_min_img{
    width: 100%;
    /* height: 30vw; */
    height: 0vw;
    background-image: url(../img/about_2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.dasan_min p{
    font-size: 0.6250vw;
    margin-top: 2vh;
}
.dasan_min h2{
    line-height: 1.6667vw;
    font-size: 1.2500vw;
    margin-top: 1vh;
    font-family: 'Montserrat', sans-serif;
}
.dasan_min .dasan-detail{
    margin-top: 0vw;
    font-size: 0.8333vw;
    line-height: 1.4063vw;
    margin-top: 0.5vh;
}

.dasan_min .dasan-detail-en{
    margin-top: 0vw;
    font-size: 0.8vw;
    line-height: 1.4063vw;
    margin-top: 0.5vh;
    
}
.dasan_btn{
    border-radius: 90px;
    width: 6.2500vw;
    border: 1px solid #C0BCBB;
    padding: 0.5208vw;
    text-align: center;
    margin-top: 6.5vh;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8333vw;
}
.dasan_btn:hover{
    border: 1px solid #ffffff;
    color: #ffffff;
    transition: all 0.2s ease-in-out;
 }


.atherton-jeju .atherton-jeju-detail{
    font-size: 0.8333vw;
    margin-top: -2.7vw;
    line-height: 1.4063vw;
    position: absolute;
    margin-left: 17vw;   
}
.atherton-jeju .atherton-jeju-detail-en{
    font-size: 0.8333vw;
    margin-top: -2.7vw;
    line-height: 1.4063vw;
    position: absolute;
    margin-left: 17vw;   
    
}
.atherton-jeju{
    position: relative;
    top: 16vw;
    width: 32vw;
    height: 28vw;
    left: 4vw;
}
.atherton-jeju p{
    font-size: 0.6250vw;
}
.atherton-jeju h2{
    font-size: 1.2500vw;
    line-height: 1.6667vw;
    margin-top: 1vw;
    font-family: 'Montserrat', sans-serif;
}
.atherton-jeju_img{
    width: 100%;
    height: 0vw;
    /*height: 19vw;*/
    margin-top: 2.1vw;
    background-image: url(../img/about_3.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

.atherton-golf .atherton-golf-detail{
    font-size: 0.8333vw;
    margin-top: 0.5vw;
    line-height:1.4063vw;    
}

.atherton-golf .atherton-golf-detail-en{
    font-size: 0.8333vw;
    margin-top: 0.5vw;
    line-height:1.4063vw;    
    
}
.atherton-golf{
    position: relative;
    top: 7vw;
    width: 23vw;
    height: 28vw;
    left: 8vw;
}
.atherton-golf p{
    font-size: 0.6250vw;
    margin-top: 23vw;
}
.atherton-golf h2{
    font-size: 1.2500vw;
    line-height: 1.6667vw;
    margin-top: 1vw;
    font-family: 'Montserrat', sans-serif;
}
.atherton-golf-img{
    width: 100%;
    height: 0vw;
    /*height: 22vw;*/
    position: absolute;
    background-image: url(../img/about_4.png);
    background-repeat: no-repeat;
    background-size: cover;

}

.latest_work_link{
    left: 26vw;
    width:25vw;
    position: absolute;
    top:6vh;
    font-size: 1.2500vw;
    color: #C0BCBB;
    font-family: 'Montserrat', sans-serif;
}

/*2번째 페이지*/
.grid-inner2_text{
    padding-top: 3vw;
    margin-left: 4vw;
    margin-right: 3vw;
}
.grid-inner2 h1{
font-size: 1.2500vw;
font-weight: normal;
line-height: 1.6667vw;
font-family: 'Montserrat', sans-serif;
}
.grid-inner2 p{
    margin-top:5vh;
    font-size:0.8333vw;
    line-height: 1.4583vw;
}
.grid-inner2_text h2{
    margin-top: 43vh;
    font-size: 1.0417vw;
    font-family: 'Montserrat', sans-serif;
}

.grid-inner2 p:nth-child(3){
    display:none;
    
    }

.grid-inner2_text h2 img{
  position: absolute;
  margin-top: -0.1042vw;
  margin-left: 1.5625vw;
  width:2.5%;
}
.grid-inner2_text ul{
    font-size: 0.8333vw;
    margin-top: 5vh;
    font-family: 'Montserrat', sans-serif;
}
.grid-inner2_text ul li{
    line-height: 1.4063vw;
}
.business_img{
    position: absolute;
    background-image: url(../img/Asset6.png);
    width: 84vw;
    height: 56vw;
    bottom: 0vw;
    left: 29.9vw;
    opacity: 100;
    background-size: cover;
}

/*3번째 페이지*/
.atherton-text1{
    padding-top: 3vw;
    margin-left: 4vw;
    color: #514F4C;
    font-size: 1.0417vw;
    line-height: 1.5625vw;
    font-family: 'Montserrat', sans-serif;
}
.atherton-text2{
    margin-top: 40vh;
    color: #514F4C;
    font-size: 0.8333vw;
    line-height: 1.4063vw;
}
.atherton-bottom2{
    height: 65vh;
    padding-left: 9vw;
    padding-top: 2vw;
}
.atherton-link{
    margin-top:7vh;
    color: #514F4C;
    font-size: 1.0417vw;
    line-height: 1.5625vw;
    font-family: 'Montserrat', sans-serif;
}
.atherton-link img{
position: absolute;
width: 0.8vw;
margin-top: 0.1042vw;
margin-left: 1.5625vw;
filter: brightness(0.8);
}
.atherton-img{
    background-image: url(../img/Asset1.png);
    width: 21vw;
    height: 61vh;
    background-size: cover;
    float: left;
    margin-right: 3vw;
}

/*4번째 페이지*/
.project-img{
    position: relative;
    background-image: url(../img/1x/Asset2.png);
    width: 84vw;
    height: 56vw;
    background-size: cover;
}
.project-text{
    font-size: 0.8333vw;
    color: #C0BCBB;
    line-height: 1.4583vw;
    padding-left: 4.5vw;
    padding-top: 5vw;
    font-family: 'Montserrat', sans-serif;
}
.project-about{
    display: flex;
    margin-top: 54vh;
    color: #C0BCBB;
    font-size: 0.6250vw;
    padding-left: 4.5vw;
    line-height: 1vw;
}
.project-about .list2{
    margin-left: 2vw;
}
.project-link{
    font-size: 1.0417vw;
    color: #C0BCBB;
    margin-top: 5vh;
    padding-left: 4.5vw;
    font-family: 'Montserrat', sans-serif;
}
.project-link img{
    position: absolute;
    margin-left: 1.5625vw;
    width: 0.8vw;
}

/*모바일 섹션1 */
.grid-horizontal > .mobile-section1{
height: auto;
background-color: #7A7368;
color: #C0BBBA;
display: none;
}
.grid-horizontal > .mobile-section1 a{
    text-decoration: none;
    color: #C0BBBA;
}
.about_text_m{
    font-size: 14px;
    line-height: 23px;
    margin: auto;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 3vh;
}
.about_img_m{
    background-image: url(../img/ab.png);
    width: 100vw;
    height: 63vh;
    background-repeat: no-repeat ;
    background-size: cover;
    background-position: center;
}
.about_link_m{
    padding-top:3vh;
    padding-bottom: 5vh;
    font-size: 16px;
    padding-left: 10vw;
    font-family: 'Montserrat', sans-serif;
}
.about_text_m p:nth-child(2){
 display: none;
}
.about_link_m img{
width: 10px;
margin-left: 3vw;
position: absolute;
}

/*모바일 섹션 2 */
.grid-horizontal > .wrapper{
    height: 85vh;
    background-color: #1E281F;
    color: #C0BBBA;
    display: none;
    }
.mobile-section2 .bx-wrapper{
    width: 100vw;
    height: 100vh;
    box-shadow: none;
    border: none;
    
}
.mobile-section2 .mobile-list{
    height: 30vh;
    background-color: #1E281F;
}
.mobile-section2 h2{
    font-size: 16px;
    margin-left: 10vw;
    position: absolute;
    z-index: 2;
    margin-top: 8vh;
    font-family: 'Montserrat', sans-serif;
}

.mobile-section2 .container_m{
    float: left;
    list-style: none;
    position: relative;
    width: 345px;
    margin-right: 64px;
    margin-top: 15vh;
}
.mobile-section2 .container_m a{
    text-decoration: none;
    color: #C0BBBA;
}
.mobile-section2 .container_m p{
    font-size: 12px;
    margin-top: 1vh;
}
/* .mobile-section2 .container_m:nth-child(4) p{
    margin-top: 2vh;
} */
.mobile-section2 .container_m h2{
    font-size: 16px;
    line-height: 20px;
    margin-top: 1vh;
    margin-left: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    position: relative;
}
.mobile-section2 .container_m .container-m1-detail{
    font-size: 10px;
}
.mobile-section2 .container_m .container-m1-detail-en{
    font-size: 10px;
   line-height: 2vh;
}
.mobile-section2 .container_m .container_m_btn{
    border-radius: 90px;
    width: 100px;
    border: 1px solid #C0BCBB;
    padding: 5px;
    text-align: center;
    margin-top: 2vh;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}
.mobile-section2 .container_m_img{
    width: 60vw;
    height: 60vw;
    z-index: 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mobile-section2 .container_m:nth-child(1) .container_m_img{
    background-image: url(../img/about_1.png);
}
.mobile-section2 .container_m:nth-child(2) .container_m_img{
    background-image: url(../img/about_2.png);
}
.mobile-section2 .container_m:nth-child(3) .container_m_img{
    background-image: url(../img/about_3.png);
}
.mobile-section2 .container_m:nth-child(4) .container_m_img{
    background-image: url(../img/about_4.png);
}

/* 모바일 섹션 3 */
.grid-horizontal > .mobile-section3{
    background-color: #514F4C;
    height: auto;
    color: #C0BBBA;
    display: none;
}
.grid-horizontal > .mobile-section3 a{
    text-decoration: none;
    color: #C0BBBA;
}
.mobile-section3 h2{
font-size: 16px;
font-family: 'Montserrat', sans-serif;
padding-top: 7vh;
padding-left: 10vw;
padding-right: 10vw;
}
.mobile-section3 p{
    font-size: 14px;
    line-height: 23px;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 3vh;
}

.mobile-section3 ul{
    font-size: 12px;
    line-height: 18px;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 2vh;
}
.mobile-section3 .project_link_m h2{
    padding-top: 5vh;
}
.mobile-section3 .project_link_m img{
    width: 10px;
    margin-left: 3vw;
    position: absolute;
}
.mobile-section3 .project-img-m{
    background-image: url(../img/Asset6.png);
    width: 100vw;
    height: 40vh;
    background-repeat: no-repeat ;
    background-size: cover;
    background-position: center;
    margin-top: 5vh;
}
/* 모바일 섹션 4 */
.grid-horizontal > .mobile-section4{
    height: auto;
    color: #514F4C;
    background-color: #fff;
    display: none;
}
.grid-horizontal > .mobile-section4 a{
    text-decoration: none;
    color: #514F4C;
}
.mobile-section4 p{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 6vh;
}
.mobile-section4 .mobile-section4-kr p{
    font-family: 'Pretendard-Regular';
    font-size: 10px;
    font-weight: 400;
    padding-top: 3vh;
}
.mobile-section4 .brand_link_m{
    padding-left: 10vw;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
     margin-top: 3vh;
     padding-bottom: 5vh;
}
.mobile-section4 .brand_link_m img{
    width: 10px;
    margin-left: 3vw;
    position: absolute;
    filter: brightness(0.8);
}
.mobile-section4 .brand-img-m{
    background-image: url(../img/Asset1.png);
    width: 45vw;
    height: 45vh;
    background-repeat: no-repeat ;
    background-size: cover;
    background-position: center;
    margin-top: 3vh;
    margin-left: 30vw;
}

/* 모바일섹션 5 */
.grid-horizontal > .mobile-section5{
    height: 80vh;
    color: #C0BBBA;
    background-color: #1E281F;
    display: none;
}
.grid-horizontal > .mobile-section5 a{
    text-decoration: none;
    color: #C0BBBA;
}
.mobile-section5 p{
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 3vh;
}
.mobile-section5 ul{
    font-size: 10px;
    padding-left: 10vw;
     padding-top: 3vh;
     line-height: 17px;
     padding-right: 10vw;
}
.mobile-section5 .project_link_m{
    padding-left: 10vw;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    margin-top: 3vh;
}
.mobile-section5 .project_link_m img{
    width: 10px;
    margin-left: 3vw;
    position: absolute;
}

.mobile-section5 .project-img-m {
    background-image: url(../img/1x/Asset2.png);
    width: 100vw;
    height: 40vh;
    background-repeat: no-repeat ;
    background-size: cover;
    background-position: center;
}
/* 모바일섹션 푸터*/
footer{
    background-color: #1E281F;
      height: 30vh;
    color: #C0BBBA;
    display: none;
}
footer p{
    font-size: 12px;
    padding-top: 3vh;
    padding-left: 10vw;
    padding-right: 10vw;
}
footer .footer-about{
    margin-top: 1.5vh;
}
footer .footer-about p{
    padding-top: 0;
    padding-bottom: 0.5vh;
}
footer .footer-policy{
    margin-top: 1.5vh;
    font-family: 'Montserrat', sans-serif;
}
footer .footer-policy p{
    padding-top: 0;
    padding-bottom: 0.5vh;
}
footer .copyright-m{
    font-size: 10px;
    padding-left: 10vw;
    padding-right: 10vw;
    margin-top: 1.5vh;
    font-family: 'Montserrat', sans-serif;
}


/*미디어 쿼리 */

  @media (max-width: 768px) {
    .grid-horizontal > .grid-block5{
        height: 95vh;
        transform: rotate(0deg);
        left: 0;
        height: 100vh;
    }
    .section1-en-btn {
        display: none;
    }
    .en-btn-m {
        display: block;
        font-size: 10px;
        padding: 5px 10px 5px 10px;
        width: auto;
    }
      
    #page{
        width:100vw;
        overflow-x: hidden;
    }
    .grid-horizontal > .grid-block1{
        display: none;
    }
    .grid-horizontal > .grid-block2{
        display: none;
    }
    .grid-horizontal > .grid-block3{
        display: none;
    }
    .grid-horizontal > .grid-block4{
        display: none;
    }
    .grid-horizontal > .grid-block1-1{
        display: none;
    }
    .grid-horizontal{
        overflow-y: auto;
        transform: rotate(0deg);
        top: 0;
        width: 100vw;
        height: 100vh;
    }
    .grid-horizontal > div{
        left: 0;
        transform: rotate(0deg);
        position: static;
    }
    .atherton-golf-img {
        width: 100%;
        height: 22vw;
        /* height: 22vw; */
        position: static;
    }
    .grid-horizontal > .mobile-section1{
        display: block;
    }
    .grid-horizontal > .wrapper{
        display: block;
        overflow-x: hidden;
    }
    .grid-horizontal > .mobile-section3{
        display: block;
    }
    .grid-horizontal > .mobile-section4{
        display: block;
    }
    .grid-horizontal > .mobile-section5{
        display: block;
    }
    footer{
        display: block;
    }
}

@media (max-width: 450px){
    .mobile-section4 .mobile-section4-kr p br{
        display: none;
    }
    .mobile-section4 p br:nth-child(5){
        display: none;
    }
  }

@media (max-width: 400px){
    .about_text_m{
        font-size: 12px;
        line-height: 20px;
    }
    .about_link_m img{
        width: 8px;
    }
    .about_link_m{
        font-size: 14px;
    }
    .grid-horizontal > .wrapper{
        height: 75vh;
    }
    .mobile-section2 h2{
        font-size: 14px;
    }
    .mobile-section2 .container_m h2{
        font-size: 14px;
        line-height: 18px;
    }
    .mobile-section2 .container_m .container_m_btn{
        width: 90px;
        padding: 3px;
        font-size: 10px;
    }

    .mobile-section3 h2{
        font-size: 14px;
    }
    .mobile-section3 p{
        font-size: 12px;
        line-height: 20px;
    }
    .mobile-section3 ul{
        font-size: 10px;
        line-height: 16px;
    }
    .mobile-section3 .project_link_m img{
        width: 8px;
    }
    .mobile-section4 p{
        font-size: 10px;
    line-height: 16px;
    }
    .mobile-section4-kr br:nth-child(2){
        display: none;
    }

    .mobile-section4 .brand_link_m{
        font-size: 14px;
    }
    .mobile-section4 .brand_link_m img{
        width: 8px;
    }
    .mobile-section5 p{
        font-size: 10px;
    }
    .mobile-section5 ul{
        line-height: 15px;
    }
    .mobile-section5 .project_link_m{
        font-size: 14px;
    }
    .mobile-section5 .project_link_m img{
        width: 8px;
    }
    footer p{
        font-size: 10px;
    }
    .mobile-footer footer p{
        font-size: 10px;
    }
  }