@media screen and (max-width:1000px) {

    h1 {
        font-size: 25px;
    }

    h3 {
        font-size: 20px;
    }

    /* header */
    .all_top_content {
        height: 300px;
    }

    .all_top_img {
        height: 300px;
        object-fit: cover;
    }

    .maintitle {
        margin-top: 83px;
    }

    #navigation .tit {
        font-size: 12px;
    }

    /* ceo.php */

    .c_ceo_title {
        display: none;
    }

    .m_ceo_title {
        display: block;
    }

    .ceo_img-content {
        margin-top: 0px;
    }

    .ceo_content {
        flex-direction: column-reverse;
        padding: 0 10px;
    }

    .ceo_img-content {
        width: 100%;
    }

    .ceo_img-content img {
        width: 100%;
        height: auto;
        margin-top: 35px;
    }

    .ceo_text-content {
        margin: 0 20px;
    }

    .nav_content li {
        font-size: 18px;
    }

    /* history */
    .history_container {
        width: 100%;
        margin: 0 20px;
    }

    .history_container img {
        width: 100%;
    }

    .history_all {
        flex-direction: column;
    }

    .history_all ul {
        margin-bottom: 50px;
    }

    .history_rf-content {
        width: 100%;
    }

    /* origanization */
    .ori_tcontent {
        padding: 0 10px;
    }

    .ori_line-all {
        width: 84%;
    }

    .ori_line-top {
        width: 84%;
    }

    .unit_ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .unit_table li:not(:last-child) {
        margin-right: 0px;
    }

    .unit_table li {
        width: 55px;
        height: 35px;
        padding: 10px 5px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-bottom: 20px;
        font-size: 8px;
        text-align: center;
    }

    .unit_circle {
        width: 100px;
        height: 100px;
        font-size: 19px;
    }

    .line-main_title {
        margin-left: 10px;
    }

    .line-banner {
        height: 300px;
    }

    .line-title {
        text-align: center;
        font-size: 28px;
        width: 100%;
    }

    .line-text {
        margin-left: 10px;
        margin-right: 10px;
    }

    .line-sub_title {
        margin-left: 10px;
        margin-right: 10px;
    }

    .line-img_content {
        margin-left: 10px;
        margin-right: 10px;
    }

    /* press */
    .press_tcontent {
        padding: 0 10px;
    }

    .press_img {
        width: 125px;
        height: 100%;
    }

    .press_main-content {
        margin-right: 0px;
        margin-left: 10px;
        width: 46%;
    }

    .anment_main-content {
        width: 58%;
        margin-right: 0px;
        margin-left: 10px;
    }

    .press_item {
        padding-top: 24px;
        padding-bottom: 27px;
        max-height: 150px;
    }

    .press_main-news {
        margin-left: 0px;
        margin-right: 10px;
        width: 55px;
        font-size: 10px;
        padding: 0px 7px;
        height: 25px;
    }

    .info_title {
        text-align: center;
    }


    .press_main-title {
        font-size: 13px;
        width: 100%;
        white-space: nowrap;
        /* 텍스트를 한 줄로 표시 */
        overflow: hidden;
        /* 넘치는 부분을 숨김 */
        text-overflow: ellipsis;
        /* 넘치는 부분에 ... 표시 */
    }

    .press_cday {
        font-size: 11px;
    }

    .press_day {
        margin: 0;
        font-size: 13px;
    }

    .press_main-content.anment_main-content {
        margin-right: 5px;
        width: 53%;

    }

    .press_content {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 3px;
        margin-left: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .press_more {
        margin-left: 10px;
    }

    .press_top-content {
        margin-top: 7px;
    }

    .press_more a {
        font-size: 13px;
    }

    .press_count {
        font-size: 40px;
        -webkit-text-stroke: 2px #888888;
    }

    .press_item:hover .press_count {
        font-size: 40px;
        -webkit-text-stroke: 2px black;
    }

    .promo_tcontent {
        padding-left: 10px;
        padding-right: 10px;
    }

    .promo_items {
        flex-direction: column;
    }

    .promo_item {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 50px;
    }

    /* over.php */
    .over_img {
        height: 80px;
    }

    /* infomation.php */
    .info_tcontent {
        padding: 0 10px;
    }

    .info_title:not(:last-child) {
        margin-right: 20px;
    }

    .info_title {
        font-size: 15px;
    }

    .page_btn {
        width: 35px;
        height: 35px;

    }

    /* faq.php */
    .faq_content_div {
        flex-direction: column;
    }

    .faq_qu_content h2 {
        font-size: 17px;
    }

    .faq_search {
        width: 100%;
        margin-top: 14px;
        margin-left: 1px;
    }

    .faq_label {
        width: 30%;
    }

    .faq_label select {
        width: 100%;
        margin-right: 0px;
        font-size: 13px;
    }

    .faq_search_btn {
        width: 70%;
    }

    .faq_search_btn input {
        width: 70%;
        font-size: 13px;
    }

    .faq_search_btn button {
        width: 30%;
        font-size: 13px;
        cursor: pointer;
    }

    .faq_qu_o {
        height: auto;
    }

    .faq_total {
        font-size: 13px;
    }

    .faq_tcontent {
        padding: 0 10px;
    }

    .nav_content {
        display: none;
    }

    #navigation {
        display: block;
    }

    #navigation .inner {
        width: 100%;
        height: 50px;
        line-height: 50px;
        display: flex;
    }

    #navigation #navi_home {
        width: 10%;
        padding: 0;
    }

    #navigation #navi_home i {
        text-align: center;
        display: block;
        line-height: 50px;
        font-size: 1em;
    }

    #navigation .navi {
        width: 45%;
    }

    #navigation .navi_btn span::after {
        font-size: 1.5em;
    }

    #bo_list_total p {
        font-size: 13px;
    }

    .hamburger_container>span {
        background: #54C3FE !important;
    }

    #header:hover {
        background-color: transparent !important;
    }

    .qna_item {
        font-size: 10px;
    }

    .qna_item_top {
        font-size: 10px;
    }

    .branch_map_list {
        height: 250px;
    }

    .branch_map {
        height: 250px;
    }

    .branch_search_bar input {
        font-size: 15px;
    }

    .fa-regular {
        font-size: 15px;
    }

    .branch_search_btn {
        font-size: 15px;
        width: 100px;
        height: 50px;
    }

    .branch_paging .page_btn {
        width: 15px;
        height: 15px;
        font-size: 10px;
    }

    .branch_item {
        font-size: 9px;
    }

    .branch_location_count {
        height: 40px;
        font-size: 20px;
    }

    .branch_count {
        font-size: 20px;
    }

    .busi_li p {
        font-size: 16px;
    }

    .busi_tcontent {
        padding: 0 10px;
    }

    .f-tab li.last {
        margin-bottom: 45px;
    }


    .highlight-title.guide {
        padding-left: 0px;
    }

    .sharing_select_menu {
        width: 140px;
        height: 42px;
        font-size: 15px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .guide_item {
        display: flex;
        margin-top: 40px;
        padding-bottom: 40px;
        border-bottom: 1px solid #d9d9d9;
        align-items: center;
    }

    .guide_item h3 {
        font-size: 20px;
    }

    .guide_item p {
        font-size: 15px;
    }

    .vans_items {
        width: 100%;
        justify-content: center;
    }

    .sharing_item_content p {
        font-size: 20px;
    }

    .guide_img_div img {
        width: 20px;
    }

    .guide_img_div {
        width: auto;
        padding-right: 10px;
    }

    .opening_highlight {
        margin-right: 14px;
    }

    .re-supportItem p {
        padding-top: 145px;
    }


    .busi_tcontent {
        padding: 0 10px;
    }

    .busi_a_content {
        flex-direction: column;
    }

    .busi_text {
        width: 100%;
        margin: 0;
    }

    .busi_img_div {
        width: 100%;
        height: 338px;
    }

    .busi_img {}

    .busi_ul {
        margin-top: 37px;
        margin-bottom: 50px;
    }

    .busi_ul h3 {
        font-size: 15px;
    }

    .busi_ul p {
        font-size: 10px;
    }

    .busi_contents {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .busi_contents h2 {
        font-size: 20px;
    }

    .busi_contents h3 {
        font-size: 17px;
    }

    .busi_bottom_content p {
        font-size: 14px;
    }

}

@media screen and (max-width:810px) {
    .vans_items {
        gap: 2%;
        flex-direction: column;
    }
    .sharing_item{
        width: 100% !important;
    }

    .sharing_item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .sharing_item img {
        width: 65px;
    }

    .sharing_item_content p {
        font-size: 13px;
    }

    .re-supportItem p {
        font-size: 17px;
    }
    #header #all_menu .menu_tit{
        color: rgb(54, 54, 54) !important;
    }
    .last_li a{
        color: rgb(54, 54, 54) !important;
    }
}

