@charset "utf-8";

.mo-nav-wrap{
    display: none;  
}

/* 공통 및 메인 */
@media only screen and (max-width: 1440px) {
    #hd, #wrapper, #ft {
        min-width: 1020px;
    }
    #container_wr {
        display: flex;
        justify-content: center;
    }
    .modal-content {
        left: 33%;
    }
    .rd-image img {
        height: 670px;
        width: 1130px;
    }

    
}
@media only screen and (max-width: 1024px) {
    .modal-content {
        left: 26%;
    }
    #container {
        padding: 50px 30px;
    }
    #hd_wrapper{
        padding: 0 5vw ;
    }
    #ft_wr {
        padding: 40px 30px;
    }
    #container_wr {
        padding: 0vh 2vh;
    }

    br.responsive {
        display: none;
    }
    #hd, #wrapper, #ft {
        min-width: 760px;
    }

    #ft_wr {
        max-width: 870px;
    }

    .subpage-title{
        font-size: 24px;
    }
    .task-box span {
        font-size: 15px;
    }
    .connection-line {
        width: 16%;
        left: 42%;
    }
    .subway-info th:first-child, .subway-info td:first-child {
        width: 24%;
    }
    .profile-image {
        width: 100px;
        height: 100px;
    }
    .rd-image img {
        height: 610px;
        width: 910px;
    }

}
@media only screen and (max-width: 768px) {
    .rd-image img {
        height:550px;
        width: 680px;
    }

    .modal-content {
        left: 18%;
    }
    #container {
        padding: 40px 20px;
    }
    .subway-info th:first-child, .subway-info td:first-child {
        width: 28%;
    }
    .bus-info th:first-child, .bus-info td:first-child {
        width: 23%;
    }
    .bus-info th:last-child, .bus-info td:last-child {
        font-size: 16px;
    }
    .address {
        font-size: 16px;
    }
    .main-slide-content h4 {
        font-size: 25px;
    }
    #ft_wr  {
        max-width: 650px;
    }
    #logo{
        flex: none;
    }
    #logo img{
        max-height: 32px;
    }
    #nav-wrap{
        display: none;
    }
    .mo-nav-wrap{
        display: flex !important;
    }
    #tnb .inner, #container_wr, #ft_w, #ft_wr{
        padding: 3vh 3vw;
    }
    #container_wr{
        margin-bottom: 0;
    }
    .innovation-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: 10vh;
        justify-content: center;
    }
    /* .innovation-nav > * {
        flex: 0 0 calc(50% - 10vh);
    } */

    .slide-image{
        height: 86%;
    }
    .main-swiper-slide{
        height: 70vh ;
    }
    .board-latest-tab-container{
        flex-direction: column;
        gap: 20px;
    }
    .infra-nav-wrapper{
        bottom: 7vh;
        width: 80vw;
    }
    .infra-nav-box{
        height: 160px;
        width: calc(33% - 10px);
    }

    .main-slide-content .main-slide-top-text p{
        font-size: 20px;
    }
    .main-slide-content .main-slide-top-text h3{
        font-size: 24px;
    }
    .main-slide-content h2{
        font-size: 50px;
    }
    .swiper-container.partner-slider{
        padding: 20px;
    }

    #ft_wr{
        gap: 21px;
    }
    #ft_wr .ft_cnt{
        padding: 0;
    }
    .ft-info,#ft_copy{
        text-align: left;
    }
    #ft_link{
        justify-content: flex-start;
        font-size: 13px;
    }

    .agency-card-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
    .custom-button.organization{
        width: calc(50% - 10px);
    }
    .image-and-info{
        max-width: 100%;
    }

    #hd, #wrapper, #ft {
        min-width: unset;
    }

    .ft_info {
        font-size: 15px;
    }

    .main-slide-content .blueforum {
        font-size: 50px;
    }
    .main-text-content{
        margin: 0;
    }
    #ft_copy {
        padding: 0;
        font-size: 13px;
    }
    .greetings-title {
        font-size: 24px;
        line-height: 1.2;
    }

    .quotation-img {
        height: 25px;
    }

    .task-box {
        padding: 15px 30px;
    }
    .industry-description {
        font-size: 17.4px;
    }
    .connection-line {
        width: 18%;
        left: 41%;
    }
    .industry-list li {
        font-size: 17px;
    }


}
@media only screen and (max-width: 600px) {
    .main-slide-content h2 {
        font-size: 39px;
    }
    .main-slide-content{
        height: 60%;
    }
    #waveCanvas{
        display: none;
    }
    .infra-nav-box{
        width: 100%;
        height: auto;
        min-height: unset;
        padding: 16px;
    }
    .infra-nav-wrapper {
        flex-direction: column;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .infra-nav-box a{
        flex-direction: row-reverse;
        align-items: center;
    }
    .infra-nav-text{
        font-size: 1rem;
    }
    .infra-nav-arrow img{
        width: 20px;
    }
    .infra-nav-text br{
        display: none;
    }
    .main-slide-content .main-slide-top-text p{
        font-size: 16px;
    }
    .main-slide-content .main-slide-top-text h3{
        font-size: 18px;
        line-height: 1.5;
    }

    .siso-insight,.title-container, .banner-slider.primary-banner{
        padding: 0;
    }
    .big-title{
        font-size: 32px;
    }
    .small-title{
        font-size: 1rem;
    }
    .card-container{
        flex-direction: column;
    }
    .card{
        width: 100%;
    }

    .banner-nav ul{
        gap:0;
    }
    .speaker-title-wrap{
        flex-direction: column;
        border: none;
    }
    .speaker-list{
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }
}
@media only screen and (max-width: 450px){
    .main-banner-wrap{
        margin: 10vh 0 5vh !important;
        border-radius: 0 !important;
    }
    #tnb .inner, #container_wr, #ft_w, #ft_wr{
        padding: 0;
    }
    .speaker-card{
        flex-direction: column;
        height: 100%;
        max-height: unset;
    }
    
}
@media only screen and (max-width: 425px) {
    .rd-image img {
        height: 390px;
        width: 400px;
    }
    .gallery-container {
        margin: 20px 0;
    }
    .interest-checkboxes {
        flex-direction: column;
    }
    .profile-image  {
        width: 90px;
        height: 90px;
    }
    .schedule-table {
        font-size: 16px;
    }
    .detail-row .content {
        font-size: 17px;
        margin-top: 10px;
        padding: 10px;
    }
    .detail-row {
        flex-direction: column;
        align-items: unset !important;
    }
    .subway-info th:first-child, .subway-info td:first-child {
        width: 31%;
    }
    .innovation-nav {
        gap: 20px;
    }
    .innovation-nav > * {
        flex: 0 0 calc(50% - 3vh);
    }

    .innovation-nav__tile {
        height: 170px;
    }
    .main-text-content{
        margin: 10vh 0 0 0;
    }
    .main-slide-content h4 {
        font-size: 18px;
    }
    #ft_wr{
        gap: 21px;
        display: flex;
        flex-direction: column;
    }
    .ft_info {
        font-size: 14px;
    }
    #ft_copy {
        padding: 0;
        font-size: 12px;
    }
    #ft_wr {
        max-width: 370px;
    }
    #container {
        padding: 30px 10px;
    }
    .greetings-title {
        font-size: 22px;
    }
    .quotation-img {
        height: 23px;
    }

    .greetings-content {
        line-height: 1.5;
        font-size: 17px;
    }
    .greetings-name {
        font-size: 18px;
        display: flex;
        flex-direction: column;
    }
    .subpage-title {
        font-size: 23px;
        display: flex;
        flex-direction: column;
    }
    .name-normal {
        font-size: 17px;
    }
    .organization-chart {
        padding: 0;
    }
    .chart-layout {
        gap: 40px;
    }
    .org-box {
        padding: 20px;
}
.box-content h3 {
    font-size: 19px;
}
.task-box {
    padding: 15px 5px;
}
.industry-list li {
    font-size: 16px;
}
.industry-description {
    font-size: 16.4px;
}
.connection-line {
    width: 12.5%;
    left: 44%;
}
.bus-info th:first-child, .bus-info td:first-child {
    font-size: 18px;
    width: 40%;
}
.admin-buttons button {
    font-size: 13px;
}

 .btn-add-speaker {

    font-size: 15px;
}
.modal-content {
    left: 5%;
}
#bo_list .td_name{
    width: 64px;
}
#bo_list .td_num2 {
    width: 26px;
}
#bo_list .td_num1 {
    width: 26px;
}
#bo_list .td_datetime_news{
    width: 78px;
}
#bo_list .td_num_news {
    width: 33px;
}
#bo_list .td_name_news{
    width: 49px;
}

