main{
    gap:var(--size-4);
    padding: var(--size-3) var(--size-3) var(--size-6);

    -webkit-box-orient:vertical;

    -webkit-box-direction:normal;

        -ms-flex-direction:column;

            flex-direction:column;
}

main>nav{
    background-color:var(--ff-primary-light-10);
    border-left:1px #B9BBC3 solid;
    
    height:-webkit-fit-content;
    
    height:-moz-fit-content;
    
    height:fit-content;
    padding:var(--size-4);
    gap:var(--size-3);

    font-family:Manrope;
    font-size:var(--size-font-2-plus);
    font-weight:300;

    display:none;
}
main>nav>a,
main>nav>a:visited{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 249px;
    color:unset;
}

main>section{
    width:100%;
    max-width:1187px;
    gap:var(--size-6);
    color:var(--ff-primary-dark-30);
    padding:0 var(--size-1);
}
h1{
    font-weight:600;
    font-size:var(--size-6);
    letter-spacing: 6%;
    font-family: Nanum Myeongjo;
}

main>section>.content{
    gap:var(--size-6);
}

main>section>.content>.subsection{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;

    gap:var(--size-4);
    
    font-family:Manrope;
    font-size:var(--size-3);
    font-weight:300;
    line-height:143%;
}

h2{
    font-weight:400;
    font-size:var(--size-4);
    font-family:Manrope;
}
h2 a{
    color:unset;
}
h2 a:visited{
    color:unset;
}

.subsection>.text{
    gap:var(--size-1);
}


@media (min-width: 700px){
    main{
        padding:var(--size-4) var(--size-4) var(--size-6);
    }
}
@media (min-width: 850px){
    main{
        padding:var(--size-5) var(--size-5) var(--size-6);
        gap:var(--size-5);
    }
}
@media (min-width: 1000px){
    main{
        padding:var(--size-6);
    }
}
@media (min-width: 1200px){
    main{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-direction:row;
                flex-direction:row;

        gap:var(--size-6);
        padding:var(--size-7) var(--size-6);
    }

    main>section{
        padding:0;
    }
}