@media screen and (max-width: 1400px) {
    .container {
        width: 90%;
    }
    .header-wrap nav {
        display: none;
    }
    .mob-btn {
        display: block;
    }
    .main_section_1 {
        flex-direction: column;
        align-items: center;
    }
    .header-wrap article {
        padding: 0 5%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #ddd;
    }
    .main_section_1 .tour-wrap,
    .tour-wrap .tour-layout {
        width: 100%;
    }
    #logo {
        border-bottom: none;
    }
    .main_section_1 .tour-wrap {
        margin-bottom: 40px;
    }

    .main_slick_right {
        width: 100%;
    }

    .main_slick_right div:nth-child(1) {
        flex-wrap: nowrap;
        height: auto;
    }
    .main_slick_right div:nth-child(1) article:nth-child(1) {
        border-bottom: none;
        padding: 0;
        border-right: 1px solid #e5e5e5;
    }
    .main_slick_right div:nth-child(1) article:nth-child(2) {
        border-left: none;
        margin-bottom: 0;
        padding-left: 0;
        border-right: 1px solid #e5e5e5;
    }
    .main_slick_right div:nth-child(1) article:nth-child(3) {
        border-right: 1px solid #e5e5e5;
        margin-top: 0;
        padding-right: 0;
    }
    .main_slick_right div:nth-child(1) article:nth-child(4) {
        border-top: none;
        padding-top: 0;
        padding-left: 0;
    }
    .main_slick_right div:nth-child(2) {
        justify-content: space-around;
    }
    .main_section_2-con table table > tbody {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .main_section_2-con table table > tbody > tr {
        width: 48%;
        margin-bottom: 30px;
    }
    .main_section_2-con table table > tbody > tr,
    .main_section_2 .main_section_2-con {
        height: auto;
    }

    .main_section_4 .container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .main_section_4-leftcon {
        width: 100%;
        margin-bottom: 40px;
    }
    .bottom-area,
    .top-area article {
        width: 90%;
    }
    .main_section_4-rightcon {
        width: 100%;
        background: url('../img/main_section_4-1.png') center;
    }
    .top-area a:nth-child(1) {
        padding-left: 0;
    }

    /* 인사말 */
    .sub1-con-top {
        background-size: 100%;
    }
    .sub1-con-top p {
        margin-top: 0;
    }
}
@media screen and (max-width: 1200px) {
    /* 인사말 */
    .sub1-con-top {
        background: none !important;
    }

    /* 찾아오시는길 */
    .sub2-con div {
        flex-direction: column;
        align-items: center;
    }
    .sub2-con article {
        width: 100%;
        margin-bottom: 20px;
    }

    /* 복지용구 */
    .sub6-area4 div article,
    .sub6-area5 div article {
        width: 48%;
    }
}
@media screen and (max-width: 1070px) {
    .bottom-area {
        align-items: flex-start;
        flex-direction: column;
    }
    .bottom-area img {
        margin-top: 20px;
    }

    /* 노인장기요양보험 */
    .sub03-area01 section p {
        width: 100%;
    }
}
@media screen and (max-width: 1050px) {
    .board_output_gallery_img img {
        width: 250px;
    }
    /* 인사말 */
    .sub1-con-bottom {
        flex-direction: column-reverse;
    }
    .sub1-con-bottom > div:nth-child(1) {
        margin-top: 30px;
    }
    /* 노인장기요양보험 */
    .sub03-area04 article:last-child {
        flex-direction: column;
    }
    .sub03-area04 article:last-child > img {
        margin: 20px 0;
        transform: rotate(90deg);
    }
    .sub03-area04 article:last-child section {
        width: 100%;
    }

    /* 실버/간병도우미 */
    .sub7-area1 {
        flex-direction: column;
    }
    .sub7-area1 article {
        width: 100%;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 910px) {
    .main_section_3-con {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .main_section_3-con a {
        width: 50%;
        border-right: none;
    }
    .main_section_4-con table table > tbody > tr:nth-child(1) {
        flex-direction: column;
    }
    .main_section_4-con img {
        width: 100%;
    }
    /* 방문요양 */
    .sub4-area1 ul li::after,
    .sub5-area1 ul li::after {
        top: 15px;
    }

    /* 방문목욕 */
    .sub5-area3 article {
        flex-direction: column;
    }
    .sub5-area3 article img {
        transform: rotate(90deg);
        margin: 20px auto;
    }
    .sub5-area3 article section {
        width: 100%;
    }
    #post_area img {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain;
    }
}
@media screen and (max-width: 800px) {
    .tour-wrap .tour-bg-slide .slick-slide,
    .tour-wrap .tour-bg-slide .slick-list,
    .tour-wrap .tour-bg-slide .slick-track {
        height: 300px;
    }
    .main-slide-con2 {
        text-align: right;
    }
    .slid-topcon {
        padding-left: 10px;
        padding-bottom: 30px;
        width: 100%;
        justify-content: space-between;
        flex-direction: row;
        height: auto;
        top: 330px;
    }
    .main-slide-con2 h3 {
        font-size: 30px;
        margin-top: 10px;
    }
    .tour-wrap .tour-layout .tour-slide .slide-content .page-count {
        top: 245px;
    }
    .tour-wrap .tour-layout .slide-controller {
        top: 273px;
    }
    .tour-wrap .tour-layout .slide-controller .slide-nav {
        bottom: 186px;
    }
    .slick-list {
        border-radius: 20px;
    }
    .slick-prev,
    .slick-next {
        top: 273px;
    }
    .main-slide-con2 h4 {
        font-size: 25px;
    }
    .slid-topcon > p {
        display: none;
    }
    .main_slick_right div:nth-child(1) {
        flex-wrap: wrap;
    }
    .main_slick_right div:nth-child(1) article {
        border-right: none !important;
    }
    .main_slick_right div:nth-child(1) article:nth-child(1),
    .main_slick_right div:nth-child(1) article:nth-child(2) {
        margin-bottom: 30px !important;
    }
    .bottom-area section {
        display: flex;
        flex-direction: column;
    }
    #cm_output_board_gallery_slide > table > tbody > tr {
      display: flex;
      flex-direction: column;
      gap: 30px;
    }
    #cm_output_board_gallery_slide > table > tbody > tr > td {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .call {
        display: block;
        position: fixed;
        bottom: 50px;
        right: 20px;
        z-index: 999;
    }
    .call img {
        width: 45px;
    }

    /* 노인장기요양보험 */
    .sub03-area01 article {
        padding: 30px;
    }
    .sub03-area02 table tr > td:nth-child(1),
    .sub4-area2 tr > td:nth-child(1),
    .sub4-area3 .back-color,
    .sub5-area2 td:nth-child(1),
    .sub6-area2 td:nth-child(1) {
        width: 150px;
    }
    .sub3-con h3,
    .sub4-con h3,
    .sub5-con h3,
    .sub6-con h3,
    .sub7-con h3 {
        font-size: 22px;
    }

    /* 방문요양 */
    .sub03-area02 table tr > td:nth-child(2),
    .sub4-area2 tr > td:nth-child(2),
    .sub4-area3 tr > td,
    #menu1 table tr td:nth-child(2),
    .sub5-area2 td:nth-child(2),
    .sub6-area2 td:nth-child(2) {
        padding: 10px 15px;
    }

    /* 복지용구 */
    .sub6-area4 div article,
    .sub6-area5 div article {
        width: 100%;
    }
    .sub6-area5 div article:last-child {
        display: none;
    }

    /* 실버/간병도우미 */

    .sub7-area2 li::after {
        top: 15px;
    }

    .slid-topcon {
      padding-left: 0px;
    }
    #cm_output_board_gallery_slide > table > tbody > tr > td > table > tbody > tr > td {
      padding: 10px;
    }
}
@media screen and (max-width: 650px) {
    .main-title article:nth-child(1) {
        align-items: flex-start;
        flex-direction: column;
    }
    .main-title p {
        padding: 20px 0 0 0;
    }
    .main_section_2-con table table > tbody > tr {
        width: 100%;
    }
    /* 인사말 */
    .sub1-con-bottom div:nth-child(2) {
        margin-left: 0;
    }

    /* 노인장기요양보험 */
    .sub03-area04 ul li::after {
        top: 15px;
    }
    .sub8-con {
      margin: 80px 0;
      overflow-x: scroll;
    }
}
@media screen and (max-width: 500px) {
    .main-slide-con1,
    .main-slide-con2 {
        text-align: center;
    }
    .tour-wrap {
        min-height: 620px;
    }
    .slid-topcon {
        flex-direction: column;
        align-items: center;
    }
    .slid-topcon > p {
        display: block;
        margin: 20px 0;
    }
    .main_section_3-con a,
    .main_slick_right div:nth-child(1) article {
        width: 100%;
    }
    .main_slick_right div:nth-child(1) article:nth-child(3) {
        margin-bottom: 30px !important;
    }
    .top-area {
        height: auto;
    }
    .top-area article {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .top-area article a {
        padding-left: 0;
        border: none;
    }
    .main-title h3 {
        font-size: 30px;
    }
    .main_slick_right div:nth-child(2) article:nth-child(2) > p {
        font-size: 18px;
    }
    .main_section_2-con table table > tbody > tr > td:nth-child(2) a {
        font-size: 18px;
    }
    .main_section_2-con table table > tbody > tr > td:nth-child(3) {
        margin: 30px 0 !important;
    }
    .bottom-area section p {
        font-size: 13px;
    }

    /* 인사말 */
    .sub-title h2 {
        font-size: 30px;
    }
    .sub1-con-top {
        height: 150px;
    }
    .sub1-con-top p {
        font-size: 22px;
        line-height: 1.3;
    }
    .sub1-con-bottom img {
        width: 100%;
    }
    .sub1-con-bottom h3 {
        font-size: 20px;
        line-height: 1.3;
    }

    /* 방문요양 */
    .sub4-area2,
    .sub4-area3,
    .sub4-area4,
    .sub4-area5,
    .sub4-area6,
    .sub5-area2,
    .sub5-area4,
    .sub5-area5,
    .sub6-area2,
    .sub6-area3,
    .sub7-area3,
    .sub7-area3 {
        overflow: auto;
    }
    table {
        min-width: 100%;
        overflow-x: scroll;
    }
    .sub4-area4 article,
    .sub4-area5 article,
    .sub5-con article {
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 20px;
    }

    #menu1 h3 {
        margin-bottom: 20px;
    }

    /* 실버/간병도우미 */
    .sub7-area1 article {
        padding: 10px;
    }
    .sub7-area1 h2 {
        font-size: 22px;
    }
    .sub7-con h3 {
        font-size: 18px;
    }
    .sub7-area1 p {
        margin: 20px 0;
    }
    .main_section_4-con { 
      padding: 0;
    }
    .top-area a {
      padding: 0 10px;
    }
    .sub03-area02 table tr > td:nth-child(2), .sub4-area2 tr > td:nth-child(2), .sub4-area3 tr > td, #menu1 table tr td:nth-child(2), .sub5-area2 td:nth-child(2), .sub6-area2 td:nth-child(2) {
      padding: 10px 5px;
    }

    .sub2 .sub-title {
      padding-bottom: 60px;
    }

    .bbs .board td {
      font-size: 15px !important;
      padding: 10px 5px;
    }

    .notice_subject,
    .bbs .board td a,
    .bbs .board td.bbsetc_dateof_write, .bbs td.bbsdescription, .bbs td.bbsetc_view_count {
      font-size: 15px !important;
      word-break: keep-all !important;
    }
    .sub10-con .sub2-con {
      flex-direction: column;
    }
    .sub10-con .sub2-con iframe {
      width: 100%;
      margin-right: 0px;
      margin-bottom: 20px;
    }
    /* 공지사항 */
}
@media screen and (max-width: 400px) {
    .bg-inner {
        background-position: -230px !important;
    }
    .top-area article {
      width: 100%;
      padding: 20px 10px;
    }
    .top-area a:nth-child(2), .top-area a:nth-child(3) {
      font-size: 15px;
    }
}
