/*# sourceURL=./src/css/responsive.css */
/*@ sourceURL=./src/css/responsive.css */
/*@ sourceURL=../../src/css/responsive.css */
@media screen and (max-width:1400px) {}

/* End */
@media screen and (max-width:1200px) {
    .btns .btn-right .btn-blue {
        padding: 30px 50px;
        font-size: 40px;
    }

    .btns .btn-left .btn-pink {
        padding: 30px 50px;
        font-size: 40px;
    }

    .main-section .main-visual .container .wrapper .visual-box {
        padding: 20px 85px;
    }
    .poster li {
        width:33.33333%;
    }
    
    .history2024 .left{
        width:30%;
    }
    .history2024 .mid {
        width:70%;
    }
    .history2024 .right {
        width:100%;
        margin-top:40px;
    }
}

/* End */

@media screen and (max-width:1023px) {
    .main-section .main-visual .container .wrapper .visual-box img {
        max-width: 300px;
    }
    .overview-table .ov-left {
        width:100%;
    }
    .overview-table .ov-left .img {
        max-width:400px;
        margin:0px auto;
    }
    .overview-table .ov-right {
        width:100%;
        padding-left:0;
        margin-top:40px;
    }
    
    .basic_ul > li {
        font-size:16px;
    }
    .years {
        flex-direction: column;
    }
    .years .years-lt {
        width:100%;
        margin-bottom:30px;
    }
    .years .years-rt {
        width:100%;
    }
    
    .both .container .right a,
    .both .container .left a  {
        padding:10px 0px;
    }
}

/* End */
@media screen and (max-width:960px) {
    .btns .inner {
        flex-direction: column;
    }
    .btns .btn-left {
        width: 100%;
    }

    .btns .btn-right {
        width: 100%;
        border-left: none;
    }
    .main-section .main-visual {
        background: url("./img/main/main-bg-mo.jpg") no-repeat center bottom / cover #354c9a;
        padding-bottom: 195%;
    }

    .main-section .main-visual .container .wrapper .visual-box {
        width: calc(100% - 50px);
        transform: translate(-50%, -50%);
        left:50%;
        top: 40%;
    }

    .bar03 {
        top:15%;
        width:150px;
    }
    .round01 {
        top:15%;
        right:30%;
        height:105px;
        width:105px;
    }
    .cyber {
        width:363px;
        height:82px;
        bottom:10%;
    }
    .slog {
        top: 14vw;
        height: 16vw;
        width: 70vw;
        left: 0%;
    }
    .main-section .main-visual .container .wrapper .visual-box img {
        max-width: 380px;
        width: 100%;
    }

    .main-section .main-visual .main-bg {
        display: none;
    }
   
    .eff {
        position: absolute;
        z-index: 10;
        height: auto;
        top: unset;
        bottom: 9%;
        display:block;
        right: -27.5% !important;
        transform: translateY(0);
        width: 118vw;
        max-width: unset;
    }
    .blink-light1 {
        right:0;
    }
    
    .blink-light2 {
        right:0;
    }
    .blink-light3 {
        right:0;
    }
    .blink-light4 {
        right:0;
    }
    .blink-light5 {
        right:0;
    }
    .blink-light6 {
        right:0;
    }
    .blink-light7 {
        right:0;
    }
    .blink-light8 {
        right:0;
    }
    .blink-light9 {
        right:0;
    }
    .blink-light10 {
        right:0;
    }
    .blink-light11 {
        right:0;
    }

    .main-section .main-visual .main-bg-mo {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        top: 0;
        z-index: 1;
    }
    
    .poster li {
        width:50%;
    } 
    .security .security-lt {
        width:100px;
    }
    .security .security-rt {
        width:calc(100% - 100px);
    }
    .security .security-rt p {
        font-size:20px;
    }
    .detail_program .tbl_wrap table tr th {
        font-size:18px;
    }
    .detail_program .tbl_wrap table tr td {
        font-size:16px;
    }
    .detail_program .tbl_wrap table tr td.time {
        min-width:126px !important;
        padding:12px 6px;
    }
}

/* End */

@media screen and (max-width:767px) {

    html,
    body {
        font-size: 14px;
    }

    .iframe {
        height:3600px;
    }
    .basic_ul > li {
        font-size:14px;
    }
    .footer .wrapper {
        flex-direction: column;
    }

    .footer .txt {
        margin-top: 30px;
    }

    .footer .txt p {
        line-height: 1.4;
        padding: 3px 0px;
    }


    .speaker .speaker-slider {
        margin: 0px 30px;
        width: calc(100% - 60px);
    }

    .speaker .speaker-slider .speaker-button-next {
        width: 26px;
        cursor: pointer;
        right: 0px;
        background-size: contain;
        height: 35px;
    }

    .speaker .speaker-slider .speaker-button-prev {
        left: 0px;
        width: 26px;
        cursor: pointer;
        background-size: contain;
        height: 35px;
    }


    .cyber {
        width:50vw;
        height:20vw;
    }
    
    
    
    .overview-table .ov-left .img {
        max-width:350px;
    }

    .hotel .ht-left {
        padding-right:10px;
    }
    .hotel .ht-right {
        padding-left:10px;
    }
    .security .security-lt {
        width:80px;
    }
    .security .security-lt img {
        max-width:60px;
    }
    .security .security-rt {
        width:calc(100% - 80px);
    }
    .security .security-rt p {
        font-size:18px;
    }
    .security .security-rt p br {
        display:none;
    }
    .detail_program .title {
        font-size:20px;
        padding:10px 20px;
        flex-direction: column;
        text-align: center;
    }
    .detail_program .title em {
        margin-top:10px;
    }
    .detail_program .tbl_wrap table tr td p.person {
        flex-wrap:wrap;
    }
    .detail_program .tbl_wrap table tr td p.person span {
        display:block;
        width:100%;
        padding-left:0px;
        margin-top:5px;
    }
}

