@charset "utf-8";


@media (max-width:1279px) {

    .research-section{
        .research-intro{
            .research-intro-text{
                font-size: 20px;
            }
            .research-intro-effect{
                padding: 0 20px 70px 20px;
            }
        }
        .research-plan{
            .research-plan-content{
                padding: 70px 20px;
                .research-plan-content-items {
                    .research-item {
                        line-height: initial;
                        .research-order{
                        }
                        .research-content {
                        }
                    }

                }
            }
        }
        .research-organization {
            padding: 20px;
            .research-organization-type{
                margin-bottom: 50px;
                .organization-type{
                    .organization-type-img{
                    }
                    .organization-type-text{
                    }


                }
            }
            .organization-person{
                .person-name{
                }
                .person-content{
                    ul{
                        li{
                            .icon {
                            }

                            .separator{
                            }



                        }
                    }


                }
            }
        }
    }

    .interactio-section{
        .interactio-plan{
            .interactio-plan-content{
                padding: 40px 20px;
                .interactio-plan-content-items {
                    gap: 15px;
                    .interactio-item {
                        line-height: initial;
                        .interactio-order{
                            padding: 20px;
                            font-size: 25px;

                        }
                        .interactio-content {
                            font-size: 20px;
                            padding-left: 20px;

                        }
                    }
                }
            }
        }
    }
}


