@media(max-width: 1024px) {
   .process-list {
        flex-direction: column;
    }
    .process-list .group{height: auto;}
    .process-list .step-group{flex-direction: column;}
    .process-list .step{height: auto;}
    .process-list .step::after {
        top: auto;
        bottom: -18px;
        left: 50%;
        right: auto;
        transform: translateX(-50%) rotate(90deg);
    }

    .welfare-search .filter-area{flex-direction: column;}
    .welfare-search .filter-area > div,
    .welfare-search .filter-area > div:has(.line2){width: 100%;}
    .welfare-search .filter-tit {margin-bottom: 2rem;}
    .welfare-search .filter-tit > span {padding:1rem;}
    .welfare-search .filter-group{display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}

    .welfare-search .filter-area > div + div:before{
        width: 100%;
        height: 1px;
        bottom:100%;
    }

    .form-field .row{grid-template-columns: 1fr;}
    .form-field .col + .col{border-top: 1px solid #ddd;}    
    .form-field .field-list > ul{flex-wrap: wrap;}
    .form-field .field-list > ul > li{min-width: 13rem;}     
    .form-field .form-text > .col{flex-direction: row;}

    .form-field.type2 .col + .col{border:0;}
    .sub-facility .display-content{flex-direction: column;}

    .counselor-list{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--spacer6);}

    .newsletter-list{ grid-template-columns: repeat(3, 1fr);}

    .mypage-wrap{grid-template-columns: 1fr;}
    .notice-view-wrap .view-field .row{grid-template-columns:1fr}
    .notice-view-wrap .view-field .row > .col:nth-child(1){border-bottom:1px solid #A6A6A6;}
    
    
    

    /* openApi */
    .openApi-step{grid-template-columns: 1fr;}
    .openApi-step > li:not(:last-child):after{
        left:49%;
        top:calc(100% + 1rem);
        transform: rotate(90deg);
    }
    .openApi-step > li > div{padding:2rem;}
    .openApi-step > li .top-con{height: auto;}
    .openApi-step > li .bot-con{height: auto;}
    .openApi-wrap::after{display: none;}

}
@media(max-width: 760px){
    .content-sec{padding-left: 0; margin-bottom: 6rem;}
    

    .page-search-area.type2 .row{display: flex; gap: 1rem; align-items: center;justify-content: center; flex-wrap: wrap;}
    .page-search-area.type2 select{min-width: auto;}

    .board-list.type2{grid-template-columns: 1fr;}
    .view-top{padding: 3rem;}
    .card-info.type2 > li{padding: 2rem;}
    
    .form-field .col{flex-direction: column;}
    .form-field .form-label{width: 100%;padding: 1rem;}
    .form-field .form-text{width: 100%;}
    .form-field .row.single{flex-direction: column}

    .form-field .row.single .form-label{width: 100%; }
    .form-field .row.single .form-text{width: 100%;}

    .form-field.type2 .row .form-label, .form-field.type2 .row.single .form-label{width: 100%; padding-bottom: 0; text-align: left;}
    .form-field.type2 .row .form-text, .form-field.type2 .row.single .form-text{padding:2rem 0;}

    /* �뚯떇吏� */
    .newsletter-list{ grid-template-columns: repeat(2, 1fr);}

    .notice-search-box{flex-direction: column-reverse; align-items: flex-start}
    .notice-view-wrap .view-field .form-label{width: 15rem;}
    .notice-view-wrap .view-field .form-text{width: calc(100% - 15rem);}

    .openApi-wrap .api-aply{top: 0;}
    
    
    .welfare-search .bot .detail-filter .row .col {
	    display: block;
	    align-items: center;
	    gap: 8px;
	    flex: none;
	}
	
	.welfare-search .bot .detail-filter .row .col label {
	    margin-top:10px;
	}
    /* .sub-search-btn{width:100%; margin-top:10px} */
    
    
}

@media (max-width: 1300px) {
	.welfare-search .filter-area {
	    width:100%;
	}
	
	.welfare-search .filter-box .filter-tit {
		color:#fff;
		font-size: clamp(1rem, 4vw, 1rem);
        background: linear-gradient(180deg, #6079C3 0%, #5D3BAC 163.14%);
        margin: -37px -20px 10px -20px;
        padding: 20px;
    }
    
    .welfare-search .filter-box .filter-area div .filter-tit{
    	border-radius: 1rem 1rem 0 0;
    }
    
    .board-wrap .board-list .item .card-info01 .value {
		min-width: fit-content;
	}
	
	.board-wrap .board-list .item .card-info01 .value:before {
	    content: '';
	    width: 0px;
	    height: 0px;
	    display: block;
	    background: #E4E4E4;
	    position: absolute;
	    left: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}
	
}


@media (max-width: 1230px) {
	.welfare-search .bot {
	    display: block; 
	}
	
	.welfare-search .bot .btn-area {
	    margin-top:10px;	   
	}
	
	.counselor-area-sub .single:before{
    	background:none;
    }
}

@media (max-width: 1300px) {
	.board-wrap .top{
    	/* display:block; */
    	/* flex-direction:column;
    	align-items:flex-start; */
    }
    
    .board-wrap .top .service-list{    	
    	/* width:auto!important;
    	flex-direction:column-reverse;
    	align-items:flex-start; */
    }
    
     .board-wrap .top .service-list .left{    	
    	gap:1rem;
    }
}

@media(max-width: 480px){
    [class^="lstyle-number"] > li > .sub-title ~ div{padding-left: 0;}

    .welfare-search .filter-area > div{ /* padding: 0 1rem 3rem; */}
    .welfare-search .filter-group{grid-template-columns: repeat(2, 1fr);}

    .board-list.type3 > li{padding:3rem 2rem;}
    .card-info.type2 > li{flex-direction: column;}
    .card-info.type2 > li .label{width: 100%;} 
    .card-info.type2 > li .value{width: 100%;}

    .form-field .check-date-wrap .phone-area{min-width: 100%;}

     /* �뚯떇吏� */
    .newsletter-list{gap: 2rem;}

    /* 留덉씠�섏씠吏� */
    .status-list01 > li{flex-direction: column; align-items: flex-start}
    .status-list01 .tit{width: 100%;  white-space: wrap;}
    .status-list01 .btn-view{width: 100%; text-align: center;margin-top: 0.5rem;}

    /* 怨듭��ы빆 */
    .notice-view-wrap .view-field .row{flex-direction: column;}
    .notice-view-wrap .view-field .row > .col{flex-direction: column;}
    .notice-view-wrap .view-field .form-label{width: 100%;}
    .notice-view-wrap .view-field .form-text{width: 100%;}

    /* FAQ */
    .faq-accordion .acc-btn{padding:1.6rem 2rem}
    .acc-item.active .acc-content{padding:3rem 2rem;}
    .faq-accordion .acc-btn .acc-tit,
    .faq-accordion .faq-answer{padding-top: 0.5rem;}
    .faq-accordion .acc-btn .acc-tit::before,
    .faq-accordion .faq-answer::before{width: 4rem; height: 4rem;font-size: 2rem;}

    .openApi-step > li:not(:last-child):after{left: 47%;}
    .openApi-step > li .top-con{height: auto;}
    .openApi-step > li .bot-con{height: auto; padding:2rem;}
}
@media(max-width: 380px){
    .newsletter-list{ grid-template-columns: 1fr;}
}



/*테이블 구조*/
@media(max-width: 767px) {
	.board.table-wrap>[class^="tstyle-"] {
        table-layout: fixed;
        width:100%;
    }

    .board.table-wrap>[class^="tstyle-"]>caption,
    .board.table-wrap>[class^="tstyle-"]>colgroup,
    .board.table-wrap>[class^="tstyle-"]>thead {
        display: none;
    }

    .board.table-wrap>[class*="tstyle-list"]>tbody>tr {
        position: relative;
        /* display: block; */
        display: flex;
        flex-direction: column;
        padding: 0 1rem;
        background-color: #fff;
        border-bottom: 1px solid #e5e5e5;
    }

    .board.table-wrap>[class*="tstyle-list"]>tbody>tr::before,
    .board.table-wrap>[class*="tstyle-list"]>tbody>tr::after {
        display: block;
        width: 100%;
        height: 1px;
        padding-top: 1rem;
        /* content: ''; */
    }

    .board.table-wrap>[class*="tstyle-list"]>tbody>tr::after {
        border-top: none;
    }

    .board.table-wrap>[class*="tstyle-list"]>tbody>tr>td {
        display: inline-flex;
        align-items: center;
        padding: 0.2rem 0.3rem;
        border: none;
        color: #555;
        line-height: 1.5;
    }

    .board.table-wrap>[class*="tstyle-list"]>tbody>tr>td br {
        display: none;
    }

    .board.table-wrap>[class*="tstyle-list"]>tbody>tr>td::before {
        margin-right: 0.5rem;
        color: #000;
        line-height: 1.5;
        vertical-align: middle;
        font-weight: 500;
        /* content: attr(aria-label); */
        content: '';
    }

    .board.table-wrap>[class*="tstyle-list"]>tbody>tr>td.nodata {
        display: block;
        padding: var(--spacer6) 0;
        text-align: center;
    }

    .board.table-wrap>[class*="tstyle-list"] td.subject {
        display: block;
    }
    
    .board.table-wrap>[class*="tstyle-list"] td.file {
        order: 5;
    }
    
    .board.table-wrap>[class*="tstyle-list"] td.date {
        order: 4;
    }
    
    .board.table-wrap>[class*="tstyle-list"] td.writer {
        order: 3;
    }
    
   .board.table-wrap>[class*="tstyle-list"] td.inq-cnt {
        order: 6;
    }
   
   

    .board.table-wrap>[class*="tstyle-list"] td a {
        line-height: 1.5;
        vertical-align: middle;
    }

    .board.table-wrap>[class*="tstyle-list"] td a+td::before {
        display: inline-block;
    }

    .board.table-wrap>[class*="tstyle-list"] td.subject a {
        display: inline-block;
        width: calc(100% - 4rem);
    }
}