/* ==================================================================================
    반응형 스타일 - 공통
================================================================================== */

/* 1400px */
@media screen and (max-width: 1400px) {

    /* ==================================================================================
        메인배너 - main-banner-area
    ================================================================================== */
    .main-banner-area .swiper-slide .inner-wrap {
        height: 540px;
    }

    /* title-area */
    .main-banner-area .title-area {
        gap: 32px;

        top: 92px;
    }
    .main-banner-area .title-area h1 {
        gap: 20px;
    }
    .main-banner-area .title-area h1 small {
        font-size: 32px;
    }
    .main-banner-area .title-area h1 strong {
        font-size: 82px;
    }

    .main-banner-area .title-area .info .date {
        font-size: 28px;
    }
    .main-banner-area .title-area .info .place {
        font-size: 28px;
    }

    /* banner01 */
    .main-banner-area .swiper-slide.banner01 .title-area {
        top: 110px;
    }
    .main-banner-area .swiper-slide.banner01 .title-area img {
        height: 200px;
    }

    /* quick-area */
    .quick-area li a {
        gap: 12px;

        height: 100px;
    }
    .quick-area li a .feather {
        width: 32px;
        height: 32px;
    }
    .quick-area li a span {
        font-size: 24px;
        font-weight: 800;
    }

    /* ==================================================================================
        col1 - 주최/주관, 공지사항
    ================================================================================== */
    #container .col1 {
        padding: 44px 0;
    }

    /* hosts-area */
    #container .col1 .inner-wrap .hosts-area h3 {
        font-size: 22px;
    }

    /* notice-area */
    #container .col1 .inner-wrap .notice-area h3 strong {
        font-size: 22px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li {
        padding: 20px 12px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > a {
        font-size: 16px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > .date {
        text-align: right;
        font-size: 15px;
    }

    /* ==================================================================================
        col2 - AISFC 2025 SPEAKERS
    ================================================================================== */
    #container .col2 .inner-wrap {
        min-height: unset;
        padding: 64px 24px;
    }
    #container .col2 .inner-wrap .speaker-area {
        gap: 44px;
    }
    #container .col2 .inner-wrap h3 {
        font-size: 36px;
    }
    #container .col2 .inner-wrap ul {
        gap: 24px 2%;
    }
    #container .col2 .inner-wrap ul li {
        flex: 1 1 23.5%;
    }
    #container .col2 .inner-wrap ul li a {
        gap: 7px;

        padding: 12px 12px 16px;
    }
    #container .col2 .inner-wrap ul li a img {
        max-width: 100%;
    }
    #container .col2 .inner-wrap ul li a .info {
        gap: 0;

        padding-top: 5px;
    }
    #container .col2 .inner-wrap ul li a .info .name {
        gap: 10px;
    }
    #container .col2 .inner-wrap ul li a .info .name b {
        font-size: 22px;
    }
    #container .col2 .inner-wrap ul li a .info .name small {
        font-size: 18px;
    }
    #container .col2 .inner-wrap ul li a .info .organ {
        font-size: 15px;
    }
    /*layer-popup-area*/
    .layer-popup-area.pop1 {
        top: -500px;
        z-index: 1;
    }
}