@media (max-width:1199px) {


    body {
        transform: none !important;
        width:     100% !important;
    }

    #hd, #wrapper, #ft {
        min-width: 100%;
        /* overflow-x: hidden; */
    }
    #container_wr {
        width:100% !important;
    }

    /* header */

    .sub-header {
        position:unset !important;
        margin-top: 70px;
    }

    .main-header {
        top:0;
    }

    header {

        .header-pc-box {
            display: none;
        }

        .topbar-wrapper {
            display:none;
        }

        .login-button {
            display:none;
        }

        .navbar-toggler {
            position: relative;
            top: -4px;
            border:0 !important;
            box-shadow: none !important;
        }

        .first-nav {
            .container {
                max-width:100%;
            }
        }
        .second-nav {
            display:none;
        }

        .offcanvas.offcanvas-end.show {
            display: block;

            .mo-off-wrap {
                .offcanvas-header {
                    border-bottom: solid 1px #D9D9D9;
                    padding: 20px;
                    .offcanvas-title {
                        & img {
                            max-width:250px;
                        }
                    }
                }
                .offcanvas-body {
                    padding: 0;

                    .auth-box {
                        padding:15px;
                        border-bottom:solid 1px #d9d9d9;
                        display: flex;
                        align-items: center;

                        & button {
                            display: flex;
                            align-items: center;
                            column-gap: 10px;
                            font-size:15px;
                            font-weight: 700;
                        }
                    }

                    .accordion-button {
                        background: none;
                        border: 0;
                        box-shadow: none;
                        color: #3F3B3A;
                        font-weight: 800;
                        font-size: 17px;
                        border-bottom:solid 1px #EBEBEB;
                        padding: 1.5rem 2rem 1.5rem 2rem;
                        border-radius: 0;
                    }
                    .accordion-button:not(.collapsed) {
                        background-color: #e60013;
                        color: #fff;
                    }

                    .accordion-button:not(.collapsed)::after {
                        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
                    }
                    .accordion-body {
                        border-bottom:solid 1px #EBEBEB;



                        & ul {
                            padding-left: 15px !important;
                            & li {
                                color:#555;
                                font-size:15px;
                                font-weight: 400;
                                position: relative;
                                padding-left: 8px;
                                line-height: 35px;
                            }
                            & li:before {
                                width:3px;
                                height: 3px;
                                position: absolute;
                                content: '';
                                background: #555;
                                left: 0;
                                top:16px;
                            }
                        }
                    }
                    .accordion-item {
                        border-radius: 0;
                        border:0;
                    }
                }
            }
        }
    }


    /* main */


    .main-wrap {
        .main-section1 {
            .main-bg-box {
                height:430px;
            }
            .main-text-box {
                width:100%;
                left:0;
                top:25%;

                & h2 {
                    text-align:center;
                    font-size:35px;

                }

                & p {
                    text-align:center;
                }
            }
        }
        .main-section2 {
            position: relative;
            left: 0;
            transform: none;
            margin-top:-100px;


            .select-box {
                height:auto;
                border-bottom-left-radius:0;
                border-top-right-radius:20px;

                & button {

                }

                .mo-search-button {
                    color:#000;
                    background: #fff !important;
                    font-size:15px;
                    border-radius: 6px !important;
                    text-align: center;
                    margin-top:10px;
                    width:100% !important;
                }

                & p {
                    font-size:18px;
                    text-align:center;
                    margin-bottom:15px;
                }
            }
            .region-select-wrap {
                gap:0;
                flex-wrap:wrap;
                & select {
                    width:100%;
                }
            }

            .left-col {
                padding-right:calc(var(--bs-gutter-x) * .5)
            }

            .right-col {
                padding-left:calc(var(--bs-gutter-x) * .5)
            }

            .notice-box {
                border-top-right-radius:0;
                border-bottom-left-radius:20px;
            }


        }

        .main-section3 {
            margin-top:100px;

            .row {
                padding:30px 0 !important;
                row-gap:30px;
            }
        }

        .main-title-h3 {
            font-size:25px;
            word-break:auto-phrase;

        }

        .main-section4 {
            .content-header {
                display:block;

                & p {
                    font-size:15px;
                }

                .more-box {
                    margin-top:20px;
                }
            }

            .content-body {
                margin-top:30px;

                .img-box {
                    & img {
                        min-height:auto !important;
                    }
                }
            }
        }


        .main-section6 {
            .content-header {
                display:block;

                & p {
                    font-size:15px;
                }

                .more-box {
                    margin-top:20px;
                }
            }

            .content-body {
                margin-top:30px;

                .img-box {
                    & img {
                        min-height:auto !important;
                    }
                }
            }
        }

        .main-section7 {
            .content-header {
                display:block;

                & p {
                    font-size:15px;
                }

                .more-box {
                    margin-top:20px;
                }
            }

            .content-body {
                margin-top: 70px;
                .img-box {
                    & img {
                        min-height:auto !important;
                    }
                }
            }
        }

        .main-section8 {
            .row {
                row-gap:30px;
            }
        }

        .main-section9 {
            margin-top:30px;
        }


    }

    footer {
        border-radius:0 !important;

        .footer-top-box {
            padding:0 !important;
            .footer-top-left {
                margin-bottom:30px;
            }
        }

        .footer-md-box {
            .footer-info-box {
                .contact {
                    display:block !important;

                    & p {
                        font-size:15px !important;
                    }
                }
            }
        }

        .footer-contact {
            .contact {
                display:block !important;
            }
        }

        .footer-bottom-box {
            & a {
                margin-right: 0 !important;
                font-size: 15px !important;
                /* text-align: center; */
                display: block;
            }

            .copyright-box {
                & p {
                    font-size:15px !important;
                    text-align:left;
                    margin-top:20px;
                }
            }
        }


    }

    /* 정비예약 */

    .information-wrap {
        /* padding-top:90px; */
        margin-top: 50px;














        .branch-search {
            margin-bottom:60px;
            .top-title {
                text-align:center;

                & span {
                    font-size:37px;
                    white-space:pre-line;
                }
            }

            .search-area {
                .grey-box {
                    padding:50px 15px;

                    .btn {
                        font-size:13px;
                    }

                    .col-2 {
                        width:20%;
                    }
                }
                .region-select-wrap {
                    display:flex !important;
                    flex-wrap:wrap;
                    row-gap:10px;

                    & select {
                        width:100%;
                    }
                }
            }
        }

        #resv-grid {
            .resv-body {
                padding:30px 15px;

                .resv-white-box {
                    padding:25px 15px;

                    .col-3 {
                        width:30%;
                    }

                    .col-7 {
                        width:50%;
                    }
                }
            }
        }

        .right-area {
            margin-top:20px;

            & select {
                width:100%;
            }

        }

        #bo_btn_top {
            display:block !important;
        }
    }

    #bo_v #bo_menu_title {
        font-size:35px !important;
        white-space:break-spaces;
    }

    .main_image img {
        width:100% !important;
        max-width:100% !important;
        height:100% !important;
    }

    #bo_v {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;

        .branch_header {
            display:block;
        }

        .thumb_item img {

        }

        .branch_image {
            width:100% !important;
        }

        .branch_right {
            margin-top:50px;
            display:block;

            .branch_info {
                display:block;

                .info_title {
                    padding:50px 13px 0px 13px;
                }
                .info_detail {
                    padding:10px 13px;
                }
            }
        }
        .section_title {
            font-size:30px;
        }
        #mapContainer {
            max-width:100%;
        }

        .section_board {
            .tab_link {
                font-size:14px;
                padding:10px 0px;
            }
        }
    }

    .section.title {
        .top-title {
            text-align:center;
            & span {
                font-size:37px;
                white-space:pre-line;
            }
        }
    }

    .section.date-select-section {
        .resv-wrap {

            .col-7 {
                width:100%;

                .resv-top {
                    .cal-wrap {
                        padding:15px;

                        .cal-head {
                            display:block;

                            .cal-note {
                                margin-top:15px;
                            }
                        }
                    }
                }
            }

            .col-5 {
                width:100%;
                margin-top:50px;
            }

            .actions {

                & a {
                    padding:0;
                    width:50%;
                    text-align:center;
                    display:block;
                }

                & button {
                    padding:0;
                    width:50%;
                }

            }
        }
    }

    .section.branch-lnfo-section {
        .info-wrap {
            padding:50px 15px;

            .col-4 {
                width:100%;
            }

            .col-8 {
                width:100%;
                margin-top:40px;

                .button-box {
                    margin-top:40px;

                    .col-3 {
                        width:50%;
                    }
                }
            }
        }
    }

    .section.form {

        .form-wrap {

            .svc-list {
                .col-2 {
                    width:50%;

                    .form-check-label {
                        font-size:14px;
                    }
                }
            }

            .button-box {
                & a {
                    padding:0;
                    width:50%;
                    text-align:center;
                    display:block;
                }

                & button {
                    padding:0;
                    width:50%;
                }
            }

        }

    }


    .information-wrap {
        .title {

            & h3 {
                font-size:35px;
            }
        }

        .first-tab-box {
            & a {
                font-size:15px;
            }
        }

        .second-tab-box {
            #maintenance-tab {
                justify-content:start;
                column-gap:0;
                margin-left:auto;
                margin-right:auto;

                & li {
                    width:50%;
                    padding:0 5px;
                    flex: 0 0 50%;
                    max-width: 50%;








                    & button {
                        width:100%;
                        font-size:13px;
                    }
                }
            }
        }

        .info-table-box {
            overflow-x:scroll;
            -webkit-overflow-scrolling : touch;

            & table {
                min-width:1199px;
            }
        }
    }


    .land-find-list-wrap {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100% !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        margin-right: auto !important;
        margin-left: auto !important;

        #bo_menu_title {
            font-size:35px !important;
        }

        #bo_menu_search {
            margin:0 !important;
            padding:30px 15px !important;
        }

        .sch_title {
            padding:0 !important;
            margin:0 !important;
        }

        .sch_filters {
            margin-left:0 !important;
            margin-right:0 !important;
            display:block !important;
            margin-top:20px !important;

            .region-select-wrap {
                display:block !important;
                margin-left:0 !important;
                margin-right:0 !important;
                padding-left:0 !important;
                padding-right:0 !important;

                & select {
                    width:100% !important;
                }

            }

            .sch_input {
                width:100% !important;
                margin:0 !important;
            }
        }

        #map {
            height:350px;
        }

        .bo_list_sch {
            display:block;
        }

        #bo_list_sort {
            margin-top:20px;
            padding-bottom:10px;
            & select {
                width:49% !important;
            }
        }
        .gall_li {
            padding:0;
            padding-left:0 !important;
            padding-right:0 !important;

            .gall_content {
                margin-left:0 !important;
                margin-right:0 !important;
                padding:0 !important;
            }
        }


    }

    .gall_li.col-gn-3 {
        width:100% !important;
    }

    .land-event-list-wrap {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100% !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        margin-right: auto !important;
        margin-left: auto !important;


        #bo_menu_title {
            font-size:35px !important;
            text-align:center;
        }

        #bo_cate_ul {
            margin:30px 0 !important;
            justify-content:center;

            & li {
                width:33%;
                font-size:14px !important;

                & a {
                    text-align:center;
                    padding:0 !important;
                }
            }

        }

        .sch_bar {
            display:flex;
            align-items:center;
            column-gap:20px;
        }

        .sch_input {
            width:100% !important;
        }

        #bo_btn_top {
            display:block;

            #bo_list_total {
                float:none;
            }

            & select {
                width:100% !important;
                margin-bottom:15px;
            }
        }

        #gall_ul {
            display:block;
            overflow-x:scroll;
            -webkit-overflow-scrolling : touch;

            & li {
                min-width:1199px;
            }
        }
    }

    .land-event-view-wrap {
        #bo_v {
            width:100%;
        }

        #bo_v_title {
            display:block !important;
            padding:15px !important;

            .bo_v_subject {
                margin-bottom:15px;
            }

        }
        .profile_info {
            .info_data {
                margin:0 !important;
            }
        }

        .bo_v_nb {
            display:block;

            & li {
                padding:11px 0;
            }

            .btn_prv {
                text-align:left;
            }

            .btn_list {
                text-align:center;
                margin:15px 0;
            }
            .btn_next {
                text-align:right;
            }
        }
        #bo_v_con {
            padding:15px;
        }
    }

    .land-event-write-wrap {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100% !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        margin-right: auto !important;
        margin-left: auto !important;

        #bo_menu_title {
            font-size:35px !important;
        }

        .btn_confirm {
            column-gap:10px;
            & a {
                width:50% !important;
                padding:0 !important;
                display:flex;
                align-items:center;
                justify-content:center;
                margin:0 !important;
            }

            & button {
                width:50% !important;
                padding:0px !important;
                margin:0 !important;
            }
        }
    }

    .land-event-view-wrap.land-consult {
        .title_data {
            display:block !important;

            .gall_data {
                margin-bottom:15px;
            }
        }

        .info_extra {
            display:block !important;

            .extra_item {
                margin-bottom:10px;
            }

            & div:last-child {
                margin-bottom:0;
            }
        }

        #bo_v_atc {
            padding:15px;
        }
    }

    .land-event-view-wrap.land-review {
        .btn_bo_user {
            flex-wrap:wrap;
            justify-content:start !important;
            & li {
                float:none !important;
                width:30%;

                & a {
                    width:100%;
                }
            }
        }
    }

    .register-wrap {
        .register-content {
            width:100% !important;
            padding:15px !important;

            .accordion-body {
                padding:0 !important;
            }
        }
    }

    .register-form-wrap {
        .register-form-inner {
            width:100% !important;

            .title {
                padding:0 15px !important;
            }

            .name-input-box {
                padding:0 15px !important;
            }

            .id-input-box {
                padding:0 15px !important;
            }

            .notice-p {
                padding:0 15px !important;
            }

            .nick-input-box {
                padding:0 15px !important;
            }

            .col-xl-6.col-12 {
                padding-left:calc(var(--bs-gutter-x) * .5);
                padding-right:calc(var(--bs-gutter-x) * .5);
            }

            .address-input-box {
                padding:0 15px !important;
            }

            .email-input-box {
                padding:0 15px !important;
            }

            .tel-input-box {
                padding:0 15px !important;
            }
        }
    }

    .mypage-wrap {

        .title {
            & h3 {
                font-size:30px;
            }
        }

        .first-tab-box {
            flex-wrap:wrap;
            & a {
                width:25%;
                text-align:center;

            }
        }

        #h3-title {
            font-size:25px;
        }

        .tab-content-box {
            margin-top:30px !important;
        }

        .info-col-box {
            display:block;

            .info-col {
                margin-bottom:20px;
            }
        }

        .btn-box {
            & a {
                font-size:15px;
                padding:0 !important;
                /* color:#fff !important; */
            }

            & button {
                font-size:15px;
                padding:0 !important;

            }
        }

        .history-search-form {
            display:block;

            .search-date-section {
                flex-wrap:wrap;

                .date-controls {
                    display:block;

                    .quick-btns {
                        flex-wrap:wrap;
                        margin-right:0;
                        gap:0;
                        align-items: center;
                        justify-content: space-between;
                        column-gap:5px;

                        & button {
                            width: 32%;
                            padding:0 10px !important;
                        }
                    }

                    .date-inputs {

                        display:block;
                        margin-top:20px;

                        .date-input-wrap {
                            margin-bottom:10px;
                            display:block;
                        }

                        .date-input {
                            width:100%;
                        }
                    }
                }
            }

            .btn-search {
                display:flex;
                align-items:center;
                justify-content:center;
                margin:0 auto;
            }
        }
    }

    .land-event-list-wrap.franchise-wrap {
        .info-box {
            display:block !important;
            padding:50px 15px;

            .step-box {
                display:block;
                text-align:center;
            }

            .step-circle {
                margin:0 auto;
                width:100%;
                height: 100%;
                padding:30px 10px;

                .step-desc {
                    & br {
                        display:none;
                    }
                }
            }

            .step-arrow {
                margin: 30px 0;
                transform:rotate(90deg);
            }
        }

        .requirements-section {
            display:block;

            .requirements {
                margin-bottom:30px;
            }
        }
    }

    .land-event-write-wrap.franchise-write-wrap {
        .extra_section {
            display:block !important;
            margin:0 !important
        }

        .item_checklist {
            display:flex;
            flex-wrap:wrap;

            & label {
                width: 50% !important;
                margin:0 !important;
            }
        }
    }

    .land-event-list-wrap.land-gallery-wrap {
        #gall_ul {
            overflow-x:unset;
            -webkit-overflow-scrolling:unset;

            & li {
                min-width:100%;
            }
        }

        .top-title {
            font-size:35px;
            text-align:center;
        }
    }

}


