/* MEDIA QUERY */

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

  .egg_subContainer{
    padding: 0 1.6rem 0;
  }

}

/* 
*
*

************************

Min 756px - Max 1046px

************************
*
*
*/
@media screen and (max-width: 62.5em) {

html{
    font-size: 50%;
    /* size of 16px / 50% = 8px */
}
    .gnb .submenu { display: none; }
    .gnb .has-sub:hover > .submenu {
        display: block;
    }
    .gnb > ul {gap: 6rem;}
    .egg_subContainer{padding: 0 2.4rem 0;}
    .timerCont{padding: 2.4rem 2.4rem 2.4rem}
    .timerCont__tit{font-size: 2.4rem;}
    .bnsWrap{
        padding: 2.4rem 2.4rem 2.4rem;
        margin: 4rem auto 0;;
    }
    .bnscontWrap{gap: 3.2rem;}
    .file-ment{font-size: 1.5rem}
    .ifp_submitbtn__btn{
        font-size: 2.4rem;
        padding: 3.2rem 4rem;
    }
    .sb_objtitle span{
        font-size: 4rem;
    }
/* Footer  */
.footerarea{
    padding: 3% 0 3%;
    font-size: 1.6rem;
}    
    .f_logo img {height: 4.8rem;}
    .f_info li {font-size: 1.5rem;}

}



