/* =============================================
   RESPONSIVE CSS
   Breakpoints
   - 1400px : 와이드 ~ 데스크탑 경계
   - 1024px : 태블릿 가로
   -  768px : 태블릿 세로
   -  480px : 모바일
============================================= */


/* ─── 1400px ─────────────────────────────── */
@media (max-width: 1400px) {
    #conference>img {
        display: none;
    }

    #conference .inner .fs-dp {
        position: relative;
    }

    #conference .inner .agenda .table-wrap h3 {
        text-align: left;
    }

    #conference .speaker-list .swiper-slide img {
        max-width: 100%;
    }

    .inner {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }

    #conference .inner .agenda .table-wrap {
        width: 700px;
    }

    #application .right-content {
        width: 600px;
    }

    #speakerPrev {
        left: -60px;
    }

    #speakerNext {
        right: -60px;
    }
}


/* ─── 1024px ─────────────────────────────── */
@media (max-width: 1024px) {

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

    /* 헤더 */
    nav .gnb {
        gap: 40px;
    }

    /* 메인 비주얼 */
    #mainVisual {
        padding-top: var(--size-150);
    }

    /* KEIC 소개 숫자 : 4열 → 2열 */
    #aboutKeic .inner .number {
        flex-wrap: wrap;
    }

    #aboutKeic .inner .number li {
        width: 50%;
        margin-bottom: 40px;
    }

    /* KEIC 소개 스토리 : 가로 → 세로 */
    #aboutKeic .inner .story {
        flex-direction: column;
    }

    #aboutKeic .inner .story .left-content {
        width: 100%;
    }

    #aboutKeic .inner .story .right-content {
        position: static;
        margin-top: 40px;
    }

    #aboutKeic .inner .story .right-content img {
        width: 100%;
    }

    /* 혜택 아이콘 : 4열 → 2열 */
    #benefit4 .inner .icon-box {
        flex-wrap: wrap;
    }

    #benefit4 .inner .icon-box li {
        flex: none;
        width: calc(50% - 10px);
    }

    /* 컨퍼런스 agenda : 세로 정렬 */
    #conference .inner .agenda {
        flex-direction: column;
        align-items: flex-start;
    }

    #conference .inner .agenda .table-wrap {
        width: 100%;
        order: 2;
    }

    #conference .inner .agenda .info-date-venue {
        flex-direction: row;
        flex-wrap: wrap;
        order: 1;
        margin-bottom: 40px;
    }

    /* 연사진 : 2개씩 */
    #speakerPrev {
        left: 0;
    }

    #speakerNext {
        right: 0;
    }

    /* 신청 폼 : 세로 정렬 */
    #application {
        flex-direction: column;
    }

    #application .left-content {
        flex: none;
    }

    #application .right-content {
        width: 100%;
        padding: 30px;
    }

    /* fix-info */
    .fix-info .inner {
        flex-wrap: wrap;
        gap: 10px;
    }
}


/* ─── 768px ──────────────────────────────── */
@media (max-width: 768px) {
    .speaker {
        display: none;
    }

    #conference .speaker-list .swiper-wrapper {
        flex-wrap: nowrap;
    }

    #footer .inner p {
        width: 100%;
    }

    #conference .speaker-list button {
        opacity: 1;
    }

    #conference .speaker-list .swiper-slide {
        width: auto;
    }

    :root {
        --size-30: 15px;
        --size-40: 20px;
        --size-50: 25px;
        --size-60: 40px;
        --size-100: 40px;
        --size-150: 80px;
        --size-200: 150px;
    }

    h3,
    .fs-h3 {
        font-size: 1.5rem;
    }

    h4,
    .fs-h4 {
        font-size: 1.125rem;
    }

    h5,
    .fs-h6 {
        font-size: 1rem;
    }

    .fs-sm {
        font-size: 0.9rem;
    }

    .fs-min {
        font-size: 0.9rem;
    }

    h2,
    .fs-dp {
        font-size: 2.5rem;
    }

    #benefit4 {
        padding-top: var(--size-150);
    }

    .logo-list li img {
        max-height: 35px;
        max-width: 85%;
        object-fit: contain;
        display: block;
        margin: auto;
    }


    #mainVisual {
        padding-top: var(--size-200);
    }

    #mainVisual .logo-list {
        width: 100vw;
        margin-left: -20px;
        background: #fff;
        padding: 30px 20px;
        box-sizing: border-box;
    }

    #mainVisual .img-box {
        margin-bottom: var(--size-40);
    }

    #header .inner h1 img {
        height: 30px;
    }

    .benefit-list li:last-of-type {
        display: block;
    }

    #aboutKeic .inner .number li {
        margin-bottom: 20px;
    }

    #aboutKeic .inner .story .left-content .logo-lg {
        height: 45px;
    }

    #application .left-content br {
        display: none;
    }

    #conference .speaker .title {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    #conference .inner .agenda .table-wrap table,
    #conference .inner .agenda .table-wrap table tbody,
    #conference .inner .agenda .table-wrap table tr,
    #conference .inner .agenda .table-wrap table tr td {
        display: block;
        text-align: left !important;
        border-bottom: 0 !important;
        padding: 0;
    }

    #conference .inner .agenda .table-wrap table tr td:first-of-type {
        padding-top: 10px;
    }

    #conference .inner .agenda .table-wrap table tr td:last-of-type {
        border-bottom: 1px solid #555 !important;
        padding-bottom: 10px;
    }

    #conference .inner .agenda .table-wrap table tr td br {
        display: none;
    }

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

    #application .right-content input[type=text],
    #application .right-content input[type=email],
    #application .right-content input[type=tel],
    #application .right-content select {
        font-size: 1rem;
        height: 45px;
        text-indent: 10px;
        box-sizing: border-box;
    }

    #application .right-content button[type=submit] {
        line-height: 60px;
    }

    .fix-info .inner .d-day .round-badge {
        padding: 0 10px;
    }

    .inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sponsor-logo .logo-list {
        gap:20px
    }
	