@media (max-width:991px) {


    .search-bar-wrapper {
        display: block;

        .count-text {
            margin-bottom:20px;
        }

        .filter-group {
            display: block;

            .sch_bar {
                display: block;
            }

            & select {
                width:100%;
                margin-bottom:20px;
            }

            & input[type='text'] {
                width:100%;
                margin-bottom:20px;
            }
            & button {
                width:100%;
            }
        }
    }

    .common_board_list {
        overflow-x:auto;
        -webkit-overflow-scrolling : touch;

        & table {
            min-width:1199px;
        }
    }

    .news-card-grid {
        display: block;

        .news-card {
            width:100%;
        }
    }

    .common-board-list {
        .webjin-list {
            .search-box {
                display: block !important;
                padding: 25px !important;

                & select {
                    width:100% !important;
                    margin-bottom:20px;
                }

                & input[type='search'] {
                    width:100% !important;
                    margin-bottom:20px;
                }
                & button {
                    width:100% !important;
                    margin-bottom:20px;
                }
            }

            .fillter-wrap {
                .fillter-check-box {
                    column-gap: 0 !important;
                    row-gap: 10px;
                    .form-check {
                        flex:0 0 auto;
                        width:35%;
                    }
                }
                .view-fillter-box {
                    flex:0 0 auto;
                    width:100%;
                    margin-top:20px;

                    & select {
                        width:100% !important;
                    }
                }
            }

            .info-header-button-box {
                position: absolute;
                top:20px;
                left: 20px;
            }
            .list-body {
                .list-box {
                    position: relative;
                    padding: 16px !important;
                    .col-xl-4 {
                        width:100% !important;

                        .img-box {
                            text-align: center;

                            & img {
                                width:90% !important;
                            }
                        }
                    }
                    .col-xl-8 {
                        width:100% !important;
                    }
                }

                .info-body-top {
                    display: block !important;
                    margin-bottom: 0 !important;
                }
                .info-body-bottom {
                    display: block !important;
                }

                .info-body-text-box {
                    margin-bottom: 15px;
                    flex-wrap: wrap;
                    & strong {
                        flex:0 0 25%;
                    }

                    .vr {
                        display: none !important;
                    }
                }
            }
        }
    }

}

