
@media screen and (max-width:1400px) {

    /* 메인 */
    .main_top .inner {padding: 100px 20px 50px; gap: 40px; max-width: 600px;}
    .main_top {background-position: center bottom;}
    .main_top .title {gap: 20px;}
    .main_top .info {max-width: 350px;}
    .main_top .cmnt {font-size: 1.125rem;}

    .main_ov .sec_box .cont {width: 380px;}
    .main_ov .title {font-size: 2.4rem;}
    .main_ov .title span {font-size: 3.5rem;}
    .main_ov .title .logo {width: 325px;}
    .main_ov .text {font-size: 1.125rem;}

    /* 컨퍼런스 */
    .spk_item {width: calc(50% - 10px);}

}

@media screen and (max-width:1199px) {

    /* 메인 */
    .main_ov .sec_box {flex-direction: column; gap: 40px;}
    .main_ov .sec_box .cont {flex-shrink: unset; width: 100%;}
    .main_ov .text {gap: 0;}
    .main_ov .text br {display: none;}

    /* 행사개요 */
    .ov_wrap .sec_box {gap: 40px}
    .ov_wrap .title {margin-bottom: 15px;}
    .ov_wrap .title .big {font-size: 2rem;}
    .ov_wrap .title .small {font-size: 1rem;}
    .ov_wrap .item {padding: 15px 0;}
    .ov_wrap .item .gu {font-size: 1rem}
    .ov_wrap .item .nae {font-size: 1rem}
    .ov_wrap .item .nae .p div {font-size: 0.875rem}

    /* 컨퍼런스 */
    .conf_dw .list {gap: 20px;}
    .conf_dw .item {width: calc(33.333% - 13.333px);}
    .conf_ov .item {padding: 15px 0;}
    .conf_ov .item .gu {font-size: 1rem}
    .conf_ov .item .nae {font-size: 1rem}
    .conf_ov .item .nae .p div {font-size: 0.875rem}
    
    .spk_item {padding: 20px; gap: 10px; min-height: 125px;}
    .spk_item .img {width: 80px;}
    .spk_item .sess {font-size: 1.125rem;}
    .spk_item .name {font-size: 1rem;}
    .spk_item .aff {font-size: 0.875rem;}

    /* 교통안내 */
    .trn_wrap .sec_box {gap: 40px;}


    /* 기조연설 */
    .knt_wrap .sec_box {gap: 40px; align-items: flex-start;}
    .knt_wrap .img {width: 350px;}

    /* 참가기업 소개 */
    .cp_int .tb_box td, .cp_int .tb_box th {font-size: 0.8125rem;}
    .cp_int .table {overflow-x: auto;}
    .cp_int table {min-width: 800px;}
    .cp_int .tb_box .name {width: 120px;}
    .cp_int .tb_box .name2 {width: 240px;}
    .cp_int .tb_box .booth {width: 100px;}
    .cp_int .tb_box .int, .cp_int .tb_box .dt {width: calc(50% - 110px);}
    #tabCompany04 .tb_box .int, #tabCompany04 .tb_box .dt {width: calc(50% - 170px);}


}