@media screen and (max-width:580px) {
    .opening_items {
        justify-content: center;
        gap: 2%;
    }

    .opening_menu_content {
        font-size: 15px;
    }

    .opening_item {
        width: 49%;
        margin-top: 40px;
        height: 200px;
    }

    .opening_img_content {
        height: 70%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .opening_img_content img {
        width: 50px;
    }

    .opening_count {
        width: 25px;
        height: 25px;
        font-size: 12px;
        top: -13px;
    }

    .highlight-title.guide {
        font-size: 20px;
    }

    .guide_item h3 {
        font-size: 20px;
    }

    .vans_top_text.all {
        gap: 10px;
    }

    .vans_items {
        justify-content: center;
    }

    .sharing_item {
        width: 48%;
        height: 270px;
    }

    .sharing_item img {
        width: 45px;
    }

    .sharing_item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .reSuportContent2 p {
        font-size: 18px;
    }

    .reSuportContent2 p {
        margin: 20px 0 20px;
        line-height: 30px;
    }

    .reSuportContent2 p+span {
        font-size: 15px;
    }

    .vans_table th {
        font-size: 13px;
        line-height: 40px;
    }

    .vans_table .reTd {
        font-size: 12px;
        padding: 15px 10px;
    }

    .vans_table .reTdin {
        font-size: 11px;
        line-height: 16px;
        padding: 15px 10px;
    }

    .vans_table .reTdTotal {
        font-size: 13px;
        line-height: 20px;
        padding: 15px 10px;
    }

    .reTableSpan {
        line-height: 23px;
        font-size: 15px;
    }

    .reTableSpan:last-of-type {
        margin-top: 10px;
    }

    .re-supguide_item {
        display: block;
    }

    .vans_items.re-vans_items {
        margin-bottom: 15px;
        width: 100%;
    }

    .vans_items.re-vans_items .sharing_item:hover {
        top: 0;
    }

    .press_tcontent.ssApply .formBox{
        margin-top: 40px;
    }
    .press_tcontent.ssApply table td {
        padding: 10px 15px;
    }

    .press_tcontent.ssApply table td:has(label) {
        font-size: 15px;
        line-height: 20px;
    }

    .press_tcontent.ssApply table td:has(:not(label)) input,
    .press_tcontent.ssApply table textarea {
        line-height: 20px;
        font-size: 13px;
        padding: 7px;
    }

    .press_tcontent.ssApply table td.numBox {
        gap: 5px;
    }

    .press_tcontent.ssApply table td.mailbox {
        font-size: 13px;
        gap: 5px;
    }

    .press_tcontent.ssApply table td.mailbox span {
        margin-left: 0px;
    }

    .press_tcontent.ssApply table td.mailbox span select {
        line-height: 12px;
        padding: 10px;
        background-position: right 5px center;
        background-size: 10px;
        font-size: 13px;
    }
    .press_tcontent.ssApply table td:has(:not(label)) input[type="date"]{
        background-position: right 10px center;
        background-size: 15px;
        min-height: 35px;
    }
    .press_tcontent.ssApply .formftr{
        flex-direction: column;
    }
    .press_tcontent.ssApply .formftr div{
        margin-bottom: 40px;
    }
    .press_tcontent.ssApply .formftr div label {
        line-height: 15px;
        font-size: 15px;
        margin-right: 8px;
    }
    .press_tcontent.ssApply .formftr div input {
        width: 20px;
        height: 20px;
    }
    .press_tcontent.ssApply .formftr button{
        width: 150px;
        height: 40px;
        font-size: 15px;
    }
    .branch_map_tcontent > div:first-child{
        width: 100%;
    }
    .branch_map_tcontent {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .branch_location_count {
        margin-bottom: 10px;
    }
    .branch_map {
        height: 300px;
        width: 100%;
    }
    .branch_map_list {
        height: 300px;
        width: 100%;
        margin-bottom: 15px;
    }
    .branch_item {
        width: 100%;
    }
    .branch_search{
        height: auto;
    }
    .branch_search_where{
        height: auto; margin-bottom: 0; padding-bottom: 30px;
    }
    .branch_title{
        font-size: 13px;
    }
    .branch_phone {
        font-size: 12px;
    }
    .branch_time {
        font-size: 11px;
    }
    .branch_road_name_title, .branch_lot_number_title {
        font-size: 12px;
    }
    .branch_road_name {
        font-size: 12px;
    }
    .branch_lot_number {
        color: #3c3c3c;
        font-size: 12px;
    }
}