@media (max-width:784px) {
    .history-container{
        margin: 5%;
        .timeline-title {
            padding-bottom: 50px;
            h3 {
                font-size: 32px;
                padding-bottom: 10px;
            }
            p {
                font-size: 14px;
            }
        }
        .timeline-list{
            max-width: 500px;
            padding: 9%;
            border: 1px solid #dddddd;
            border-radius: 20px;





































































            &::before {
                display: none;
            }

            .timeline-item {
                flex-direction: column;
                margin-bottom: 40px;












                .timeline-date {
                    flex: initial;
                }
                .timeline-dot {
                    display: none;
                }
                .timeline-content {
                    width: 100%;
                    ul {
                        margin: 5% -5% 0 5%;
                        width: 100%;















                        li {
                            padding-right: 2%;
                            &::marker {

                            }
                        }
                    }
                }
            }

        }
    }
}



@media (max-width:767px) {
    .corporate-wrapper {

        .flex-row {
            flex-wrap: wrap;
        }
        .division-column {
            flex:0 0 auto !important;
            width:100%;
            margin-bottom: 40px;
        }
    }
}

@media (max-width:749px) {

    .research_layout {
        .intro-section{
            h2{
                font-size: 16px;
            }
            p {
                font-size: 32px;
            }
        }
    }

    .interactio_layout {
        .intro-section{
            h2{
                font-size: 16px;
            }
            p {
                font-size: 32px;
            }
        }
    }
    .research-section{
        .research-intro{
            .research-intro-text{
                font-size: 16px;
                padding: 0 20px 40px 20px;
            }
            .research-intro-effect{
                div{
                }
                .effect-header {
                    font-size: 20px;
                }

                .effect-body {
                    font-size: 18px;
                }
            }
        }
        .content-text{
            font-size: 30px;
        }
        .research-plan{
            .research-plan-content{
                .research-plan-content-items {
                    grid-template-columns: 1fr;
                    gap: 20px;
                    .research-item {
                        .research-order{
                            padding: 20px;
                            font-size: 25px;
                        }
                        .research-content {
                            font-size: 20px;
                            padding-left: 20px;
                            span{
                            }
                        }
                    }

                }
            }
        }
        .research-organization {
            .research-organization-type{
                flex-wrap: wrap;
                justify-content: center;
                gap: 30px 10px;
                .organization-type{
                    width: 150px;
                    height: 150px;
                    .organization-type-img{
                        width: 40px;
                        height: 40px;
                    }
                    .organization-type-text{
                        font-size: 15px;
                    }


                }
            }
            .organization-person{
                padding: 20px;
                .person-name{
                    font-size: 20px;
                }
                .person-content{
                    ul{
                        flex-direction: column;
                        align-items: initial;
                        gap: 10px;
                        li{
                            font-size: 14px;
                            .icon {
                                width: 15px;
                                height: 15px;
                                img{
                                }
                            }

                            .separator{
                            }
                        }
                    }
                }
            }
        }

    }

    .interactio-section{
        .interactio-intro{
            .interactio-intro-text{
                font-size: 16px;
                padding-bottom: 40px;
                .interactio-intro-text-pc{
                    display: none;
                }
                .interactio-intro-text-mobile{
                    display: block;
                    padding: 0 20px;
                }
            }
        }

        .interactio-organization {
            padding: 40px 0 0 0;
            .interactio-organization-type{
                gap: 3%;
                .organization-type{
                    .organization-type-img{
                        width: 40px;
                        height: 45px;
                    }


                    .organization-type-text{
                        .organization-type-text-mobile{
                            display: block;
                        }
                        .organization-type-text-pc{
                            display: none;
                        }
                        p:nth-child(1) {
                            font-size: 20px;
                            margin-bottom: 10px;
                        }
                        p:nth-child(2) {
                            font-size: 14px;
                        }
                        .person-content {
                            margin-top: 10px;

                            ul {

                                li {
                                    gap: 5px;
                                    margin-top: 5px;
                                    .icon img {
                                        width: 10px;
                                        height: 10px;
                                    }

                                    .text {
                                        font-size: 12px;

                                        &.small {
                                            font-size: 9px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .sub-download {
        .download-button {
            margin: 50px 0 ;
            font-size: 14px;
        }
    }



}



@media (max-width:680px) {
    .navbar-brand {
        & img {
            max-width:240px;
        }
    }
}

@media (max-width:585px) {

    .info-header-title-box {
        & strong {
            font-size:18px !important;
        }
    }
    .clamp-text {
        font-size: 30px;
        line-height: 45px;
    }

    .about-layout {
        .intro-section {
            & p {
                font-size: 30px !important;
            }
        }
    }
    .post-detail {
        .navigation-button-wrapper {
            display: block;
            text-align: center;
            & a {
                width:95% !important;
                margin-bottom: 15px;
            }
        }
    }

    .greeting-content-section {
        .heading {
            font-size:30px !important;
        }
        p.intro {
            & br {
                display: none;
            }
            font-size:18px !important;
        }
        .signature {
            margin-top:30px;
            padding:20px !important;
        }
    }

    footer {
        .contact-info {
            display: block !important;
            text-align: left;

            & > div {
                flex-wrap : wrap !important;
                & span {
                    flex:0 0 100% !important;
                }
            }
            .separator {
                display: none !important;
            }
        }

        .copyright {
            text-align: left !important;
        }

    }

    .president-history-content-section {
        .row {

            .history-card {
                .card-inner {
                    padding: 15px !important;
                    display: block !important;
                    .image-wrapper {
                        margin-bottom:30px;
                        & img {

                        }
                    }
                    .card-content {

                    }
                }
            }
        }
    }

    .common-login-wrap {
        width:90% !important;
        padding: 15px !important;








        .logo-box {
            & img {
                width: 70%;
            }
        }

        .img-box {
            display:none;
        }
    }
}

@media (max-width:445px) {
    .interactio-section{
        .interactio-plan{
            .interactio-plan-content{
                .interactio-plan-content-items {
                    .interactio-item {
                        .interactio-order{
                            font-size: 20px;
                        }
                        .interactio-content {
                            font-size: 15px;
                            padding-left: 15px;
                        }
                    }
                }
            }
        }
        .interactio-organization {
            .interactio-organization-type{
                flex-direction: column;
                align-items: center;
                .organization-type{
                    margin-bottom: 20px;
                    min-height: 241px;
                    .organization-type-img{

                    }

                    .organization-type-text{

                        p:nth-child(1) {

                        }
                        p:nth-child(2) {
                        }
                        .person-content {

                            ul {
                                li {
                                    .icon img {

                                    }

                                    .text {

                                        &.small {
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .sub-download {
        .download-button {
            margin: 20px 10px;
            padding: 15px 20px;
            span{
            }
            img {
            }

            &:hover {
            }
        }
    }

}


@media (max-width:415px) {
    .clamp-text {
        font-size:20px;
        line-height: 35px;
    }

    .carousel-title {
        font-size:25px !important;
    }

    .about-layout {
        .intro-section {
            & p {
                font-size: 23px !important;
            }
        }
        .status-item {
            .label {
                font-size:18px !important;
            }
            .desc {
                font-size:15px !important;
            }
        }
    }
    footer {
        .footer-top {
            & a {
                & img {
                    width:100%;
                }
            }
        }
    }
}