@charset "utf-8";
@media (max-width: 1269px) {
    .serveTitleArea > div,
    .contentBox,
    .tab-menu,
    .locationArea02 { max-width: 970px; padding: 30px 10px; font-size: 16px; }
}

@media (max-width: 991px) {
    .serveBox { flex-wrap: wrap; }
    .serviceTitle { text-align: center; margin-bottom: 25px; }

    .serviceTitle h2 { font-size: 22px; position: relative; margin-bottom: 15px; display: inline-block;	}
    .serviceTitle p { font-size: 14px; line-height: 24px; color: #555555; margin-bottom: 25px; }

    .serveBox:not(:last-of-type), .serveBox02:not(:last-of-type) { margin-bottom: 4px; }
    .serveBox h3, .serveBox02 h3 { font-size: 18px; min-width: 200px; padding-top: 20px; margin-bottom: 10px; }

    .serveBox_right > div { border-bottom: 1px solid #dddddd; padding: 10px 5px; box-sizing: border-box; }
    .serveBox_right div ul p:not(.pointP) { color: #000000; font-size: 14px; line-height: 22px; }

    .arrowBtn {  padding: 8px 8px 5px 8px; font-size: 14px; }
    .serveBox_right div ul { flex-wrap: wrap; gap: 5px; }
    .serveBox_right div ul li { width: 100%; }
    .serveBox_right div ul h4 {  font-size: 16px; }
    .serveBox:not(:last-of-type), .serveBox02:not(:last-of-type) { margin-bottom: 40px; }
    .tableStyle01 tr th, .tableStyle01 tr td { font-size: 14px; }

    .voucherT { font-size: 12px; color: #666666; line-height: 17px; vertical-align: middle; display: inline-block; margin: 10px 0 0 0; }
}