.rd_p {
    font-size: 19px;
}

}
@media only screen and (max-width: 375px) {
    .schedule-table {
        font-size: 14px;
    }
    .detail-row .label {
        width: 107px;
    }
    .detail-row .content {
        font-size: 14px;
    }
    .subway-info th:first-child, .subway-info td:first-child {
        width: 41%;
    }
    .address {
        font-size: 17px;
    }
    .transportation-info td {
        padding: 13px;
    }
    #hd, #wrapper, #ft {
        min-width: none;
    }
    .bus-info th:first-child, .bus-info td:first-child{
        width: 52%;
    }
    .ft_info {
        font-size: 16px;
    }
    .main-slide-content h4 {
        font-size: 19px;
    }
    .innovation-nav {
        gap: 12px;
    }
    .innovation-nav > * {
        flex: 0 0 calc(50% - 2vh);
    }
    .innovation-nav__tile {
        height: 150px;
    }
    #tnb .inner, #container_wr, #ft_w, #ft_wr {
        padding: 0 !important;
    }
    #ft_copy {
        font-size: 12px;
    }
    .greetings-name {
        font-size: 17px;
    }
    .greetings-title {
        font-size: 24px;
    }
    .greetings-content{
        font-size: 16.5px
    }
    #container {
        padding: 40px 20px;
        border-radius: 0;
    }
    .organization-chart {
        padding: 0 20px;
    }
    .box-content h3 {
        font-size: 17px;
    }
    .org-box {
        padding: 16px;
    }
    .industry-list li {
        font-size: 15px;
    }
    .industry-list li:before {
        width: 18px;
        height: 18px;
    }
    .industry-list li:after {
        width: 8px;
        height: 8px;
    }
    .task-box span {
        font-size: 14px;
    }
    .connection-line {
        width: 14.5%;
        left: 43%;
    }
    .subpage-title {
        font-size: 23px;
    }
    .admin-buttons button {
        font-size: 13px;
    }
    .admin-buttons {
        gap: 5px;
        flex-direction: column;
    }
    /* .btn-add-speaker {
        position: absolute;
        top: -46px;
        right: 3px;
        font-size: 17px;
    } */
    .modal-content {
        left: 6%;
        width: 87%;
    }
    .tbl_head01 {
        font-size: 14px;
    }
    #bo_list .td_num2 {
        width: 24px;
    }

    #bo_list .td_num {
        width: 24px;
    }
    #bo_list .td_name{
        width: 60px;
    }
    #bo_list .td_datetime{
        width: 41px;
    }
    #bo_list .td_datetime_news{
        width: 72px;
    }
    #bo_list .td_num_news {
        width: 32px;
    }
    #bo_list .td_name_news{
        width: 46px;
    }
    .rd-image img {
        height: 390px;
        width: 330px;
    }
    .rd_p {
        font-size: 17px;
    }
}

