@media all and (max-width:380px){
    .start-wrap .btn-wrap p:first-child{
        font-size: 30px;
        padding-bottom: 17px;
    }
    .start-wrap .btn-wrap p:nth-child(2){
        font-size: 17px;
    }
    .login-wrap .btn-wrap .btn-box button,
    .login-input-box .btn-position,
    .join-wrap .btn-wrap .btn-box button,
    .resident-form-wrap .form-box .resident-gender button,
    .delivery-form-wrap .notice button,
    .delivery-form-wrap .delivery-division button{
        font-size: 12px;
    }

    .login-wrap .login-info,
    .join-wrap .join-info {
        width: 73%;
    }
    .login-wrap .login-info p, .join-wrap .join-info p{
        font-size: 18px;
    }
    .login-wrap .login-txtbox p,
    .join-wrap .join-txtbox p{
        font-size: 14px;
    }
    .login-wrap .resident-popUp,
    .login-wrap .delivery-popUp, 
    .resident-form-wrap .notice-wrap,
    .delivery-form-wrap .notice-wrap,
    .find-wrap .notice-find, 
    .find-wrap .notice-incorrect,
    .find-wrap .notice-wrap .notice1,
    .find-wrap .notice-wrap .notice2,
    .select_boxes .notice{
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .login-wrap .notice .text-box p,
    .resident-form-wrap .notice-wrap p,
    .find-wrap .notice-find p,
    .find-wrap .notice-incorrect p,
    .find-wrap .notice-wrap .notice1 p,
    .find-wrap .notice-wrap .notice2 p,
    .select_boxes .notice-box p,
    .delivery-form-wrap .notice-wrap p {
        font-size: 14px;
    }
    .login-wrap .login-input-box span,
    .join-wrap .login-input-box span{
        font-size: 15px;
    }
    .join-wrap .join-txtbox p span{
        font-size: 13px;
    }

    /* .login-wrap .popUp-wrap .resident-popUp,
    .login-wrap .popUp-wrap .delivery-popUp{
        width: 225px;
    } */
    .login-wrap .notice .text-box h2{
        font-size: 18px;
    }
    .login-wrap .notice button,
    .notice-box1 .notice button,
    .notice-box2 .notice button,
    .resident-form-wrap .notice button,
    .join-wrap .btn-wrap .btn-box button,
    .select_boxes .notice button, .select_boxes .notice1 button{
        font-size: 13px;
    }
    .login-input-box label .textbox{
        font-size: 14px;
    }
    .login-wrap .login-box .next-btn button,
    .join-wrap .join-box .next-btn button,
    .resident-form-wrap .form-wrap .next-btn button,
    .my-info-wrap .correction-btn button,
    .delivery-form-wrap .form-wrap .next-btn button{
        font-size: 14px;
    }

    .resident-form-wrap .form-box span,
    .delivery-form-wrap .form-box span{
        font-size: 15px;
    }
    .resident-form-wrap .form-box input,
    .delivery-form-wrap .form-box input{
        font-size: 14px;
    }
    .resident-form-wrap .personal-info,
    .delivery-form-wrap .personal-info {
        width: 100%;
    }
    .resident-form-wrap .personal-info span,
    .delivery-form-wrap .personal-info span{
        font-size: 15px;
    }
    .delivery-form-wrap .delivery-text {
        width: 80%;
    }
    .delivery-form-wrap .delivery-text p{
        font-size: 14px;
    }
    .resident-form-wrap .form-box .resident-gender .gender-wrap {
        width: 60%;
    }

    .nav li {
        width: 28%;
    }
    .main-title h1::before{
        width: 28px;
        height: 32px;
        bottom: 21px;
    }
    .nav li a::before{
        top: -35px;
    }
    .resident-main-wrap .menu-container{
        height: 770px;
    }
    .resident-main-wrap .menu-wrap ul li::after,
    .delivery-main-wrap .menu-wrap ul li::after{
        right: -1.5px;
        font-size: 13px;
    }
    .resident-main-wrap .menu-wrap ul li a,
    .delivery-main-wrap .menu-wrap ul li a{
        width: 90px;
        height: 80px;
    }
    .resident-main-wrap .menu-wrap ul li:first-child::before,
    .delivery-main-wrap .menu-wrap ul li:first-child::before {
        width: 25px;
        height: 29px;
    }
    .resident-main-wrap .menu-wrap .delivery-menu li .menu-2::before,
    .delivery-main-wrap .menu-wrap .delivery-menu li .menu-2::before{
        width: 43px;
        height: 40px;
    }
    .resident-main-wrap .menu-wrap .delivery-menu li .menu-3::before,
    .delivery-main-wrap .menu-wrap .delivery-menu li .menu-3::before{
        width: 46px;
        height: 36px;
    }
    .resident-main-wrap .menu-wrap .laundary-menu li .menu-1::before,
    .delivery-main-wrap .menu-wrap .laundary-menu li .menu-1::before{
        height: 35px;
    }
    .resident-main-wrap .menu-wrap .laundary-menu li .menu-2::before,
    .delivery-main-wrap .menu-wrap .laundary-menu li .menu-2::before{
        height: 30px;
    }
    .resident-main-wrap .menu-wrap .laundary-menu li .menu-3::before,
    .delivery-main-wrap  .menu-wrap .laundary-menu li .menu-3::before{
        width: 46px;
        height: 39px;
    }
    .nav li a::before{
        width: 26px;
        height: 29px;
    }
    .info-wrap .info-btn-wrap .btn-box .btn a{
        font-size: 14px;
        padding: 48px 30px;
    }
    .mypage-wrap .mypage-title p {
        font-size: 15px;
    }
    .mypage-wrap .point-box, .mypage-wrap .point-box .point-amount span {
        font-size: 13px;
    }
    .my-info-wrap .info{
        flex-wrap: wrap;
        width: 90%;
        margin: 0 auto;
    }
    .mypage-wrap .point .btn button {
        font-size: 12px;
    }
    .my-info-wrap .my-info-box .info-box{
        width: 100%;
    }
    .my-info-wrap .text-area .resident-gender .gender-wrap{
        width: 60%;
    }
    .my-info-wrap .text-area .resident-gender button{
        font-size: 13px;
    }
    .my-info-wrap .text-area input {
        width: 77%;
        display: inline-block;
        font-size: 13px;
    }
    .my-info-wrap .text-area span{
        width: 21%;
        font-size: 13px;
    }
    .my-info-wrap .my-info-box .info-box button {
        font-size: 13px;
    }
    .my-info-wrap .my-info-box .info-text p {
        font-size: 15px;
    }
    .my-info-wrap .correction-btn input {
        font-size: 14px;
    }
    .my-info-wrap .info-change1 p:nth-child(2),
    .my-info-wrap .info-change2 p:nth-child(2){
        font-size: 14px;
    }
    .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: 13px;
    }
    .my-info-wrap .info-change1{
        width: 253px;
        height: 217px;
    }
    .my-info-wrap .info-change2,
    .notice-box1 .notice, .notice-box2 .notice,
    .select_boxes .notice, .select_boxes .notice1 {
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .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: 18px;
    }
    .notice-box1 .notice p,
    .notice-box2 .notice p,
    .select_boxes .notice p,
    .select_boxes .notice1 p{
        font-size: 14px;
    }
    .find-wrap .delivery-find .title-bg,
    .find-wrap .laundary-find .title-bg{
        width: 80px;
        height: 80px;
    }
    .find-wrap .find-textbox span, .find-wrap .find-textbox input {
        font-size: 14px;
    }
    .notice-box1 .notice p {
        line-height: 19px;
    }
    .find-wrap .find-textbox input {
        width: 75%;
    }
    .find-wrap .find-textbox span {
        width: 23%;
    }
    .find-wrap .home-btn {
        padding-top: 13px;
    }
    .find-wrap .delivery-home .btn button {
        font-size: 12px;
        padding: 7px;
    }
    .find-wrap .delivery-home .home-text p{
        font-size: 13px;
    }
    
    .find-wrap .delivery-home .home-pw input {
        padding: 6px 5px;
        font-size: 13px;
    }
    .find-wrap .notice-wrap .notice1 p:nth-child(2){
        line-height: 62px;
    }
    .find-wrap .notice-btn button{
        font-size: 13px;
    }
    .select_boxes .notice-box input{
        margin-top: 25px;
    }
    .return-wrap .return-pw-box .password .pwBox{
        width: 95%;
    }
    .return-wrap .return-pw-box > p {
        font-size: 17px;
    }
    /* .laundary-info .laundary-bg, .laundary-message .laundary-bg {
        width: 56px;
        height: 56px;
    } */
 
    .laundary-info .info-table .table-wrap table th,
    .laundary-message .info-table .table-wrap table th {
        font-size: 12px;
    }
    .laundary-info .info-table .table-wrap table td{
        padding: 15px 0;
    }
    .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(2) {
        width: 14%;
    }
    .laundary-info .info-table .table-wrap table td:nth-child(3) {
        width: 29%;
    }
    .laundary-info .info-table .table-wrap table td:nth-child(4) {
        width: 21%;
    }
    .laundary-info .info-table, .laundary-message .info-table{
        padding: 0;
    }
    .laundary-storage-wrap .laundary-storage-info span{
        width: 23%;
    }
    .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: 14px;
    }
    .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: 14px;
    }
    .laundary-pickup-wrap .laundary-pickup-info .address input {
        font-size: 12px;
    }
    .laundary-pickup-wrap .laundary-pickup-info > div span{
        width: 23%;
    }
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .info-text p{
        padding-left: 16px;
        font-size: 16px;
    }
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .date-box .date label input{
        font-size: 12px;
    }
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .date-box .date label{
        width: 100%;
    }
    .laundary-pickup-wrap .notice-wrap{
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .laundary-pickup-wrap .notice-wrap p:first-child{
        font-size: 17px;
    }
    .laundary-pickup-wrap .notice-wrap p:nth-child(2){
        font-size: 14px;
        line-height: 60px;
    }
    .laundary-pickup-wrap .notice-wrap .notice-btn button{
        font-size: 13px;
    }
    .laundary-pickup-wrap .laundary-pickup-info .laundary-info .date-box .date .datetext {
        font-size: 12px;
    }
    .delivery-storage-wrap .delivery-storage-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .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 .storage-box .num-box .user-num .num-btn button,
    .delivery-storage-wrap .storage-box .phone-num button{
        padding: 11px 18px;
    }
    .delivery-storage-wrap .storage-box .search-box .text-box p:first-child{
        font-size: 16px;
    }
    .delivery-storage-wrap .storage-box .code-box span {
        width: 23%;
    }
    .delivery-storage-wrap .payee-phone-num{
        width: 90%;
    }
    .delivery-storage-wrap .payee {
        width: 95%;
    }
    .delivery-storage-wrap .payee-phone-num .payee-list > div,
    .delivery-storage-wrap .payee .payee-list > div{
        padding: 8px 0;
    }
    .delivery-cancle-wrap .delivery-cancle-box .title-bg{
        width: 80px;
    }
    .delivery-list-wrap .delivery-list-box .list-box p{
        font-size: 16px;
    }
    .delivery-cancle-wrap .delivery-cancle-box .code-box p{
        font-size: 16px;
    }
    
    .delivery-cancle-wrap .delivery-cancle-box .code-box .code input,
    .delivery-cancle-wrap .delivery-cancle-box button{
        font-size: 14px;
    }
    .delivery-list-wrap .delivery-list-box .list-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table tr td {
        font-size: 12px;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table tr td:first-child{
        width: 34px;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table tr td:nth-child(2){
        width: 27%;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table td button{
        font-size: 11px;
        padding: 7px;
    }
    .delivery-list-wrap .notice-wrap{
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .delivery-list-wrap .notice-wrap p:nth-child(2),
    .delivery-list-wrap .notice-wrap p:nth-child(3){
        font-size: 14px;
    }
    .delivery-return-wrap .delivery-return-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .delivery-return-wrap .delivery-return-box .code-box p{
        font-size: 16px;
    }
    .delivery-return-wrap .delivery-return-box .code-box .code input,
    .delivery-return-wrap .delivery-return-box button{
        font-size: 14px;
    }
    .delivery-return-pw-wrap .delivery-return-pw-box .return-pw p{
        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,
    .delivery-return-pw-wrap .delivery-return-pw-box .text-box2 p{
        font-size: 14px;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-correct,
    .delivery-return-pw-wrap .notice-wrap .pw-incorrect{
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-correct p {
        font-size: 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: 18px;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-correct button,
    .delivery-return-pw-wrap .notice-wrap .pw-incorrect button{
        font-size: 13px;
    }
    .delivery-return-pw-wrap .notice-wrap .pw-incorrect p:nth-child(2){
        font-size: 14px;
    }
    .laundaryman-find-code-wrap .laundary-find-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .laundaryman-find-code-wrap .laundary-find-box .code-box p{
        font-size: 16px;
    }
    .laundaryman-find-code-wrap .laundary-find-box .code-box .code input{
        font-size: 14px;
    }

    .laundaryman-find-wrap .laundary-find .find-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .laundaryman-find-wrap .laundary-find .find-textbox span{
        width: 23%;
    }
    .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: 14px;
    }
    .laundaryman-find-wrap .notice-wrap{
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .laundaryman-find-wrap .notice-wrap p:nth-child(2){
        font-size: 14px;
        line-height: 62px;
    }
    .laundaryman-find-wrap .notice-wrap button{
        font-size: 13px;
    }
    .laundary-list-wrap .laundary-list-box .laundary-bg{
        width: 80px;
        height: 80px;
    }
    .laundary-list-wrap .laundary-list-box .list-title p{
        font-size: 16px;
    }
    .laundary-list-wrap .laundary-list-box .table-wrap table{
        width: 95%;
    }
    .laundary-list-wrap .laundary-list-box .table-wrap table th{
        font-size: 13px;
    }
    .laundary-list-wrap .laundary-list-box .table-wrap table td{
        font-size: 12px;
    }
    .delivery-list-wrap .delivery-list-box .list-box .list table tr th{
        font-size: 12px;
    }
    .laundary-check-list-wrap .laundary-check-list-box .list-box .title-bg,
    .laundary-factory-list-wrap .laundary-factory-list-box .list-box .title-bg,
    .laundary-factory-outlist-wrap .laundary-factory-outlist-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .laundary-check-list-wrap .laundary-check-list-box .list-box p,
    .laundary-factory-list-wrap .laundary-factory-list-box .list-box p,
    .laundary-factory-outlist-wrap .laundary-factory-outlist-box .list-box p{
        font-size: 16px;
    }
    .laundary-check-list-wrap .laundary-check-list-box .list-textbox span,
    .laundary-factory-outlist-wrap .laundary-factory-outlist-box .list-textbox span,
    .deliveryman-memo span{
        width: 23%;
    }
    .laundary-check-list-wrap .laundary-check-list-box .list-textbox .laundary-cost input {
        width: 47%;
    }
    .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: 14px;
    }
    .laundary-check-list-wrap .laundary-check-list-box .list-textbox .laundary-cost button{
        font-size: 12px;
    }
    .laundaryman-storage-wrap .laundaryman-box .list-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .laundaryman-storage-wrap .laundaryman-box .list-box p{
        font-size: 16px;
    }
    .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{
        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: 14px;
    }
    .laundaryman-storage-wrap .laundaryman-box .btn button{
        font-size: 14px;
    }
    .laundaryman-storage-wrap .notice-box{
        width: 253px;
        height: 181px;
        padding: 14px;
    }

    .laundaryman-storage-wrap .notice-box button {
        font-size: 13px;
    }
    .laundaryman-storage-code-wrap .laundaryman-storage-code-box .storage-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .laundaryman-storage-code-wrap .laundaryman-storage-code-box .code-box p{
        font-size: 16px;
    }

    .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: 14px;
    }
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-box .title-bg{
        width: 80px;
        height: 80px;
    }
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-box p{
        font-size: 16px;
    }
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox span{
        width: 25%;
    }
    .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: 14px;
    }
    .laundaryman-pickup-wrap .laundaryman-pickup-box .list-textbox .laundary-pickup-time input{
        width: 40%;
    }
    .laundaryman-pickup-wrap .notice{
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .laundaryman-pickup-wrap .notice form input, .laundaryman-pickup-wrap .notice button{
        font-size: 13px;
    }
    .point-wrap .point-title .title-bg{
        width: 80px;
        height: 80px;
    }
    .point-wrap .point-title p{
        font-size: 16px;
    }
    .point-wrap .point-box .amount-box p,
    .point-wrap .point-box .means-box p{
        font-size: 15px;
    }
    .point-wrap .point-box .amount-box div > button,
    .point-wrap .point-box .means-box > div button,
    .point-wrap .charge-btn button{
        font-size: 13px;
    }
    .point-wrap .notice{
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .point-wrap .notice button {
        font-size: 13px;
    }
    .point-wrap .notice p:nth-child(2) {
        font-size: 14px;
    }
    .point-wrap .point-box .point-text{
        width: 253px;
        height: 181px;
        padding: 14px;
    }
    .point-wrap .point-box .point-text p{
        font-size: 16px;
        padding-bottom: 26px;
    }
    .point-wrap .point-box .point-text input,
    .point-wrap .point-box .point-text .btn-wrap button{
        font-size: 13px;
    }
}