@charset "utf-8";

/*=============================================================
맞춤의료사회복지 - 250916
=============================================================== */
.welfare_area {
    /* 팝업 */
    .overlay_02 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); transition: opacity 500ms; z-index: 900; }
    .popup05 { position: fixed; width: 90%; height: auto; padding: 20px 10px; border-radius: 14px; max-width: 700px; top: 50px; left: 50%; box-sizing: border-box; color: #332b46;
    transform: translate(-50%); -webkit-transition: opacity .3s, visibility 0s linear .3s; background: #fff; z-index: 1;}
    .popup05:target {visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s;}
    .popup05 .pop_top { margin-bottom: 20px; display: flex; justify-content: flex-end; }
    .popup05 .pop_top a { width: 20px; height: 20px; background: url('../images/btn_pop_close.png') no-repeat; margin-right: 10px;}
    .popup05 .pop_con { height: 340px; font-size: 1.4rem; padding: 14px; overflow: auto; background: #f0f0f0; }
    .popup05 .pop_con > p { margin-bottom: 10px; }
    .popup05 .pop_con .tit01 { font-size: 1.8rem; color: #43395e; font-weight: bold; margin-bottom: 10px;}
    .popup05 .pop_con .tit02 { font-size: 1.6rem; color: #ff2b2b; font-weight: bold; }

    /* 입력창 */
    .table02 tr th,
    .table02 tr td { padding: 14px 10px; word-break: keep-all; box-sizing: border-box;}
    .flex_01 { display: flex; gap: 20px; flex-direction: column; }
    .flex_02 { display: flex; flex-direction: column; align-items: flex-start; }
	.form_select { width: 100%; height: 5.0rem; font-size: 1.6rem; padding: 0 4.0rem 0 1.6rem; border-radius: 0.8rem; background: url('../img/icon_select_arr.svg') no-repeat center right 1.4rem; background-size: 16px; }
    .check_box input[type='checkbox'] + label span.check01 { display: inline-block; width: 20px; height: 20px; vertical-align: middle; cursor: pointer; font-size: 0; margin: -2px 9px 0 0; background: #fff; border: 1px solid #8278dd;}
    .check_box input[type='checkbox']:checked + label span.check01 { display: inline-block; background: #8278dd url('../images/icon_checked.png') no-repeat center center;}
    .btn_area_01 { display: flex; align-items: center; justify-content: center; gap: 20px; }
    .btn_area_01 .btn_s05 { padding: 6px 10px; border-radius: 5px; border: 1px solid #8278dd; color: #8278dd; transition: all 0.3s; }
    .btn_area_01 .btn_s05:active { background: #8278dd; color: #fff; }
    .table02 tr td.total_score { font-size: 1.8rem; font-weight: bold; color: #43395e; }
    .td_style_01 { background: #eee; color: #444; }
    .table_info03 tr th { display: block; width: 100%; }
    .table_info03 tr td { display: flex; width: 100%; gap: 20px;}
    .table_info03 tr.last th > br { display: none; }
    .tbox_01 { font-size: 1.6rem; text-align: center; margin: 20px; }
    .btn_W50 { margin: 0 20px; }

    /* 아코디언 메뉴 스타일 */
    .accordion_01 { 
        border-top: 2px solid #8278dd; font-size: 1.6rem; 
        .acco_item { background-color: #fff; border-bottom: 1px solid #c6c6c6; }
        .acco_item .btn_accordion { position: relative; width: 100%; min-height: 6.4rem; padding: 20px 60px 20px 20px; font-size: 1.7rem; font-weight: bold; text-align: left; }
        .acco_item .btn_accordion::after { position: absolute; top: 0; right: 20px; content: ""; width: 2.4rem; height: 100%; background: url('../img/icon_select_arr.svg') no-repeat center; background-size: 2rem; transition: 0.4s ease-in-out; transform: rotate(0deg);}
        .acco_item .btn_accordion.active::after { transform: rotate(180deg); }
        .acco_item .btn_accordion > span { padding: 5px 10px; border-radius: 4px; }
        .acco_item .acco_collapse { max-height: 0; overflow: hidden; transition: max-height .5s cubic-bezier(0, 1, 0, 1);  }
        .acco_item.active .acco_collapse { height: auto; max-height: 1000vh; transition: max-height 1.5s ease-in-out; }
        .acco_item .acco_body { padding: 20px 16px; background:#f0f0f0; word-break: keep-all; }
        .acco_item .acco_body > h3 { font-size: 1.8rem; margin-bottom: 20px; }
        .acco_item .acco_body > h4 { margin-top: 20px; }
        .acco_item .acco_body > p { margin-left: 10px; }
        .acco_item .acco_body .tel { color: #485aff; font-weight: bold; }
        .acco_item .acco_body .tel::before { content:"Tel : " }
        .acco_item .acco_body .home { color: #ff48b5; font-weight: bold; text-decoration: underline; }
        /* 테이블 */
        .table_area { overflow: auto; }
        .table_01 { min-width: 400px; font-size: 1.6rem; border-top: 2px solid #6a6a6a; border-bottom: 1px solid #6a6a6a; background: #fff;}
        .table_01 tr th { text-align: center; word-break: keep-all; padding: 10px; background: #F9FAFE; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
        .table_01 tr th:first-child { border-left: none; }
        .table_01 tr td { color: #555; word-break: keep-all; padding: 10px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }
        .table_01 tr td:first-child { border-left: none; }
    }


    /* 반응형 */
    @media all and (min-width:360px){
        .popup05 { height: 90%; }
        .popup05 .pop_con { height: calc(70vh); }
    }
    @media all and (min-width:460px){
        .flex_01 { flex-direction: row; }
        .form_select { width: 50%; }
        .ul_style_01 { padding-left: 10%; }
        .table_info03 tr.last th > br { display: block; }
        .accordion_01 .acco_item .btn_accordion { font-size: 1.9rem; }
    }
    @media screen and (min-width:600px) {
        .popup05 .pop_con { height: calc(75vh); font-size: 1.6rem; }
        .popup05 .pop_con .tit01 { font-size: 2.0rem; }
        .table02 tr td.total_score { font-size: 2.0rem; }
    }
    @media all and (min-width:1024px){
        max-width: 1000px; margin: 0 auto;
        .table02 tr th, 
        .table02 tr td, 
        .table02 tr td input { font-size: 1.8rem; }
        .ul_style_01 { padding-left: 30%; }
        .table_info03 tr th { display: table-cell; width: 70%; }
        .table_info03 tr:not(.last) td { display: table-cell; width: 30%; }
        .btn_W50 { width: 50%; margin: 0 auto; }
        .accordion_01 .acco_item .acco_body > h3 { font-size: 2.0rem; }
        .accordion_01 .table_01 { min-width: auto; }
    }

}

.titBg_01 { background: #ff8a8a; } /* 주거 */
.titBg_02 { background: #feb99a; } /* 전원 및 요양시설입소 */
.titBg_03 { background: #ffd57b; } /* 치료비 */
.titBg_04 { background: #d4ffa5; } /* 생계비 */
.titBg_05 { background: #a5ffc1; } /* 돌봄 */
.titBg_06 { background: #a5fcff; } /* 복지용구 */
.titBg_07 { background: #a5d1ff; } /* 일상생활 */
.titBg_08 { background: #a5b0ff; } /* 주거환경 개선 */
.titBg_09 { background: #c995ff; } /* 신체건강 및 보건의료 */
.titBg_10 { background: #fec3e4; } /* 이동 및 교통 */
.titBg_11 { background: #ff8fd9; } /* 장애등록 */
.titBg_12 { background: #c599b6; } /* 정신건강 및 심리정서 */
.titBg_13 { background: #7cbc66; } /* 건강관리 및 여가 */
.titBg_14 { background: #2dcba8; } /* 일자리 */
.titBg_15 { background: #50c4ed; } /* 안전 */
.titBg_16 { background: #ceae3d; } /* 임종준비 */
.titBg_17 { background: #00daec; } /* 질환정보제공 */