@media only screen and (max-width: 320px) {
    .modal-content {
        left: 5%;
    }
    /* .btn-add-speaker {
        position: absolute;
        top: -38px;
        right: 5px;
        font-size: 15px;
    } */
    .profile-image {
        width: 70px;
        height: 70px;
    }
    .speaker-list
    .category-description {
        margin-left: 0;
    }
    .subpage-title {
        display: flex;
        flex-direction: column;
        font-size: 20px;
    }
    .schedule-table {
        font-size: 11px;
    }
    .forum-title {
        font-size: 21px;
    }
    .detail-row .label {
        width: 97px;
        font-size: 16px;
    }
    .bus-info th:first-child, .bus-info td:first-child{
        width: 57%;
        font-size: 15px;
    }
    .location-wrapper {
        padding: 10px;
    }
    .bus-info th:last-child, .bus-info td:last-child {
        font-size: 13px;
    }
    #ft_link {
        font-size: 12px;
    }

    #ft_copy {
        font-size: 11px;
    }
    #hd, #wrapper, #ft {
        min-width: 320px;
    }
    .innovation-nav {
        gap: 3vh;
    }
    .innovation-nav > * {
        flex: 0 0 calc(50% - 2vh);
    }
    .main-slide-content h4 {
        font-size: 18px;
    }
    .main-slide-content h2 {
        font-size: 34px;
    }
    .innovation-nav__tile img {
        width: 48px;
        height: 48px;
    }
    .innovation-nav__tile {
        height: 130px;
    }
    .ft_info {
        font-size: 14px;
    }
    #container {
        padding: 30px 10px;
    }
    .greetings-content {
        font-size: 16px;
    }
    .organization-chart {
        padding: 0;
    }
    .box-content h3 {
        font-size: 14px;
    }
    .org-box {
        padding: 11px;
    }
    .greetings-title {
        font-size: 21px;
    }
    .connection-line {
        top: -8px;
    }
    .organization-industry-chart{
        padding: 0;
    }
    .subpage-title {
        font-size: 23px;
    }
    .subpage-title {
        font-size: 23px;
    }
    .subway-info th:last-child, .subway-info td:last-child{
        font-size: 16px;
    }
    .subway-info th:first-child, .subway-info td:first-child{
        font-size: 16px;
    }
    .tbl_head01 {
        font-size: 13px;
    }
    #bo_list .td_num2 {
        width: 22px;
    }

    #bo_list .td_num {
        width: 22px;
    }
    #bo_list .td_name{
        width: 55px;
    }
    #bo_list .td_datetime{
        width: 39px;
    }

    #bo_list .td_datetime_news{
        width: 67px;
    }
    #bo_list .td_num_news {
        width: 30px;
    }
    #bo_list .td_name_news{
        width: 43px;
    }
    .rd-buttons {
        font-size: 10px;
    }
    .btn-download, .btn-submit {
        padding: 12px 14px;
        font-size: 13px;
    }
    .rd-image img {
        height: 330px;
        width: 290px;
    }
    .rd_p {
        font-size: 16px;
    }

}