@media all and (min-width: 700px) {

    div#letterbox p {
        font-size: 2vw;
    }

    div#lettertxt label {
        font-size: 2vw;
    }

    div#lettertxt input {
        font-size: 2vw;
        width: 30vw;
    }

    div#lettertxt textarea {
        padding: 8vw 6vw 0;
        font-size: 2.2vw;
    }

    div#lettertxt textarea::placeholder {
        font-size: 2.2vw;
    }

    div#letterbox button {
        font-size: 2.5vw;
        margin-top: 1vw;
        padding-bottom: .5vw;
    }


    div#letterbox div#letterbg>img:nth-child(1) {
        width: 80%;
        top: -40vw;
        left: -23vw;
    }
    
    div#letterbox div#letterbg>img:nth-child(2) {
        width: 35%;
        top: -2vw;
        right: 5vw;
    }
    
    div#letterbox div#letterbg>img:nth-child(3) {
        width: 15%;
        right: 0vw;
        top: 15vw;
    }
    
    div#letterbox div#letterbg>img:nth-child(4) {
        width: 40%;
        bottom: 9vw;
        left: -16vw;
    }
    
    div#letterbox div#letterbg>img:nth-child(5) {
        width: 20%;
        bottom: 0vw;
        left: 2vw;
    }
    
    div#letterbox div#letterbg>img:nth-child(6) {
        width: 140%;
        bottom: -65vw;
        right: -36vw;
    }

    div#letter+fieldset fieldset {
        width: 70%;
    }

    div#letter+fieldset fieldset>* {
        font-size: 2vw;
        width: 40vw;
    }

    div#letter+fieldset fieldset label {
        font-size: 2.2vw;
    }
    
    div#letter+fieldset fieldset input {
        font-size: 2vw;
        padding-bottom: 1vw;
    }

}



@media all and (min-width: 1000px) {


    /* div#LETTERBOX */

    div#letterbox {
        padding: 16vh 0 5vw;
        height: 100vh;
    }

    div#letterbox p {
        font-size: 1vw;
    }

    div#letterbox div#letter {
        width: 66%;
        height: 58vh;
        margin: 5vh 17% 0;
    }

    div#letterbox div#letterbg>img:nth-child(1) {
        width: 60%;
        top: -24vw;
        left: -18vw;
    }
    
    div#letterbox div#letterbg>img:nth-child(2) {
        width: 20%;
        top: -2vw;
        right: 3vw;
    }
    
    div#letterbox div#letterbg>img:nth-child(3) {
        width: 9%;
        right: 1vw;
        top: 8vw;
    }
    
    div#letterbox div#letterbg>img:nth-child(4) {
        width: 30%;
        bottom: -1vw;
        left: -2vw;
    }
    
    div#letterbox div#letterbg>img:nth-child(5) {
        width: 12%;
        bottom: 0vw;
        left: 13vw;
    }
    
    div#letterbox div#letterbg>img:nth-child(6) {
        width: 90%;
        bottom: -28vw;
        right: -18vw;
    }

    div#lettertxt {
        margin-top: -58vh;
    }

    div#lettertxt fieldset {
        padding-left: 8vw;
        padding-top: 4vw;
    }

    div#lettertxt textarea {
        padding: 3vw 10vw 0;
        height: 40vh;
        font-size: 1vw;
    }

    div#lettertxt textarea::placeholder {
        font-size: 1vw;
    }

    div#lettertxt textarea+fieldset {
        float: right;
    }

    div#lettertxt label {
        font-size: 1.2vw;
    }

    div#lettertxt input {
        font-size: 1vw;
        width: 12vw;
    }

    /* 기본 상태 */

    div#letter+fieldset {
        margin: 1vw 17%;
    }

    div#letter+fieldset fieldset {
        width: 70%;
    }

    div#letter+fieldset fieldset>* {
        font-size: .8vw;
        width: 38vw;
    }

    
    div#letter+fieldset fieldset label {
        font-size: 1vw;
    }
    
    div#letter+fieldset fieldset input {
        font-size: 1vw;
        padding-bottom: .5vw;
    }


    /* 기본 버튼 스타일 */
    div#letterbox button {
        font-size: 1vw;
        padding: 0.3vw .5vw;
        cursor: pointer;
        background-color: var(--green);
        /* 배경색을 초록색으로 변경 */
        color: var(--black);
        /* 텍스트 색상을 흰색으로 변경 */
        border-bottom: 2px solid var(--black);
        /* 테두리를 흰색으로 변경 */
        transition: all 0.3s ease-in-out;
        /* 부드러운 애니메이션 */
        margin-top: 0;
    }

    /* 호버 상태 */
    div#letterbox button:hover {
        background-color: var(--black);
        /* 기본 배경색 (흰색) */
        color: var(--white);
        /* 기본 텍스트 색상 (초록색) */
        transform: scale(1.05);
        /* 버튼이 살짝 커짐 */
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        /* 그림자를 더 강조 */
    }







}