/*     .sponsor-logo .logo-list li{
		background:#f5f5f5;
		border:1px solid #dcdcdc;
		padding: 5px 10px;
		box-sizing:border-box;
	} */

    /* 헤더 : gnb 숨김 (햄버거 메뉴 추가 시 활성화) */
    #header {
        padding: 20px 0;
    }

    nav .gnb {
        display: none;
    }

    #conference .speaker-list button {
        height: 45px;
        width: 45px;
    }

    .sponsor-logo li img {
        height: 30px;
    }

    /* 메인 비주얼 */
    #mainVisual .info-date-venue {
        flex-direction: column;
        gap: 20px;
    }

    .logo-list {
        flex-wrap: wrap;
        gap: 20px;
    }

    .logo-list li {
        width: calc(33.333% - 14px);
    }

    /* about : 숫자 4개 → 2열 유지 */
    #aboutKeic .inner .number li {
        width: 50%;
    }

    /* benefit : 1열 */
    #benefit4 .inner .icon-box li {
        width: 100%;
    }

    /* conference 타이틀 */
    #conference .inner .fs-dp {
        position: static;
        margin-bottom: 20px;
    }

    #conference .inner .agenda {
        padding-top: 20px;
    }


    /* agenda 일정 정보 : 세로 */
    #conference .inner .agenda .info-date-venue {
        flex-direction: column;
        gap: 15px;
    }

    /* 연사진 버튼 위치 조정 */
    #speakerPrev,
    #speakerNext {
        top: auto;
        bottom: -50px;
        margin-top: 0;
    }

    #speakerPrev {
        left: calc(50% - 70px);
    }

    #speakerNext {
        right: calc(50% - 70px);
    }

    #conference .speaker-list {
        padding-bottom: 60px;
    }

    /* fix-info */
    .fix-info .inner .info {
        display: none;
    }

    .fix-info .inner .fill-btn {
        position: static;
        height: 50px;
        border-radius: 8px;
        width: calc(100% - 40px);
        justify-content: center;
    }

    .fix-info .inner {
        flex-direction: column;
        padding: 12px 0;
    }

    /* 팝업 */
    .popup-container {
        width: 90vw;
    }

    .popup-map .popup-container {
        width: 90vw;
    }

    #privacyPopup .popup-container {
        width: 90vw;
    }

    /* 개인정보 팝업 테이블 */
    .privacy-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .privacy-table thead,
    .privacy-table tbody,
    .privacy-table tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .privacy-table td:first-child {
        white-space: normal;
    }

    #footer {
        padding-bottom: 100px;
    }

    #footer .inner {
        flex-direction: column;
        gap: 20px;
    }
}


/* ─── 480px ──────────────────────────────── */
@media (max-width: 480px) {
.line-btn{
padding: 2px 7px;
}
    .fix-info .inner .fill-btn {
        height: 40px;
    }

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

    #benefit4 .inner .point-text {
        background: none;
        color: #C9A96E;
    }

    .benefit-list li:last-of-type {
        border-top: 0px;
        padding-top: 0;
    }

    #mainVisual .img-box span {
        letter-spacing: 3px;
		font-size: 18px;
    }

    /* about 숫자 : 1열 */
    #aboutKeic .inner .number li {
        width: 100%;
    }

    /* 로고 리스트 */
    .logo-list li {
        width: calc(50% - 10px);
    }

    /* 컨퍼런스 타이틀 폰트 */
    h2,
    .fs-dp {
        font-size: 2rem;
    }

    .fs-dp2 {
        font-size: 1.6rem;
    }

    /* 신청 폼 */
    #application .right-content {
        padding: 30px 20px;
    }

    .privacy-wrap .dp-f {
        flex-direction: column;
        gap: 0;
    }

    /* fix-info D-day */
    .fix-info .inner .d-day #d-day,
    .fix-info .inner .d-day #timer {
        font-size: 1em;
    }

    /* 개인정보 팝업 */
    .privacy-section-title {
        font-size: 0.82rem;
    }

    .privacy-table {
        font-size: 0.75rem;
    }

    .privacy-channel {
        padding: 10px;
    }

    .popup-body {
        padding: 20px 16px;
    }
}