@media all and (max-width:450px){
    .login-wrap .notice button, 
    .notice-box1 .notice button, 
    .notice-box2 .notice button, 
    .resident-form-wrap .notice button,
    .join-wrap .btn-wrap .btn-box button{
        font-size: 14px;
    }
    .login-wrap .login-txtbox h2,
    .join-wrap .join-txtbox h2,
    .resident-form-wrap .resident-form-title h2,
    .delivery-form-wrap .delivery-form-title h2{
        font-size: 20px;
    }
    .login-wrap .login-txtbox p,
    .join-wrap .join-txtbox p{
        font-size: 15px;
    }
    .login-wrap .btn-wrap,
    .join-wrap .btn-wrap{
        width: 80%;
    }
    .login-wrap .login-info{
        width: 70%;
    }
    .login-wrap .btn-wrap .btn-box button,
    .login-input-box .btn-position,
    .resident-form-wrap .form-box .resident-gender button,
    .delivery-form-wrap .notice button,
    .find-wrap .notice-btn button,
    .find-wrap .find-btn button,
    .find-wrap .home-btn button,
    .delivery-form-wrap .delivery-division button{
        font-size: 14px;
    }
    .login-wrap .resident-popUp,
    .login-wrap .delivery-popUp,
    .resident-form-wrap .notice-wrap,
    .delivery-form-wrap .notice-wrap,
    .find-wrap .delivery-home,
    .find-wrap .notice-find,
    .find-wrap .notice-incorrect,
    .find-wrap .notice-wrap .notice1,
    .find-wrap .notice-wrap .notice2,
    .notice-box1 .notice,
    .notice-box2 .notice,
    .select_boxes .notice,
    .select_boxes .notice1{
        width: 280px;
        height: 185px;
        padding: 19px;
    }
    .login-wrap .notice .text-box h2,
    .resident-form-wrap .notice-wrap p:first-child,
    .delivery-form-wrap .notice-wrap p:first-child,
    .find-wrap .notice-find p:first-child,
    .find-wrap .notice-incorrect p:first-child,
    .select_boxes .notice p:first-child,
    .select_boxes .notice1 p:first-child,
    .find-wrap .notice-wrap .notice1 p:first-child,
    .find-wrap .notice-wrap .notice2 p:first-child{
        font-size: 21px;
        padding: 8px 0;
    }
    .login-wrap .notice .text-box p,
    .resident-form-wrap .notice-wrap p{
        font-size: 15px;
    }
    /* .join-wrap .btn-wrap .btn-box button{
        padding: 15px 18px;
    } */
    .main-title h1::before{
        width: 28px;
        height: 32px;
        bottom: 21px;
    }
    .resident-form-wrap .form-box .resident-gender .gender-wrap,
    .delivery-form-wrap .delivery-division-box{
        width: 50%;
    }
    .resident-form-wrap .personal-info,
    .delivery-form-wrap .personal-info{
        width: 80%;
    }
    .delivery-form-wrap .delivery-text{
        width: 70%;
    }
    .delivery-form-wrap .delivery-text p{
        font-size: 15px;
    }
    .resident-main-wrap .menu-wrap ul li:first-child,
    .delivery-main-wrap .menu-wrap ul li:first-child{
        font-size: 16px;
    }
    .resident-main-wrap .menu-wrap ul li:first-child::before,
    .delivery-main-wrap .menu-wrap ul li:first-child::before{
        width: 30px;
        height: 29px;
    }
    .resident-main-wrap .menu-wrap .laundary-menu li .menu-1::before,
    .delivery-main-wrap .menu-wrap .laundary-menu li .menu-1::before{
        height: 40px;
        top: 21px;
        width: 46px;
    }
    .resident-main-wrap .menu-wrap .laundary-menu li .menu-3::before,
    .delivery-main-wrap .menu-wrap .laundary-menu li .menu-3::before {
        width: 51px;
        height: 45px;
        top: 23px;
    }
    .resident-main-wrap .menu-wrap ul li a,
    .delivery-main-wrap .menu-wrap ul li a{
        font-size: 14px;
    }
    .nav li{
        width: 15%;
    }
    .info-wrap .info-btn-wrap .btn-box .btn a{
        font-size: 16px;
    }
    .mypage-wrap .title-bg{
        width: 70px;
        height: 70px;
    }
    .mypage-wrap .mypage-title p{
        font-size: 16px;
    }
    .mypage-wrap .edit{
        padding: 44px 0;
    }
    .mypage-wrap .edit .edit-btn .btn{
        width: 32%;
    }
    .mypage-wrap .edit .edit-btn .btn a {
        font-size: 13px;
        padding: 13px 4px;
    }

    .mypage-wrap .mypage-box{
        margin-top: 20px;
    }
    .mypage-wrap .edit p span, .mypage-wrap .point p span {
        font-size: 16px;
    }
    .mypage-wrap .edit p,
    .mypage-wrap .point > p {
        font-size: 15px;
    }
    .mypage-wrap .point-box{
        width: 50%;
    }
    .mypage-wrap .point .btn{
        width: 36%;
    }
    .mypage-wrap .point .message-btn {
        width: 56%;
        margin: 0 auto;
        margin-top: 29px;
    }
    .mypage-wrap .edit .edit-btn .btn,
    .mypage-wrap .point .btn{
        border-radius: 8px;
    }
    .mypage-wrap .point-box,
    .mypage-wrap .point-box .point-amount span{
        font-size: 14px;
    }
    .mypage-wrap .point .btn button{
        font-size: 13px;
    }
    .mypage-wrap .point-box .point-amount{
        width: 62%;
    }
    .mypage-wrap .point-box .point-amount .amount{
        margin-left: 17px;
    }
    .my-info-wrap .my-info-box .info-text p{
        font-size: 16px;
    }
    .my-info-wrap .text-area span{
        font-size: 15px;
    }
    .my-info-wrap .text-area input{
        font-size: 14px;
    }
    .my-info-wrap .text-area .resident-gender .gender-wrap{
        width: 50%;
    }
    .my-info-wrap .text-area .resident-gender button,
    .my-info-wrap .my-info-box .info-box button{
        font-size: 14px;
    }
    .my-info-wrap .correction-btn input{
        font-size: 15px;
    }
    .my-info-wrap .info-change1{
        width: 280px;
        height: 236px;
    }
    .my-info-wrap .info-change2{
        width: 280px;
        height: 185px;
        padding: 19px;
    }
    .my-info-wrap .info-change1 p:first-child,
    .my-info-wrap .info-change2 p:first-child{
        font-size: 21px;
        padding: 8px 0;
    }
    .my-info-wrap .info-change1 input,
    .my-info-wrap .info-change2 input,
    .my-info-wrap .info-change1 button,
    .my-info-wrap .info-change2 button{
        font-size: 14px;
    }
    
    .notice-box1 .notice p:first-child,
    .notice-box2 .notice p:first-child{
        font-size: 21px;
    }
    .notice-box1 .notice p,
    .notice-box2 .notice p{
        font-size: 15px;
    }
    .notice-box2 .notice p{
        line-height: 26px;
    }
    .notice-box1 .notice input,
    .notice-box2 .notice input{
        font-size: 14px;
    }
    .find-wrap .find-textbox span {
        width: 24%;
    }
    .find-wrap .find-textbox input {
        width: 74%;
    }
    .find-wrap .find-textbox span,
    .find-wrap .find-textbox input,
    .find-wrap .laundary-find .find-textbox .laundary-memo textarea{
        font-size: 15px;
    }

    .find-wrap .delivery-home{
        padding: 10px 15px;
    }
    .find-wrap .delivery-home .home-pw {
        margin-top: 9px;
    }
    .find-wrap .delivery-home .home-pw input{
        padding: 7px 5px;
        width: 80%;
        font-size: 14px;
    }
    .find-wrap .delivery-home .home-text p:first-child{
        font-size: 20px;
    }

    .find-wrap .delivery-home .home-text p{
        font-size: 14px;
    }
    .find-wrap .delivery-home .btn{
        margin-top: 9px;
    }
    .find-wrap .delivery-home .btn button{
        font-size: 14px;
        padding: 8px;
    }
    .find-wrap .notice-find p{
        font-size: 15px;
    }
    .select_boxes .notice p{
        font-size: 14px;
    }
    .select_boxes .notice button,
    .select_boxes .notice1 button{
        font-size: 14px;
    }
    .return-wrap .return-pw-box .password .pwBox{
        width: 85%;
    }
    .return-wrap .return-pw-box .password span{
        font-size: 15px;
    }
    .return-wrap .return-pw-box > p{
        font-size: 20px;
    }
    .return-wrap .return-pw-box .password input{
        font-size: 14px;
    }
    .return-wrap .return-btn button{
        font-size: 14px;
    }
    .laundary-info .info-table .table-wrap table{
        width: 95%;
    }
    .laundary-info .info-table .table-wrap table td:nth-child(2) {
        width: 12%;
    }
    .laundary-info .info-table .table-wrap table th,
    .laundary-message .info-table .table-wrap table th{
        font-size: 14px;
    }
    .laundary-info .info-table .table-wrap table td,
    .laundary-message .info-table .table-wrap table td{
        font-size: 12px;
    }
    .laundary-info .info-table .table-wrap table th span {
        font-size: 11px;
    }
    .laundary-info .info-table .table-wrap table th {
        font-size: 13px;
    }
    .laundary-storage-wrap .storage-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .laundary-storage-wrap .laundary-storage-info input,
    .laundary-storage-wrap .laundary-storage-info span,
    .laundary-storage-wrap .laundary-btn .laundary-memo textarea{
        font-size: 15px;
    }
    .laundary-storage-wrap .laundary-btn button{
        font-size: 14px;
    }
    .laundary-pickup-wrap .pickup-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .laundary-pickup-wrap .laundary-pickup-info > div span,
    .laundary-pickup-wrap .laundary-pickup-info input,
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .laundary-memo textarea,
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .date-box .place select{
        font-size: 15px;
    }
    .laundary-pickup-wrap .laundary-pickup-info .address input{
        font-size: 14px;
    }
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .date-box .date label input{
        font-size: 13px;
    }
    .laundary-pickup-wrap .laundary-btn button{
        font-size: 14px;
    }
    .laundary-pickup-wrap .notice-wrap{
        width: 280px;
        height: 185px;
        padding: 19px;
    }
    .laundary-pickup-wrap .notice-wrap p:first-child{
        font-size: 21px;
        padding: 8px 0;
    }
    .laundary-pickup-wrap .notice-wrap p:nth-child(2){
        font-size: 15px;
    }
    .laundary-pickup-wrap .notice-wrap .notice-btn button{
        font-size: 14px;
    }
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .date-box .date .datetext {
        font-size: 14px;
    }
    .delivery-storage-wrap .storage-box input,
    .delivery-storage-wrap .storage-box .code-box span,
    .delivery-storage-wrap .storage-box .search-box .text-box p,
    .delivery-storage-wrap .storage-box .num-box .user-num select{
        font-size: 15px;
    }
    .delivery-storage-wrap .storage-box .code-box span {
        width: 23%;
    }

    .delivery-storage-wrap .storage-box .num-box .user-num .num-btn button,
    .delivery-storage-wrap .storage-box .phone-num button,
    .delivery-storage-wrap .delivery-storage-btn button{
        font-size: 14px;
    }

    .delivery-storage-wrap .payee-phone-num{
        width: 280px;
    }
    .delivery-storage-wrap .payee-phone-num p:first-child,
    .delivery-storage-wrap .payee p:first-child{
        font-size: 21px;
        padding: 8px 0;
    }
    .delivery-storage-wrap .payee-phone-num p:nth-child(2),
    .delivery-storage-wrap .payee-phone-num p:nth-child(3),
    .delivery-storage-wrap .payee p:nth-child(2){
        font-size: 15px;
    }
    
    .delivery-storage-wrap .payee-phone-num .search-box .search input,
    .delivery-storage-wrap .payee .payee-list > div input{
        font-size: 15px;
    }
    .delivery-storage-wrap .payee-phone-num .search-box .search button,
    .payee-btn button{
        font-size: 14px;
    }
    .delivery-cancle-wrap .delivery-cancle-box .code-box .code input,
    .delivery-cancle-wrap .delivery-cancle-box button{
        font-size: 15px;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table{
        width: 95%;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table td{
        font-size: 13px;
    }

    .delivery-list-wrap .delivery-list-box .list-box .list table td button {
        border-radius: 9px;
        padding: 9px;
        font-size: 12px;
    }
    .delivery-list-wrap .notice-wrap{
        width: 280px;
        height: 185px;
        padding: 19px;
    }
    .delivery-list-wrap .notice-wrap p:first-child{
        font-size: 21px;
        padding: 8px 0;
    }
    .delivery-list-wrap .notice-wrap button{
        font-size: 14px;
    }
    .delivery-return-wrap .delivery-return-box .code-box .code input,
    .delivery-return-wrap .delivery-return-box button{
        font-size: 15px;
    }
    .delivery-return-pw-wrap .delivery-return-pw-box .return-pw .pw-box input,
    .delivery-return-pw-wrap .delivery-return-pw-box .return-pw .pw-btn button{
        font-size: 15px;
    }
    .delivery-return-pw-wrap .delivery-return-pw-box .text-box2 p{
        font-size: 15px;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-correct p:first-child,
    .delivery-return-pw-wrap .notice-wrap .pw-incorrect p:first-child{
        font-size: 21px;
        padding: 8px 0;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-correct button,
    .delivery-return-pw-wrap .notice-wrap .pw-incorrect button{
        font-size: 14px;
        
    }
    .delivery-return-pw-wrap .notice-wrap .pw-correct,
    .delivery-return-pw-wrap .notice-wrap .pw-incorrect{
        width: 280px;
        height: 185px;
        padding: 19px;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-incorrect p:nth-child(2){
        font-size: 15px;
    }
    .laundaryman-find-code-wrap .laundary-find-box .code-box .code input{
        font-size: 15px;
    }
    .laundaryman-find-code-wrap .btn-wrap button, .laundaryman-find-code-wrap .list-btn button{
        font-size: 14px;
    }
    .laundaryman-find-wrap .laundary-find .find-textbox input,
    .laundaryman-find-wrap .laundary-find .find-textbox span,
    .laundaryman-find-wrap .laundary-find .find-textbox textarea{
        font-size: 15px;
    }
    .laundaryman-find-wrap .find-btn button{
        font-size: 14px;
    }
    .laundaryman-find-wrap .notice-wrap{
        width: 280px;
        height: 185px;
        padding: 19px;
    }
    .laundaryman-find-wrap .notice-wrap p:first-child{
        font-size: 21px;
        padding: 8px 0;
    }
    .laundaryman-find-wrap .notice-wrap button{
        font-size: 14px;
    }

    .laundary-list-wrap .laundary-list-box .table-wrap table th{
        font-size: 14px;
    }
    .laundary-list-wrap .laundary-list-box .table-wrap table td{
        font-size: 13px;
    }

    .laundary-check-list-wrap .laundary-check-list-box .list-textbox span,
    .laundary-factory-list-wrap .laundary-factory-list-box .list-textbox span,
    .laundary-check-list-wrap .laundary-check-list-box .list-textbox input,
    .laundary-factory-list-wrap .laundary-factory-list-box .list-textbox input,
    .laundary-check-list-wrap .laundary-check-list-box .list-textbox .laundary-memo textarea,
    .laundary-factory-list-wrap .laundary-factory-list-box .list-textbox .laundary-memo textarea,
    .laundary-factory-outlist-wrap .laundary-factory-outlist-box .list-textbox span,
    .laundary-factory-outlist-wrap .laundary-factory-outlist-box .list-textbox input,
    .laundary-factory-outlist-wrap .laundary-factory-outlist-box .list-textbox .laundary-memo textarea, 
    .deliveryman-memo span,
    .deliveryman-memo textarea{
        font-size: 15px;
    }
    .laundary-check-list-wrap .laundary-check-list-box .btn button,
    .laundary-factory-list-wrap .laundary-factory-list-box .btn button,
    .laundary-check-list-wrap .laundary-check-list-box .list-textbox .laundary-cost button{
        font-size: 14px;
    }
    .laundaryman-storage-wrap .laundaryman-box .list-textbox span,
    .laundaryman-storage-wrap .laundaryman-box .list-textbox input,
    .laundaryman-storage-wrap .laundaryman-box .list-textbox textarea{
        font-size: 15px;
    }

    .laundaryman-storage-wrap .laundaryman-box .btn button{
        font-size: 15px;
    }
    .laundaryman-storage-wrap .notice-box{
        width: 280px;
        height: 185px;
        padding: 19px;
    }
    .laundaryman-storage-wrap .notice-box p:first-child{
        font-size: 21px;
        padding: 8px 0;
    }
    .laundaryman-storage-wrap .notice-box button{
        font-size: 14px;
    }
    .laundaryman-storage-code-wrap .laundaryman-storage-code-box .code-box .code input,
    .laundaryman-storage-code-wrap .btn-wrap button, 
    .laundaryman-storage-code-wrap .list-btn button{
        font-size: 15px;
    }
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox span{
        width: 23%;
    }
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox input{
        width: 70%;
    }
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox span,
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox input,
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox .laundary-memo textarea,
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox .laundary-pickup-time button,
    .laundaryman-pickup-wrap .laundaryman-pickup-box .btn button{
        font-size: 15px;
    }
    .laundaryman-pickup-wrap .notice{
        width: 280px;
        height: 185px;
        padding: 19px;
    }
    .laundaryman-pickup-wrap .notice p:first-child{
        font-size: 21px;
        padding: 8px 0;
    }
    .laundaryman-pickup-wrap .notice form input,
    .laundaryman-pickup-wrap .notice button{
        font-size: 14px;
    }

    .point-wrap .point-box .amount-box .amount div{
        width: 31%;
    }
    .point-wrap .point-box .amount-box div > button,
    .point-wrap .point-box .means-box > div button,
    .point-wrap .charge-btn button{
        font-size: 14px;
    }
    .point-wrap .notice{
        width: 280px;
        height: 185px;
        padding: 19px;
    }
    .point-wrap .notice p:first-child{
        font-size: 21px;
        padding: 8px 0;
    }
    .point-wrap .notice p:nth-child(2) {
        padding: 11px;
    }
    .point-wrap .notice button{
        font-size: 14px;
    }
    .point-wrap .point-box .point-text{
        width: 280px;
        height: 185px;
        padding: 19px;
    }
    .point-wrap .point-box .point-text input,
    .point-wrap .point-box .point-text .btn-wrap button{
        font-size: 14px;
    }
    

}

@media all and (max-width:425px){
    .start-wrap .start-bg{
        background-size: contain;
    }
    .start-wrap .btn-wrap p:first-child{
        font-size: 35px;
        padding-bottom: 19px;
    }
    .start-wrap .btn-wrap p:nth-child(2) {
        font-size: 18px;
        padding-bottom: 50px;
    }
    .start-wrap .btn-wrap .btn{
        font-size: 14px;
    }
    .login-wrap .popUp-wrap .resident-popUp,
    .login-wrap .popUp-wrap .delivery-popUp{
        width: 260px;
        padding:10px;
    }
    .join-wrap .btn-wrap .btn-box button{
        font-size: 13px;
    }
    .login-wrap .btn-wrap, .join-wrap .btn-wrap {
        width: 90%;
    }
    .main-title h1::before{
        left: 20%;
        bottom: 20px;
    }
    .mypage-wrap .mypage-box {
        margin-top: 0;
    }
    .mypage-wrap .point-box {
        width: 56%;
    }
    .mypage-wrap .edit {
        padding: 28px 0;
    }
    .mypage-wrap .edit .edit-btn .btn {
        width: 100%;
        margin-top: 10px;
    }
    .mypage-wrap .point-box .point-amount .amount {
        position: absolute;
        right: 11px;
    }
    .my-info-wrap .text-area input{
        width: 78%;
    }
    .select_box_num>span,
    .select_box_special span {
        font-size: 14px;
    }
    .selected::after{
        font-size: 11px;
    }
    .laundary-info .info-title p,
    .laundary-message .info-title p{
        font-size: 16px;
    }
    .laundary-info .info-table,
    .laundary-message .info-table{
        padding-top: 15px;
    }
    .laundary-info .info-table .table-wrap table td:nth-child(4) {
        width: 19%;
    }
    .payee-btn button{
        padding: 9px;
    }
    .delivery-storage-wrap .payee-phone-num p:nth-child(2),
    .delivery-storage-wrap .payee-phone-num .search-box .search input {
        font-size: 14px;
    }
    .delivery-storage-wrap .payee-phone-num .payee-list span,
    .delivery-storage-wrap .payee .payee-list span{
        font-size: 14px;
        padding-left: 8px;

    }
}