/* 1300px */
@media screen and (max-width: 1300px) {

    /* ==================================================================================
        메인배너 - main-banner-area
    ================================================================================== */
    .main-banner-area .swiper-slide .inner-wrap {
        height: 500px;
    }

    /* title-area */
    .main-banner-area .title-area {
        gap: 32px;

        top: 80px;
    }
    .main-banner-area .title-area h1 {
        gap: 16px;
    }

    /* banner01 */
    .main-banner-area .swiper-slide.banner01 .title-area {
        top: 110px;
    }
    .main-banner-area .swiper-slide.banner01 .title-area img {
        height: 180px;
    }

    /* quick-area */
    .quick-area li a .feather {
        width: 28px;
        height: 28px;
    }
    .quick-area li a span {
        font-size: 22px;
    }

    /* ==================================================================================
        col1 - 주최/주관, 공지사항
    ================================================================================== */
    /* hosts-area */
    #container .col1 .inner-wrap .hosts-area {
        gap: 32px;
    }
    #container .col1 .inner-wrap .hosts-area .host {
        gap: 16px;
    }
    #container .col1 .inner-wrap .hosts-area ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 2px 5%;
    }
    #container .col1 .inner-wrap .hosts-area ul li {
        flex: 1 1 30%;
    }
    #container .col1 .inner-wrap .hosts-area ul li img {
        max-width: 100%;
    }

    /* notice-area */
    #container .col1 .inner-wrap .notice-area h3 strong {
        font-size: 20px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li {
        padding: 14px 12px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > a {
        font-size: 15px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > .date {
        font-size: 14px;
    }

    /*layer-popup-area*/
    .layer-popup-area.pop1 {
        top: -450px;
    }

}


/* 1200px */
@media screen and (max-width: 1200px) {

    /* ==================================================================================
        메인배너 - main-banner-area
    ================================================================================== */
    .main-banner-area .swiper-slide .inner-wrap {
        height: 460px;
    }

    /* title-area */
    .main-banner-area .title-area {
        gap: 24px;

        top: 70px;
    }
    .main-banner-area .title-area h1 {
        gap: 12px;
    }
    .main-banner-area .title-area h1 small {
        font-size: 28px;
    }
    .main-banner-area .title-area h1 strong {
        font-size: 72px;
    }
    .main-banner-area .title-area .info .date {
        font-size: 26px;
    }
    .main-banner-area .title-area .info .place {
        font-size: 26px;
    }

    /* banner01 */
    .main-banner-area .swiper-slide.banner01 .title-area {
        top: 100px;
    }
    .main-banner-area .swiper-slide.banner01 .title-area img {
        height: 160px;
    }

    /* quick-area */
    .quick-area li a .feather {
        width: 24px;
        height: 24px;
    }
    .quick-area li a span {
        font-size: 20px;
    }

}


/* 1100px */
@media screen and (max-width: 1100px) {

    /* ==================================================================================
        메인배너 - main-banner-area
    ================================================================================== */
    .main-banner-area .swiper-slide .inner-wrap {
        height: 380px;
    }

    /* title-area */
    .main-banner-area .title-area {
        gap: 16px;

        top: 70px;
    }
    .main-banner-area .title-area h1 {
        gap: 7px;
    }
    .main-banner-area .title-area h1 small {
        font-size: 21px;
    }
    .main-banner-area .title-area h1 strong {
        font-size: 64px;
    }
    .main-banner-area .title-area .info .date {
        font-size: 21px;
    }
    .main-banner-area .title-area .info .place {
        font-size: 21px;
    }

    /* banner01 */
    .main-banner-area .swiper-slide.banner01 .title-area {
        top: 80px;
    }
    .main-banner-area .swiper-slide.banner01 .title-area img {
        height: 150px;
    }

    /* quick-area */
    .quick-area li a {
        gap: 12px;

        height: 80px;
    }
    .quick-area li a .feather {
        width: 21px;
        height: 21px;
    }
    .quick-area li a span {
        font-size: 18px;
    }

    /* ==================================================================================
        col1 - 주최/주관, 공지사항
    ================================================================================== */
    /* hosts-area */
    #container .col1 .inner-wrap .hosts-area {
        gap: 24px;
    }
    #container .col1 .inner-wrap .hosts-area .host {
        gap: 12px;
    }
    #container .col1 .inner-wrap .hosts-area h3 {
        font-size: 19px;
    }
    #container .col1 .inner-wrap .hosts-area ul {
        gap: 4px 5%;
    }
    #container .col1 .inner-wrap .hosts-area ul li {
        flex: 1 1 45%;
    }

    /* notice-area */
    #container .col1 .inner-wrap .notice-area h3 strong {
        font-size: 19px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 7px;
        padding: 14px 12px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > a {
        padding: 0;
        font-size: 15px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > .date {
        flex: unset;
        font-size: 13px;
        color: #767676;
    }

    /* ==================================================================================
        col2 - AISFC 2025 SPEAKERS
    ================================================================================== */
    #container .col2 .inner-wrap ul li a .info .name b {
        font-size: 19px;
    }
    #container .col2 .inner-wrap ul li a .info .name small {
        font-size: 16px;
    }
    #container .col2 .inner-wrap ul li a .info .organ {
        font-size: 14px;
    }

    /*layer-popup-area*/
    .layer-popup-area.pop1 {
        top: -380px;
    }

}