@media screen and (max-width:899px) {

    .login_box .cmnt {font-size: 0.94rem;}

    /* main */
    .main_top::before {
    display: block; content: ""; width: 100%; height: 100%; background: #000; opacity: .7; 
    position: absolute; top: 0; left: 0; 
    }
    .main_top .title {width: 90%;}
    .main_top .info {width: 70%;}
    .main_top .cmnt {font-size: 1rem;}


    .main_top .btn_box {margin-top: 0; max-width: unset; width: 90%; max-width: 400px;}
    .main_top .btn_box .btn {font-size: 1rem; height: 50px;}


    .main_int,
    .main_ov,
    .main_spk {padding: 90px 0;}

    .main_spk .title .small {font-size: 1.75rem;}
    .main_spk .title .small .logo {height: 26px;}

    /* 행사개요 */
    .ov_wrap .sec_box {flex-direction: column}

    /* 프로그램 */
    .prg_wrap .img.m {display: block;}
    .prg_wrap .img.pc {display: none;}

    /* 컨퍼런스 */
    .conf_dw .item {width: calc(50% - 10px);}
    .conf_tab {margin-bottom: 40px;}
    .conf_tab a {width: calc(50% - 5px); font-size: 0.875rem; height: 40px;}
    .conf_ov .sec_box {flex-direction: column; gap: 40px;}
    .spk_item {width: 100%;}
    .spk_int .infoBox {gap: 20px;}
    .spk_int .cont {gap: 10px; padding: 15px 0; min-height: 200px;}
    .spk_int .cont .top {padding-bottom: 10px;}
    .spk_int .img {width: 200px;}
    .spk_int .pTit {font-size: 1.125rem;}
    .spk_int .name {font-size: 1rem;}
    .spk_int .aff {font-size: 0.875rem;}
    .spk_int .intro {font-size: 0.875rem;}

    /* 단체등록 */
    .ap_grp .title .big {font-size: 1.75rem}
    .ap_grp .title .small {font-size: 1rem}
    .ap_grp .how {padding: 20px}
    .ap_grp .how li {gap: 10px}
    .ap_grp .how .gu {font-size: 0.875rem; width: 32px;} 
    .ap_grp .how .nae {font-size: 1rem}
    .ap_grp .how .nae p {font-size: 0.875rem}
    .ap_grp .nt {font-size: 0.875rem}

    /* 교통안내 */
    .trn_wrap .sec_box {flex-direction: column;}

    /* 기조연설 */
    .knt_wrap .sec_box {flex-direction: column;}
    .knt_wrap .img {width: 100%; max-width: 460px; aspect-ratio: 3/4;}
    .knt_wrap .img img {object-position: center top;}
    .knt_wrap .name {font-size: 1.5rem;}
    .knt_wrap .aff {font-size: 1rem;}
    .knt_wrap .title .big {font-size: 1.25rem;}
    .knt_wrap .title .small {font-size: 0.9375rem;}
    .knt_wrap .intro {font-size: 0.9375rem;}

    /* 참가기업 소개 */
    .cp_tab {flex-wrap: wrap;}
    .cp_tab a {width: calc(25% - 7.5px);}
    .cp_int .title {font-size: 1.5rem; margin-bottom: 15px;}

}



@media screen and (max-width:599px) { 

    /* main */
    #popMainVideo .video_container {width: auto;}

    .main_top .btn_box {flex-direction: column;}
    .main_top .btn_box .btn {width: 100%;} 

    .main_int {background-size: 200% auto;}
    .main_int .cont {gap: 30px;}    
    .main_int .title {font-size: 1.5rem;}
    .main_int .line {height: 3px;}
    .main_int .text {font-size: 1rem;}
    .main_int .form {font-size: 1rem;}

    .main_ov .sec_box .cont {gap: 20px;}
    .main_ov .sec_box .cont .btn {height: 50px; font-size: 1rem; width: 180px;}
    .main_ov .title {font-size: 1.5rem; line-height: 1.4;}
    .main_ov .title span {font-size: 2.5rem;}
    .main_ov .title .logo {width: 260px;}
    .main_ov .text {font-size: 1rem; gap: 15px;}

    .main_spk .title .small {font-size: 1.5rem;}
    .main_spk .title .small .logo {height: 20px;}
    .main_spk .title .btn {height: 50px; font-size: 1rem; width: 180px;}

    /* 컨퍼런스 */
    .conf_dw .item {padding: 30px 20px 20px; width: 100%;}
    .conf_dw .item .name {font-size: 1.25rem; height: 50px;}
    .spk_int {padding: 20px;}
    .spk_int .infoBox {flex-direction: column; align-items: center;}
    .spk_int .cont {padding: 0; width: 100%; text-align: center; min-height: unset;}
    .spk_int .career p {padding-left: 0;}
    .spk_int .career p::before {display: inline-block; position: unset; margin-right: 4px;}
    .spk_int .intro {margin-top: 20px;}

    /* 교통안내 */
    .trn_wrap .sec_box .cont {gap: 30px;}
    .trn_wrap .sec_box .cont .text {font-size: 1rem;}

    /* 참가기업 소개 */
    .cp_tab {gap: 5px;}
    .cp_tab a {font-size: 0.625rem; width: calc(25%-3.75px); padding: 0 2px;}

}