@media all and (max-width:320px){
    .start-wrap .btn-wrap p:first-child {
        font-size: 26px;
        padding-bottom: 11px;
    }
    .start-wrap .btn-wrap p:nth-child(2) {
        font-size: 14px;
    }
    .start-wrap .btn-wrap .btn{
        font-size: 13px;
    }

    /* 로그인 공통 */
    .login-wrap .login-txtbox h2,
    .login-wrap .login-info p,
    .login-wrap .notice .text-box h2,
    
    /* 회원가입 공통 */
    .join-wrap .join-txtbox h2,
    .join-wrap .join-info p,

    /* 입주민 회원가입 */
    .resident-form-wrap .resident-form-title h2,
    .resident-form-wrap .notice-wrap p:first-child,
    
    /* 택배기사 회원가입 */
    .delivery-form-wrap .delivery-form-title h2,
    .delivery-form-wrap .notice-wrap p:first-child,

    .notice-box1 .notice p:first-child,
    .notice-box2 .notice p:first-child,
    
    /* 택배보관 */
    .select_boxes .notice p:first-child,
    .select_boxes .notice1 p:first-child,
    /* 택배찾기 */
    .find-wrap .delivery-home .home-text p:first-child,
    .find-wrap .notice-find p:first-child,
    .find-wrap .notice-incorrect p:first-child,
    .find-wrap .notice-wrap .notice1 p:first-child,
    .find-wrap .notice-wrap .notice2 p:first-child {
        font-size: 17px;
    }
    .login-wrap .login-txtbox p,
    .join-wrap .join-txtbox p {
        font-size: 13px;
    }
    .login-wrap .btn-wrap,
    .join-wrap .btn-wrap {
        width: 95%;
    }
    .login-wrap .login-box{
        padding: 55px 0;
        border-radius: 30px 30px 0 0;
    }

    .login-wrap .btn-wrap .btn-box button,
    .login-wrap .login-input-box .btn-position button,
    .join-wrap .btn-wrap .btn-box button,
    .find-wrap .find-btn button, .find-wrap .home-btn button,
    .select_boxes .notice button, .select_boxes .notice1 button,
    .resident-form-wrap .form-box .resident-gender button,
    .find-wrap .notice-btn button, .find-wrap .find-btn button,
    .find-wrap .home-btn button,
    .delivery-form-wrap .delivery-division button{
        font-size: 12px;
    }

    .login-wrap .login-info, .join-wrap .join-info {
        width: 80%;
    }

    .login-wrap .login-input-box > div{
        font-size: 15px;
    }

    .login-wrap .login-input-box label .textbox,
    .login-input-box label .textbox{
        font-size: 12px;
    }
    .login-wrap .notice.text-box p{
        font-size: 13px;
    }
    .login-wrap .notice button{
        font-size: 12px;
    }
    .login-wrap .popUp-wrap .resident-popUp,
    .login-wrap .popUp-wrap .delivery-popUp{
        width: 240px;
        padding: 8px;
    }
    .join-wrap .join-txtbox p span {
        font-size: 12px;
    }
    .resident-form-wrap .form-box span,
    .delivery-form-wrap .form-box span {
        font-size: 14px;
    }
    .resident-form-wrap .form-box input,
    .delivery-form-wrap .form-box input {
        font-size: 13px;
    }
    .resident-form-wrap .personal-info span,
    .delivery-form-wrap .personal-info span{
        font-size: 13px;
    }
    .resident-form-wrap .notice-wrap p{
        line-height: 40px;
    }
    .delivery-form-wrap .delivery-text {
        width: 90%;
    }
    .delivery-form-wrap .delivery-text p {
        font-size: 13px;
    }
    .main-title h1::before{
        width: 22px;
        height: 25px;
        bottom: 25px;
        left: 23%;
    }
    .resident-main-wrap .menu-container{
        height: 390px;
    }
    .resident-main-wrap .menu-wrap ul li:first-child,
    .delivery-main-wrap .menu-wrap ul li:first-child{
        font-size: 14px;
    }
    .resident-main-wrap .menu-wrap ul li:first-child::before,
    .delivery-main-wrap .menu-wrap ul li:first-child::before{
        width: 21px;
        height: 29px;
    }
    .resident-main-wrap .menu-wrap ul li a,
    .delivery-main-wrap .menu-wrap ul li a{
        font-size: 12px;
        width: 60px;
        height: 60px;
    }
    .resident-main-wrap .menu-wrap ul li a::before,
    .delivery-main-wrap .menu-wrap ul li a::before{
        top: 15px;
    }
    .resident-main-wrap .menu-wrap .delivery-menu li .menu-2::before,
    .delivery-main-wrap .menu-wrap .delivery-menu li .menu-2::before{
        width: 39px;
        height: 36px;
        top: 10px;
    }
    .resident-main-wrap .menu-wrap .delivery-menu li .menu-3::before,
    .delivery-main-wrap .menu-wrap .delivery-menu li .menu-3::before{
        width: 43px;
        height: 30px;
        top: 16px
    }
    .resident-main-wrap .menu-wrap .laundary-menu li .menu-1::before,
    .delivery-main-wrap .menu-wrap .laundary-menu li .menu-1::before {
        height: 31px;
        top: 14px;
    }
    .resident-main-wrap .menu-wrap .laundary-menu li .menu-2::before,
    .delivery-main-wrap  .menu-wrap .laundary-menu li .menu-2::before{
        height: 29px;
    }
    .resident-main-wrap .menu-wrap .laundary-menu li .menu-3::before,
    .delivery-main-wrap .menu-wrap .laundary-menu li .menu-3::before{
        height: 29px;
        top: 19px;
    }
    .resident-main-wrap .menu-wrap ul li::after,
    .delivery-main-wrap .menu-wrap ul li::after {
        right: -3px;
        font-size: 11px;
        top: 2px;
    }
    .resident-main-wrap .menu-wrap ul li a::after,
    .delivery-main-wrap .menu-wrap ul li a::after{
        width: 20px;
        height: 20px;
    }
    .nav li a{
        font-size: 12px;
    }
    .nav-menu{
        width: 100%;
    }
    .info-wrap .info-btn-wrap .btn-box .btn a{
        font-size: 13px;
        padding: 48px 30px;
    }
    .info-wrap .info-btn-wrap .btn-box .btn .bg{
        width: 122px;
    }
    .info-wrap .info-btn-wrap .btn-box .box1 .bg,
    .info-wrap .info-btn-wrap .btn-box .box3 .bg{
        margin-right: 25px;
    }
    .info-wrap .info-btn-wrap .btn-box .box2 .bg,
    .info-wrap .info-btn-wrap .btn-box .box4 .bg{
        margin-left:25px;
    }
    .info-wrap .info-btn-wrap .btn-box .deco-bg{
        width: 130px;
        height: 130px;   
    }
    .info-wrap .info-btn-wrap .btn-box .box1 .deco-bg{
        right: -22px;
        top: -5px;
    }
    .info-wrap .info-btn-wrap .btn-box .box3 .deco-bg {
        right: -50px;
        bottom: -31px;
    }
    .info-wrap .info-btn-wrap .btn-box .box4 .deco-bg {
        top: -36px;
    }

    .return-wrap .return-btn button {
        font-size: 13px;
    }
    .mypage-wrap .mypage-box{
        width: 91%;
    }
    
    .mypage-wrap .edit {
        padding: 25px 0;
    }
    .mypage-wrap .point .btn button{
        font-size: 11px;
        padding: 12px 10px;
    }
    

    .mypage-wrap .edit .edit-btn button{
        font-size: 13px;
        padding: 17px 16px;
    }
    .mypage-wrap .edit p span, .mypage-wrap .point p span {
        font-size: 14px;
    }
    .mypage-wrap .edit p, .mypage-wrap .point > p {
        font-size: 13px;
    }
    .mypage-wrap .point-box .point-amount {
        width: 56%;
        margin-left: 9px;
    }
    .mypage-wrap .point-box, .mypage-wrap .point-box .point-amount span {
        font-size: 12px;
    }
    .my-info-wrap .my-info-box .info-box button {
        font-size: 12px;
    }
    .my-info-wrap .info-change1 p:first-child,
    .my-info-wrap .info-change2 p:first-child{
        font-size: 17px;
    }
    .select_boxes .notice-box button{
        padding: 7px 0;
    }
    .notice-box1 .notice, .notice-box2 .notice,
    .select_boxes .notice, .select_boxes .notice1 {
        width: 238px;
        height: 164px;
        padding: 14px;
    }
    .my-info-wrap .text-area .resident-gender button{
        font-size: 12px;
    }
    .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: 12px;
    }
    .notice-box1 .notice p:first-child,
    .notice-box2 .notice p:first-child,
    .select_boxes .notice p:first-child,
    .select_boxes .notice1 p:first-child {
        font-size: 17px;
    }
    .notice-box1 .notice p,
    .notice-box2 .notice p,
    .select_boxes .notice p {
        line-height: 16px;
        font-size: 12px;
    }


    .find-wrap .find-textbox span, .find-wrap .find-textbox input {
        font-size: 13px;
    }
    .find-wrap .find-textbox span {
        width: 25%;
    }
    .find-wrap .find-textbox input {
        width: 73%;
    }
    .find-wrap .find-btn {
        padding-top: 56px;
    }
    .find-wrap .find-btn input, .find-wrap .home-btn input {
        font-size: 12px;
    }
    .find-wrap .laundary-find .find-textbox .laundary-memo textarea{
        width: 74%;
    }
    .select_box_num>span, .select_box_special span {
        font-size: 12px;
    }
    .select_boxes .notice1 p{
        line-height: 29px;
    }

    .laundary-info .info-table .table-wrap table th,
    .laundary-message .info-table .table-wrap table th{
        font-size: 11px;
    }
    .laundary-info .info-table .table-wrap table th span {
        font-size: 10px;
    }
    .laundary-info .info-table .table-wrap table td,
    .laundary-message .info-table .table-wrap table td{
        font-size: 11px;
    }
    .laundary-info .info-table .table-wrap table td:nth-child(3) {
        width: 15%;
    }
    .laundary-info .info-table .table-wrap table td:nth-child(4) {
        width: 21%;
    }
    .laundary-message .info-table .table-wrap table td:nth-child(4){
        width: 22%;
    }

    .laundary-info .info-table .table-wrap table td:nth-child(5) {
    width: 17%;
    }
    .laundary-storage-wrap .laundary-storage-info #name, .laundary-storage-wrap .laundary-storage-info input, .laundary-storage-wrap .laundary-storage-info span, .laundary-storage-wrap .laundary-btn .laundary-memo textarea{
        font-size: 13px;
    }
    .laundary-storage-wrap .laundary-storage-info .laundary-memo textarea{
        width: 74%;
    }
    .laundary-storage-wrap .laundary-btn button{
        font-size: 12px;
    }
    .laundary-pickup-wrap .laundary-pickup-info {
        width: 88%;
    }
    .laundary-pickup-wrap .laundary-pickup-info .address input {
        font-size: 11px;
    }
    .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,
    .laundary-pickup-wrap .laundary-pickup-info #name{
        font-size: 13px;
    }
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .info-text p {
        padding-left: 12px;
        font-size: 15px;
    }
    .laundary-pickup-wrap .laundary-btn button {
        font-size: 12px;
    }
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .date-box .date label input{
        width: 47%;
    }
    .laundary-pickup-wrap .notice-wrap{
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .laundary-pickup-wrap .notice-wrap .notice-btn button{
        font-size: 12px;
    }
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .date-box .date .datetext {
        font-size: 11px;
    }
    .laundary-pickup-wrap .notice p:first-child{
        font-size: 17px;
    }
    .laundary-pickup-wrap .notice .notice-btn button{
        font-size: 12px;
    }
    .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: 13px;
    }
    .delivery-storage-wrap .delivery-storage-btn button,
    .delivery-storage-wrap .storage-box .phone-num button,
    .delivery-storage-wrap .storage-box .num-box .user-num .num-btn button{
        font-size: 12px;
    }
    .delivery-storage-wrap .storage-box .search-box .text-box p:first-child{
        font-size: 15px;
    }
    .delivery-storage-wrap .storage-box .search-box .text-box p {
        padding: 10px 4px;
    }
    .delivery-storage-wrap .payee-phone-num, 
    .delivery-storage-wrap .payee{
        width: 95%;
    }
    .delivery-storage-wrap .payee-phone-num p:first-child{
        font-size: 17px;
    }
    .delivery-storage-wrap .payee-phone-num .search-box .search button, .payee-btn button {
        font-size: 12px;
    }
    .delivery-storage-wrap .payee-phone-num .search-box .search button{
        padding: 8px;
    }
    .delivery-storage-wrap .payee-phone-num p:nth-child(2),
    .delivery-storage-wrap .payee-phone-num p:nth-child(3),
    .delivery-storage-wrap .payee-phone-num .search-box .search input,
    .delivery-storage-wrap .payee p:nth-child(2){
        font-size: 13px;
    }
    .delivery-storage-wrap .payee-phone-num .payee-list > div input {
        width: 14px;
        height: 14px;
    }
    .delivery-storage-wrap .payee .payee-list > div .name {
        width: 23%;
    }
    .delivery-cancle-wrap .delivery-cancle-box .code-box .code input{
        font-size: 13px;
    }
    .delivery-cancle-wrap .delivery-cancle-box button{
        font-size: 12px;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table tr th {
        font-size: 11px;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table td button{
        padding: 5px;
        font-size: 10px;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table tr td {
        font-size: 11px;
        padding: 17px 0;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table td input {
        width: 13px;
        height: 13px;
    }

    .delivery-list-wrap .notice-wrap p:first-child{
        font-size: 17px;
    }
    .delivery-list-wrap .notice-wrap button {
        font-size: 12px;
    }
    .delivery-return-wrap .delivery-return-box .code-box .code input{
        font-size: 13px;
    }
    .delivery-return-wrap .delivery-return-box button{
        font-size: 12px;
    }
    .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,
    .delivery-return-pw-wrap .delivery-return-pw-box .text-box2 p {
        font-size: 13px;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-correct,
    .delivery-return-pw-wrap .notice-wrap .pw-incorrect{
        width: 238px;
        height: 164px;
        padding: 14px;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-correct p:first-child,
    .delivery-return-pw-wrap .notice-wrap .pw-incorrect p:first-child {
        font-size: 17px;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-correct p{
        font-size: 12px;
        line-height: 16px;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-correct button,
    .delivery-return-pw-wrap .notice-wrap .pw-incorrect button{
        font-size: 12px;
        padding: 7px 0;
    }
    .laundaryman-find-code-wrap .laundary-find-box .code-box .code input{
        font-size: 13px;
    }
    .laundaryman-find-code-wrap .btn-wrap button, .laundaryman-find-code-wrap .list-btn button{
        font-size: 12px;
    }
    .laundaryman-find-wrap .laundary-find .find-textbox span{
        width: 25%;
    }
    .laundaryman-find-wrap .laundary-find .find-textbox input{
        width: 73%;
    }
    .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: 13px;
    }
    .laundaryman-find-wrap .laundary-find .find-textbox .laundary-memo textarea{
        width: 74%;
    }
    .laundaryman-find-wrap .find-btn button{
        font-size: 12px;
    }
    .laundaryman-find-wrap .notice-wrap p:first-child{
        font-size: 17px;
    }

    .laundaryman-find-wrap .notice-wrap button{
        font-size: 12px;
    }
    .laundary-list-wrap .laundary-list-box .table-wrap table th{
        font-size: 12px;
    }
    .laundary-list-wrap .laundary-list-box .table-wrap table td{
        font-size: 11px;
    }
    .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: 13px;
    }
    .laundary-check-list-wrap .laundary-check-list-box .btn button,
    .laundary-factory-list-wrap .laundary-factory-list-box .btn button{
        font-size: 13px;
    }
    .laundary-check-list-wrap .laundary-check-list-box .list-textbox .laundary-cost button{
        font-size: 11px;
    }
    .laundary-factory-list-wrap .laundary-factory-list-box .list-textbox span,
    .laundary-factory-outlist-wrap .laundary-factory-outlist-box .list-textbox span{
        width: 23%;
    }
    .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: 13px;
    }
    .laundaryman-storage-wrap .laundaryman-box .btn button{
        font-size: 13px;
    }
    
    .laundaryman-storage-wrap .notice-box{
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .laundaryman-storage-wrap .notice-box p:first-child{
        font-size: 17px;
    }
    .laundaryman-storage-wrap .notice-box p{
        font-size: 14px;
    }
    .laundaryman-storage-wrap .notice-box button {
        font-size: 12px;
    }
    .laundaryman-storage-code-wrap .laundaryman-storage-code-box .code-box .code input{
        font-size: 13px;
    }
    .laundaryman-storage-code-wrap .btn-wrap button,
    .laundaryman-storage-code-wrap .list-btn button{
        font-size: 12px;
    }
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox span{
        width: 28%;
    }
    .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 .btn button{
        font-size: 13px;
    }
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox .laundary-pickup-time input {
        width: 37%;
    }
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox .laundary-pickup-time button{
        font-size: 12px;
    }
    .laundaryman-pickup-wrap .notice p:first-child{
        font-size: 17px;
    }
    .laundaryman-pickup-wrap .notice p:nth-child(2){
        font-size: 14px;
    }
    .laundaryman-pickup-wrap .notice button {
        font-size: 12px;
    }
    .point-wrap .point-box .amount-box div > button,
    .point-wrap .point-box .means-box > div button,
    .point-wrap .charge-btn button {
        font-size: 12px;
    }
    .point-wrap .point-box .amount-box .amount div button,
    .point-wrap .point-box .means-box > div button{
        padding: 10px;
    }
    .point-wrap .notice p:first-child {
        font-size: 17px;
    }
    .point-wrap .notice button {
        font-size: 12px;
    }
    /* .point-wrap .notice p:nth-child(2) {
        font-size: 13px;
    } */
    .point-wrap .point-box .point-text input,
    .point-wrap .point-box .point-text .btn-wrap button{
        font-size: 12px;
    }
    .point-wrap .point-box .point-text p{
        padding-bottom: 32px;
    }
}