/* ==================================================================================
    반응형 스타일 - 모바일 메뉴
================================================================================== */
/* 960px - 모바일 메뉴 시작 */
@media screen and (max-width: 960px) {

    /*******************
        hidden
     *******************/
    .visible-xs {
        display: block !important;
    }
    .hidden-xs {
        display: none !important;
    }

    /* ==================================================================================
        메인배너 - main-banner-area
    ================================================================================== */
    .main-banner-area .swiper-slide .inner-wrap {
        height: 300px;
    }

    /* title-area */
    .main-banner-area .title-area {
        gap: 16px;

        top: 44px;
    }
    .main-banner-area .title-area h1 {
        gap: 4px;
    }
    .main-banner-area .title-area h1 small {
        font-size: 17px;
    }
    .main-banner-area .title-area h1 strong {
        font-size: 48px;
    }
    .main-banner-area .title-area .info .date {
        font-size: 19px;
    }
    .main-banner-area .title-area .info .place {
        font-size: 19px;
    }

    /* banner01 */
    .main-banner-area .swiper-slide.banner01 .title-area {
        top: 54px;
    }
    .main-banner-area .swiper-slide.banner01 .title-area img {
        height: 120px;
    }

    /* quick-area */
    .quick-area {
        padding: 0 16px;
    }

    /* ==================================================================================
        col1 - 주최/주관, 공지사항
    ================================================================================== */
    #container .col1 {
        padding: 44px 0;
        background: url(/2025/images/bg/bg_circuit.png) center bottom no-repeat;

    }
    #container .col1 .inner-wrap {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 44px;
    }

    /* hosts-area */
    #container .col1 .inner-wrap .hosts-area {
        flex: unset;
        gap: 24px;
        width: 100%;
    }
    #container .col1 .inner-wrap .hosts-area .host {
        justify-content: center;
        align-items: center;
        gap: 16px;
        width: 100%;
        z-index: -1;
    }
    #container .col1 .inner-wrap .hosts-area h3 {
        font-size: 21px;
    }
    #container .col1 .inner-wrap .hosts-area ul {
        gap: 7px 5%;
    }
    #container .col1 .inner-wrap .hosts-area ul li {
        flex: 1 1 30%;
        text-align: center;
    }

    /* notice-area */
    #container .col1 .inner-wrap .notice-area {
        flex: unset;

        width: 100%;
        padding-left: 0;
    }
    #container .col1 .inner-wrap .notice-area h3 strong {
        font-size: 21px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li {
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 0;

        width: 100%;
        padding: 16px 12px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li:last-child {
        border-bottom: 2px solid #000;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > a {
        padding-right: 20px;
        font-size: 16px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > .date {
        flex: 0 0 90px;
        font-size: 15px;
    }

    /* ==================================================================================
        col2 - AISFC 2025 SPEAKERS
    ================================================================================== */
    #container .col2 .inner-wrap ul {
        gap: 24px 4%;
    }
    #container .col2 .inner-wrap ul li {
        flex: 1 1 48%;
    }

    /*layer-popup-area*/
    .layer-popup-area.pop1 {
        top: -280px;
        right: 50%;
        transform: translate( 50%, 0%);
        width: 90%;
    }

}