/* 
*
*

************************

Min 321px - Max 755px 

************************
*
*
*/
@media screen and (max-width: 47.2em) {

html{
    font-size: 40%; 
    /* size of 16px / 40% = 6.4px */
}
    .logotype img{height: 5.4rem;}
    .topWrap {justify-content: space-between;}
        .snsWrap {
            display: none; /* 모바일에선 SNS 아이콘 숨김 (선택 사항) */
        }
        .gnb-buttonWrap{
            position: absolute;
            right: 2rem;
            top: 2.9rem;
        }
        .gnb-button {display: block; /* 햄버거 버튼 표시 */}
        /* 모바일 GNB */
        .gnbContainer {
            position: fixed;
            top: 0;
            right: -35rem; /* 처음에는 화면 오른쪽에 숨김 */
            width: 35rem;
            height: 100%;
            background-color: #fff;
            padding-top: 8.4rem; /* 헤더 높이만큼 여백 */
            overflow-y: auto;
            transition: right 0.3s ease-in-out;
            z-index: 1000;
        }
        .gnbContainer.gnb--active {
            right: 0; /* 활성화 시 오른쪽에서 나타남 */
        }
        .gnb-wrap {
            display: block;
            padding: 0;
        }
        .gnb > ul {
            flex-direction: column; /* 메뉴를 세로로 배열 */
            gap: 0;
        }
        .gnb .m_menu {
            border-bottom: 1px solid #eee;
            padding: 2.4rem 2.4rem 1.2rem;
            font-size: 2.4rem;
        }
        .gnb .m_menu.first{
            border-top: 1px solid #eee;
        }
        .gnb .has-sub > a::after { /* 화살표 아이콘 추가 */
            content: '▼';
            float: right;
            font-size: 11px;
            transition: transform 0.3s;
            line-height: 4rem;
        }
        .gnb .has-sub.is-active > a::after { /* 서브메뉴 열리면 화살표 회전 */
            transform: rotate(180deg);
            line-height: 2rem;
        }
        /* 모바일 서브메뉴 */
        .gnb .submenu {
            display: none; /* 평소에는 서브메뉴 숨김 */
            position: static; /* position 해제 */
            width: 100%;
            border: none;
            background-color: #f9f9f9;
            flex-direction: column;
            box-shadow: none;
        }
        .gnb .has-sub:hover .submenu {
            display: none; /* 모바일에서는 hover 효과 제거 */
        }
        .gnb .submenu li a {
            padding: 2.4rem 2.4rem 2.4rem 3.6rem; /* 들여쓰기 */
            font-size: 2.2rem;
        }
        .gnb-mobile-logo{
            display: block;
            position: absolute;
            top: -6px;
            left: 0;
        }
        .gnb-mobile-logo img{height: 5.8rem;}
        .gnb .submenu {
            display: none;   /* hover 무효 */
        }
        .gnb .has-sub.is-active > .submenu {
            display: block;  /* 클릭(toggle) 시만 노출 */
        }
            .gnb .has-sub.is-active .submenu li{
            border-bottom: 1px solid #eee;
        }
        .gnb .has-sub.is-active .submenu li:last-child{
            border-bottom: none;
        }
        /* timer */
        section.timerWrap{padding: 0 3.2rem;}
        .timerCont{
            flex-wrap: wrap;
            gap: 1.6rem;
            padding: 2.4rem 2.4rem 2.4rem;
        }
                
        .timerCont__tit{font-size: 2.4rem;}        
        .timeritem{
            gap: 2rem;
            width: 100%;
        }
        .timeritem li span.num{
            font-size: 4.8rem;
            padding: 2.4rem 0 1.6rem;
        }
        .bnsWrap{margin-top: 3.2rem;}
        .bnscontWrap {justify-content: space-evenly;}
        a.bnscontLink{width: 45%;}
        .bnscontlist li {
            font-size: 3.2rem;
            padding-left: 3.2rem;
            line-height: 125%;
        }        
        .bnscontlist li.arrowico {margin-top: 2rem;}
        .bnscontlist li.arrowico svg{width: 28%;}
        .bnscontlist{
            padding: 2.8rem 0 2.8rem;
            background-size: 10rem 10rem;
        }
        .prgsWrap{margin-top: 4rem;}
        .prgslist img{height: 2rem;}

    /* sub contents  */
    .egg_subContainer{
        padding: 0 3.2rem 0;
    }
    .button_grn,
    .button_org,
    .button_blu{
        font-size: 2.2rem;
    }
    .button_grn svg,
    .button_org svg,
    .button_blu svg{
        width: 3.2rem;
    }    
    section.sub_topvisual_wrap,
    section.sub_topvisual_wrap.visual2,
    section.sub_topvisual_wrap.visual3 {
        background-position: top;
        background-size: cover;
        height: 24rem;
    }
    .sb_objtitle span{font-size: 2.8rem; padding-bottom: 0.8rem;}
    dl.category_title dd{font-size: 1.8rem;}
    dl.category_title dt{font-size: 4rem;}
    /* sub - 에그테크코리아  */
    .egg_subContainer{margin: 4rem auto 4rem;}
    .eggtech_intro{width: 85%;}
    .smr_contlist{
        flex-direction: column;
        align-items: center;
        gap: 4rem;
        margin: 3.2rem auto 0;
    }
    .contlist-item{
        margin-right: 0;
        max-width: 70%;
    }
    .contlist-list{
        max-width: 100%;
        max-height: 26rem;
    }.contlist-list p{
        font-size: 3.6rem;
    }
    .contlist-txt{
        font-size: 2rem;
    }
    .intCont_wrap{
        margin-top: 4rem;
        flex-direction: column;
        align-items: center;
        gap: 4rem;
    }
    .intposter{max-width: 100%;}
    .inttablecont_tr th,
    .inttablecont_tr td,
    .ifp-tablecont_tr th,
    .ifp-tablecont_tr td,
    .tableformcont_tr th,
    .tableformcont_tr td{
        font-size: 1.7rem;
    }
    /* sub - 부스참가  */
    .button_grn,
    .button_org{
        margin-top: 3.2rem;
    }
    .button_grn svg,
    .button_org svg{
        width: 3.2rem;
    }
    .ifpCont_wrap {
        margin-top: 5.4rem;
    }
    .ifpboothwrap{
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        margin-bottom: 5rem;
    }
    .ifpbooth{
        max-width: 100%;
        text-align: center;
        font-size: 3.2rem;
        line-height: 1;
    }
    .ifpbooth span{font-size: 1.8rem;}
    .dscp_txt.gbox{
        color: #555;
        background: #f7f7f7;
        font-size: 1.6rem;
        font-weight: 600;
        width: 100%;
        text-align: center;
        padding: 1rem 0 0.8rem;
        border-radius: 0.4rem;
        margin-bottom: 3rem;
    }
    .dscp_txt.rt{
        float: none;
        text-align: left;
    }
    .file-input-wrapper .file-label{
        width: 30%;
    }
    .ifp_submitbtn .ifp_submitbtn__ment{
        font-size: 2rem;
    }
    .ifp_submitbtn__btn {
        font-size: 2rem;
        padding: 2rem 2.4rem;
        max-width: 18rem;
    }
    .ifp_submitbtn__btn_cpt {
        font-size: 2rem;
        padding: 2rem 2.4rem;
        max-width: 18rem;
    }

    /* sub - 상담안내  */
    .eggtech_cslWrap{
        margin-top: 4rem;
    }
    .csl_contlist{
        flex-direction: column;
        align-items: center;
        gap: 3rem;
    }
    .obj-desc.cslobj{
        text-align: center;
        font-size: 2.8rem;
    }
    .cs-contlist-item{
        margin-right: 0;
        max-width: 100%;
    }
    .cs-contlist-list{
        max-width: 100%;
        max-height: 24rem;
    }
    .cs-contlist-txt {
        font-size: 2.46rem;
        font-weight: 700;
        padding: 2.4rem 3.2rem 2.8rem;
    }
    .csl-gd_contlistWrap{
        width: 100%;
        flex-wrap: wrap;
    }
    .csl-gd_contlist-item{
        width: calc(50% - 2rem);
        max-width: 50rem;
    }
    .csl-gd_contlist-item:nth-of-type(2n):after{
        display: none;
    }
    .csl_submitbtn__btn {
        font-size: 2rem;
        padding: 2rem 2.4rem;
        max-width: 18rem;
    }



    /* sub - 전시관람  */
    .gud_contwrap{margin-top: 4rem;}
    .obj-desc{
        text-align: center;
        padding: 0 4rem;
    }
    .gud_contlist-item{
        width: calc(50% - 2rem);
        padding: 2.8rem 2.6rem;
        order: 0;
    }
    .item__title {
        display: block;
        font-size: 2.6rem;
        margin: 1.6rem 0 1.2rem;
    }
    .item__img img{height: 8rem;}
    .item__dscrpt br{display: none;}
    .entitem__img img {
        max-width: 8.5rem;
    }
    .entitem__dscrpt{font-size: 1.6rem;}
    ul.ent_contlist-item{
        justify-content: space-around;
    }
    ul.ent_contlist-item li::after {
        right: -36%;
        top: 24%;
    }
    .reg-gd_contlistWrap{
        width: 100%;
        flex-wrap: wrap;
    }
    .reg-group_titwrap {gap: 2rem;}
    .reg-gd_contlist-item{
        width: calc(50% - 2rem);
        max-width: 50rem;
        order: 0;
    }
    .reg-gd_contlist-item:nth-child(1) { order: 1; }
    .reg-gd_contlist-item:nth-child(2) { order: 3; }
    .reg-gd_contlist-item:nth-child(3) { order: 4; }
    .reg-gd_contlist-item:nth-child(4) { order: 2; }    
    .reg-group_titwrap p{
        width: calc(50% - 2rem);
    }
        .contgroup_a, .contgroup_b{
            max-width: 100%;
        }
    .reg-gd_contlist-item:nth-of-type(even):after{
        display: none;
    }
    span.dmtit {font-size: 1.8rem !important;}
    .reg-item__dscrpt{padding: 2.4rem 1.8rem 0; margin-bottom: 2rem;}
    .reg-item__dscrpt ol li.dscrpt_ment span{font-size: 1.65rem}
    .reg-gd_contlist-item::after{display: none;}
    .earlybd_chkbtn a.chkbtn_ent{
        padding: 1.8rem 1.6rem;
    }
    .dscrpt_ment .cmsoonimg{
        height: 18rem;
        margin-top: 1rem;
    }
    .earlybd_chkbtn a.chkbtn_ent{
        flex-direction: column;
        gap: 0.8rem;
        padding: 1.8rem 1.6rem 0.8rem;
    }

    .chkbtn_ent img{
        width: 76%;
    }
    .early_radiochk{
        padding: 2.4rem 2.6rem 2.4rem;
        margin: 3.6rem auto;
    }
    .early_radiochk__txt br{display: none;}
    .early_radiochk__btn {
        margin-top: 1.6rem;
    }
    .chk__box, .radio{font-size: 1.8rem;}
    .survradio.mtradio label.radio {margin-bottom: 1.4rem;}
    input::placeholder{
        font-size: 1.65rem !important;
        font-weight: 500;
    }
    .custom-select{
        width: 30%;
    }
    .custom-select select{font-size: 1.7rem;}
    .qcktit{width: 42%; font-size: 1.9rem;}
    .chk.svy{
        margin-bottom: 1.2rem;
    }
    .address-group__surv.pcode {width: 68%;}
    .custom-select.surv, .survradio, .survform__adr {
        margin-left: 0;
    }
    .lastqck{
        margin-top: 1rem !important;
        line-height: 160% !important;
    }
    .ifp_submitbtn{
        margin-top: 2.4rem;
    }
.cmp_contlist{
    width: 100%;
    justify-content: space-around;
    gap: 2rem;
    margin-top: 4rem;
}  
.cmp-contlist-link{
    max-width: 48%;
}

/* 참가기업 리스트 */
.cmp-contlist-item{margin-bottom: 1.6rem;}

/* 참가기업 리스트 상세화면 */
    .contview_cmpintroWrap{
        padding: 3.2rem 0;
    }
    h4.cmpintro_title{
        font-size: 2.4rem;
    }
    p.cmpintro_slg {
        font-size: 2rem;
        margin-top: 1.6rem;
    }
    .contview_cmpintro{
        width: 84%;
    }
    .cmpintro_text br{
        display: none;
    }
    .contviewtable{padding: 1.2rem 0;}
    .contviewtable_tr{width: 100%;}
    .contviewtable_tr .thead{width: 20%;}
    .contviewtable_tr:last-child .thead{width: 28%;}
    .contviewimgs {margin-top: 2rem;}
.noticeWrap{
    margin-top: 3.6rem;
}
.pagination{
    margin: 3.2rem auto 3.2rem;
}
.pagination__paging a{
    width: 2.8rem;
    height: 2.8rem;
}
.pagination__paging--arrow {
    position: relative;
    top: 0.3rem;
}
.listico__btn{
    font-size: 1.8rem;
    padding: 1.2rem;
    margin: 2rem auto
}
.listico__btn svg{width: 26%;}
.listico__btn span{vertical-align: top; margin-right: 0.2rem;}
/* Footer  */
.footercont {
    flex-direction: column;
    gap: 2rem;
}
.footerarea{
    padding: 6% 0 6%;
}
.policyWrap{
    text-align: center;
}
.plcy_content p{font-size: 1.65rem;}
.f_info li span{
    text-align: center;
}
.f_logo img{
    height: 4rem;
}
.modal-content{
    padding: 4rem;
}



}


/* 
*
*

************************

min 0 ~ max 320px 

************************
*
*
*/


@media screen and (max-width: 20em) {


}

/* 사전등록 페이지 결제 방법 선택 스타일 */
@media (max-width: 768px) {
    .payment_method_options {
        flex-direction: column;
        gap: 10px;
    }
    
    .payment_option {
        flex-direction: row;
        padding: 15px;
        text-align: left;
    }
    
    .payment_icon {
        margin-right: 15px;
        margin-bottom: 0;
        font-size: 20px;
    }
}


/* 사전등록신청 설문조사 응답 테이블 반응형 대응 */
@media (max-width: 768px) {
    .earlyformtableWrap table th,
    .earlyformtableWrap table td {
        padding: 12px 15px;
        font-size: 14px;
    }
    .earlyformtableWrap table th {
        width: 35%;
        min-width: 150px;
    }
    .confirm_answer_group {
        gap: 6px;
    }
    .confirm_answer_item {
        flex-direction: column;
        gap: 4px;
    }
.confirm_label {
min-width: auto;
}
}