/* 반응형 스타일 */
@media screen and (max-width: 1200px) {
    body {
        font-size: 1.6rem;
    }
    
    h1, h2 {
        font-size: 1.8rem;
        font-weight: 700;
        width: calc(100vw - 3.6rem);
    }
    
    h3 {
        font-size: 1.6rem;
        width: 20vw;
        min-width: 5rem;
    }
    
    p {
        width: calc(100vw - 3.6rem);
    }
    
    header {
        justify-content: center;
        border-bottom: 1px solid black;
    } 

    main    {
        margin: 16rem 1.8rem 0rem;
    }
    
    section {
        gap: 1.8rem;
    }
    
    article {
        padding-bottom: 1.8rem;
    }
    
    .logo {
        display: none;
    }
    
    .menu {
        width: 100vw;
        margin: 0;
        background-color: white;
    }
    
    .pageMenu {
        margin: 0;
        padding: 1.2rem 1.8rem;
        align-items: center;
        border-bottom: 1px solid black;
    }
    
    .back {
        display: block;
        width: 4rem;
        height: 4rem;
    }
    
    .back button {
        width: 4rem;
        height: 4rem;
        padding: 0;
    }
    
    .unselectedPage {
        display: none;
    }
    
    .hambugerMenu {
        display: block;
    }

    .mobilePageMenu {
        display: block;
        position: fixed;
        left: 100vw;
        width: calc(100vw - 3.6rem);
        height: calc(100vh - 16rem);
        background: white;
        transition: left 0.3s ease-in-out;
        padding: 0 1.8rem;
    }
    
    /* 모바일 메뉴가 열릴 때 */
    .mobilePageMenu.active {
        left: 0;
    }

    .mobilePageMenu ul {
        padding: 1.8rem 0;
        border-bottom: var(--border-syle);
        width: calc(100vw - 3.6rem);
    }
    
    .line {
        display: none;
    }
    
    .listMenu {
        padding: 1.2rem 1.8rem;
        gap: 0.8rem;
    }
    
    .articleText {
        flex-direction: column;
        gap: 1.8rem;
    }
    
    .articleTextInner {
        gap: 1.2rem;
    }
    
    .innerText {
        padding-bottom: 1.8rem;
        border-bottom: 1px solid black;
    }
    
    .innerText p {
        width: calc(80vw - 3.6rem);
    }
    
    .articleImg {
        margin-top: 1.8rem;
        width: calc(100vw - 3.6rem);
        height: calc(100vh - 36rem);
    }

    .flowerNightExplanation {
        gap: 1.8rem;
    }

    .worksList  {
        gap: 1.8rem;
    }

    .workImg    {
        width: calc(80vw - 3.6rem);
    }

    .work p     {
        width: calc(80vw - 3.6rem);
    }
    
    .desktopBack    {
        display: none;
    }

    .scroll-x   {
        margin-top: 1.8rem;
    }

    .slider-container   {
        width: 100vw;
        left: -18px;
        margin: 1.8rem 0 0;
    }

    .content-left   {
        padding: 0;
        width: calc(100vw - 3.6rem);
        height: calc(100vh - 17.8rem);
    }

    .notice-exp {
        display: none;
    }

    .allimContainer {
        height: calc(100vh - 17.8rem);
    }

    .notice-title  {
        width: calc(100vw - 3.6rem);
    }

    .notice-date    {
        width: calc(100vw - 3.6rem);
    }

    .notice-item    {
        padding: 0 0 0.8rem;
        margin-bottom: 0.8rem;
        flex-direction: column;
        gap: 0;
    }

    #content {
        position: fixed;
        left: 100%;
        width: calc(100vw - 3.6rem);
        background: white;
        padding: 0 1.8rem 1.8rem;
        transition: left 0.3s ease-in-out;
        z-index: 1000;
    }

    #content.show {
        left: 0;
    }    

    .notice-contents    {
        height: calc(100vh - 17.8rem);
    }

    .content-right h2 {
        margin-bottom: 1.8rem;
    }
}