/* phone ~ 768px */
@media screen and (max-width: 768px) {

    /* ==================================================================================
        메인배너 - main-banner-area
    ================================================================================== */
    .main-banner-area .swiper-slide .inner-wrap {
        height: 360px;
    }

    /* title-area */
    .main-banner-area .title-area {
        gap: 16px;

        top: 54px;
    }
    .main-banner-area .title-area h1 {
        gap: 7px;
    }
    .main-banner-area .title-area h1 small {
        font-size: 17px;
    }
    .main-banner-area .title-area h1 strong {
        font-size: 42px;
    }
    .main-banner-area .title-area .info .date {
        font-size: 19px;
    }
    .main-banner-area .title-area .info .place {
        font-size: 19px;
    }

    /* banner01 */
    .main-banner-area .swiper-slide.banner01 .title-area {
        top: 54px;
    }
    .main-banner-area .swiper-slide.banner01 .title-area img {
        height: 80px;
    }
    .main-banner-area .swiper-slide.banner01 {
        background: #8c9dd4 url(/2025/images/main/bg_main_banner_01.jpg?v=20251119) right top no-repeat;
        background-size: cover;
    }

    /* banner-default */
    .main-banner-area .swiper-slide.banner-default {
        background: #8c9dd4 url(/2025/images/main/bg_main_banner_default.jpg?v=20251119) 35% top no-repeat;
        background-size: cover;
    }

    /* quick-area */
    .quick-area {
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 5px 1%;

        bottom: 12px;
        padding: 0 12px;
    }
    .quick-area li {
        flex: 1 1 49%;
    }
    .quick-area li a {
        gap: 12px;

        height: 50px;
    }
    .quick-area li a .feather {
        width: 18px;
        height: 18px;
    }
    .quick-area li a span {
        font-size: 17px;
    }

    /* ==================================================================================
        col1 - 주최/주관, 공지사항
    ================================================================================== */
    #container .col1 {
        padding: 44px 0;
        background: url(/2025/images/bg/bg_circuit.png) center bottom no-repeat;
    }
    #container .col1 .inner-wrap {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 44px;
    }

    /* hosts-area */
    #container .col1 .inner-wrap .hosts-area {
        flex: unset;
        gap: 24px;

        width: 100%;
    }
    #container .col1 .inner-wrap .hosts-area .host {
        justify-content: center;
        align-items: center;
        gap: 16px;

        width: 100%;
        z-index: -1;
    }
    #container .col1 .inner-wrap .hosts-area h3 {
        font-size: 21px;
    }
    #container .col1 .inner-wrap .hosts-area ul {
        gap: 7px 5%;
    }
    #container .col1 .inner-wrap .hosts-area ul li {
        flex: 1 1 30%;
        text-align: center;
    }

    /* notice-area */
    #container .col1 .inner-wrap .notice-area {
        flex: unset;

        width: 100%;
        padding-left: 0;
    }
    #container .col1 .inner-wrap .notice-area h3 strong {
        font-size: 21px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li {
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 0;

        width: 100%;
        padding: 16px 12px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li:last-child {
        border-bottom: 2px solid #000;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > a {
        padding-right: 20px;
        font-size: 16px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > .date {
        flex: 0 0 90px;
        font-size: 15px;
    }

    /* ==================================================================================
        col2 - AISFC 2025 SPEAKERS
    ================================================================================== */
    #container .col2 .inner-wrap ul {
        justify-content: flex-start;
        gap: 24px 4%;
    }
    #container .col2 .inner-wrap ul li {
        flex: 1 1 48%;
    }

}

/* phone ~ 640px */
@media screen and (max-width: 640px) {

    /* ==================================================================================
        메인배너 - main-banner-area
    ================================================================================== */
    /* banner01 */
    .main-banner-area .swiper-slide.banner01 .title-area img {
        height: 64px;
    }
    .main-banner-area .swiper-slide.banner01 {
        background: #8c9dd4 url(/2025/images/main/bg_main_banner_01.jpg?v=20251119) 90% top no-repeat;
        background-size: cover;
    }

    /* banner-default */
    .main-banner-area .swiper-slide.banner-default {
        background: #8c9dd4 url(/2025/images/main/bg_main_banner_default.jpg?v=20251119) 40% top no-repeat;
        background-size: cover;
    }

    /* ==================================================================================
        col1 - 주최/주관, 공지사항
    ================================================================================== */
    #container .col1 .inner-wrap .hosts-area ul {
        gap: 7px 8%;
    }
    #container .col1 .inner-wrap .hosts-area ul li {
        flex: 1 1 46%;
    }

    /* notice-area */
    #container .col1 .inner-wrap .notice-area h3 {
        height: 44px;
        padding: 0 7px 0 12px;
    }
    #container .col1 .inner-wrap .notice-area h3 strong {
        font-size: 18px;
    }
    #container .col1 .inner-wrap .notice-area h3 a .feather {
        width: 26px;
        height: 26px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 7px;
        padding: 14px 12px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > a {
        padding: 0;
        font-size: 15px;
    }
    #container .col1 .inner-wrap .notice-area .notice-list > li > .date {
        flex: unset;
        font-size: 13px;
        color: #767676;
    }

    /* ==================================================================================
        col2 - AISFC 2025 SPEAKERS
    ================================================================================== */
    #container .col2 .inner-wrap {
        padding: 44px 16px;
    }
    #container .col2 .inner-wrap .speaker-area {
        gap: 24px;
    }
    #container .col2 .inner-wrap h3 {
        text-align: center;
        font-size: 30px;
    }



}