/* End */
@media screen and (max-width:640px) {
    .main-section .main-visual .container .wrapper .visual-box {
        padding: 20px 20px;
        top: 50%;
        border-radius:30px 30px 0px 30px;
    }
    .main-section .main-visual .container .wrapper .visual-box img {
        max-width:80%;
    }

    .btns .btn-left .btn-pink {
        font-size: 30px;
        padding: 25px 35px;
    }

    .btns .btn-right .btn-blue {
        font-size: 30px;
        padding: 25px 35px;
    }

    .btns div h3 span {
        font-size: 20px !important;
    }

    .btns div h3 p {
        font-size: 30px !important;
    }
    
    .overview-table .ov-right ul li {
        flex-direction: column;
    }
    .overview-table .ov-right ul li span{
        width:100%;
    }
    .overview-table .ov-right ul li p {
        width:100%;
    }
    
    .overview-table .ov-left .img {
        max-width:100%;
    }
    .overview-table .ov-right ul li span.ov05 {
        min-height:auto;
    }
    .hotel .ht-left {
        width:100%;
        padding:0px;
    }
    .hotel .ht-right {
        width:100%;
        padding:0px;
        margin-top:20px;
    }
    .hotel .img {
        text-align: center;
    }
    .hotel .img img {
        width:100%;
    }
    .security .security-lt {
        width: 100%;
    }
    .security .security-rt {
        width:100%;
        padding-left:10px;
    }
    .security .security-rt p {
        font-size:16px;
        text-align: center;
    }
    .years strong {
        padding-left:0px;
        width:100%;
    }
    .years dl {
        padding-left:0px;
        width:100%;
    }
    .years strong::after {
        left:0px;
    }
    .years strong::before {
        display:none;
    }
    .years-rt::before, .years-lt::before {
        display:none;
    }
    
    
    .slog {
        top: 20vw;
    }
    
    .detail_program .prog_rt {
        padding:20px;
    }
    .detail_program dl {
        padding:0 20px;
    }
    .detail_program dl dd {
        padding-left:10px;
    }
    
    .person-ul li.b-item p span {
        font-size:16px;
    }
    .person-ul li.b-item p em {
        font-size:14px;
        line-height:1.4;
    }
    
    .history2024 .left{
        width:100%;
    }
    .history2024 .mid {
        width:100%;
        margin-top:40px;
        padding:0px;
    }
    .history2024 .right {
        width:100%;
        margin-top:40px;
    }
    .both .container .left a,
    .both .container .right a {
        font-size:18px;
    }
}

@media screen and (max-width:550px) {
    
    .poster li {
        width:100%;
    } 
    .poster li a .img img {
        width:100%;
    }
    .iscr-logo {
        margin-top:30px;
    }
    .iscr-logo::before {
        height:30px;
        background-size: auto 30px;
        top: -30px;
    }
    .iscr-table {
        background-size: auto 30px;
        top: -30px;
        padding-top:30px;
    }
    .overview-table .ov-right {
        padding-top:30px;
        background-size:auto 30px;
    }

    .slog {
        top: 20vw;
    }
    
    .detail_program .tbl_wrap table tr th {
        font-size:16px;
    }
    .detail_program .tbl_wrap table tr td {
        font-size:14px;
        padding:12px 5px !important;
    }
    
    .detail_program .tbl_wrap table tr td.time {
        min-width:100px !important;
        padding:12px 5px !important;
    }
    .btns .btn-right,
    .btns .btn-left {
        padding:80px 15px;
    }
}

@media screen and (max-width:450px) {

    .btns .btn-right .btn-blue,
    .btns .btn-left .btn-pink {
        font-size: 26px;
    }
    
    .mo-none {
        display:none;
    }
    .years dl dd {
        width:100%;
        padding-left:0px;
    }
    .years dl dd p {
        font-size:16px;
    }
    .detail_program .tbl_wrap {
        overflow-x:auto;
    }
    .detail_program .tbl_wrap table {
        min-width:450px !important;
    }
    .detail_program dl dt {
        width: 70px;
        padding: 5px 10px; 
        font-size:14px;
        height: 30px;
    }
    .detail_program dl dd {
        width:calc(100% - 70px);
        font-size:14px;
        height: 30px;
    }

    .detail_program dl dt span {
        font-size:14px;
    }
    .iscr-logo::before {
        height:30px;
        background-size: auto 30px;
        top: -30px;
    }
    .board-view.iscr-logo::before {
        height:50px;
        background-size:auto 50px;
        top:-50px;
    }

}
@media screen and (max-width:360px) {
    
    .slog {
        height: 13vw;
        max-width: 50vw;
    }
    .detail_program dl dd {
        width:100%;
        height:auto;
    }
}
/* End */