/* phone ~ 480px */
@media screen and (max-width: 480px) {

    /* ==================================================================================
        메인배너 - main-banner-area
    ================================================================================== */
    /* banner01 */
    .main-banner-area .swiper-slide.banner01 .title-area img {
        height: 64px;
    }
    .main-banner-area .swiper-slide.banner01 {
        background: #8c9dd4 url(/2025/images/main/bg_main_banner_01.jpg?v=20251119) 84% top no-repeat;
        background-size: cover;
    }

    /* banner-default */
    .main-banner-area .swiper-slide.banner-default .title-area h1 strong {
        font-size: 36px;
    }
    .main-banner-area .swiper-slide.banner-default .title-area .info .date,.main-banner-area .swiper-slide.banner-default .title-area .info .place {
        font-size: 17px;
    }
    .main-banner-area .swiper-slide.banner-default {
        background: #8c9dd4 url(/2025/images/main/bg_main_banner_default.jpg?v=20251119) 40% top no-repeat;
        background-size: cover;
    }

    /* ==================================================================================
        col1 - 주최/주관, 공지사항
    ================================================================================== */
    #container .col1 .inner-wrap .hosts-area .host {
        gap: 6px;
    }

    /* ==================================================================================
        col2 - AISFC 2025 SPEAKERS
    ================================================================================== */
    #container .col2 .inner-wrap .speaker-area {
        gap: 32px;
    }
    #container .col2 .inner-wrap h3 {
        font-size: 26px;
    }
    #container .col2 .inner-wrap ul li a .info .name b {
        font-size: 17px;
    }
    #container .col2 .inner-wrap ul li a .info .name small {
        font-size: 14px;
    }
    #container .col2 .inner-wrap ul li a .info .organ {
        font-size: 13px;
    }

}

/* phone ~ 420px */
@media screen and (max-width: 420px) {

    /* ==================================================================================
        메인배너 - main-banner-area
    ================================================================================== */
    /* banner01 */
    .main-banner-area .swiper-slide.banner01 .title-area img {
        height: 54px;
    }
    .main-banner-area .swiper-slide.banner01 {
        background: #8c9dd4 url(/2025/images/main/bg_main_banner_01.jpg?v=20251119) 84% top no-repeat;
        background-size: cover;
    }

    /* banner-default */
    .main-banner-area .swiper-slide.banner-default .title-area h1 strong {
        font-size: 32px;
    }
    .main-banner-area .swiper-slide.banner-default .title-area .info .date,.main-banner-area .swiper-slide.banner-default .title-area .info .place {
        font-size: 15px;
    }
    .main-banner-area .swiper-slide.banner-default {
        background: #8c9dd4 url(/2025/images/main/bg_main_banner_default.jpg?v=20251119) 38% top no-repeat;
        background-size: cover;
    }

    /* quick-area */
    .quick-area li a {
        gap: 7px;
        height: 44px;
    }
    .quick-area li a .feather {
        width: 15px;
        height: 15px;
    }
    .quick-area li a span {
        font-size: 15px;
    }

    /* ==================================================================================
        col1 - 주최/주관, 공지사항
    ================================================================================== */
    #container .col1 {
        padding: 32px 0;
    }
    #container .col1 .inner-wrap .notice-area h3 strong {
        font-size: 17px;
    }

    /* ==================================================================================
        col2 - AISFC 2025 SPEAKERS
    ================================================================================== */
    #container .col2 .inner-wrap {
        padding: 32px 16px;
    }
    #container .col2 .inner-wrap .speaker-area {
        gap: 24px;
    }
    #container .col2 .inner-wrap h3 {
        font-size: 22px;
    }
    #container .col2 .inner-wrap ul {
        justify-content: flex-start;
        gap: 16px 0;
    }
    #container .col2 .inner-wrap ul li {
        flex: 1 1 100%;
    }
    #container .col2 .inner-wrap ul li a .info .name b {
        font-size: 17px;
    }
    #container .col2 .inner-wrap ul li a .info .name small {
        font-size: 14px;
    }
    #container .col2 .inner-wrap ul li a .info .organ {
        font-size: 13px;
    }

}

/* phone ~ 360px */
@media screen and (max-width: 360px) {

    /* ==================================================================================
        col1 - 주최/주관, 공지사항
    ================================================================================== */
    #container .col1 .inner-wrap .hosts-area ul {
        gap: 12px;
    }
    #container .col1 .inner-wrap .hosts-area ul li {
        flex: 1 1 100%;
    }

    /* ==================================================================================
        col2 - AISFC 2025 SPEAKERS
    ================================================================================== */
    #container .col2 .inner-wrap h3 {
        font-size: 19px;
    }

}