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

    /* map */
    .map_wrap .inner {flex-direction: column;}
    .map_wrap .map_box {width: 100%;}
    .map_wrap .map_info {width: 100%; flex: unset;}
}

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

    /* header */
    #header {height: 60px;}
    #header .inner {margin: 0 20px; width: 100%;}
    #header .hd_logo img {height: 30px;}
    #header .hamberg {width: 24px; height: 24px; font-size: 0; display: flex; align-items: center; cursor: pointer; position: relative; z-index: 2;}
    #header .hamberg a {width: 100%; height: 2px; background: #000; display: block; position: relative; transition: all .3s;}
    #header .hamberg a::before,
    #header .hamberg a::after {display: block; content: ""; width: 100%; height: 2px; background: #000; position: absolute; transition: all .3s;}
    #header .hamberg a::before {top: -8px;}
    #header .hamberg a::after {top: 8px;}
    #header .hamberg a.on {background: rgba(255,255,255,0);}
    #header .hamberg a.on::before {top: 0; transform: rotate(-45deg);}
    #header .hamberg a.on::after {top: 0; transform: rotate(45deg);}
    
    #header .nav_wrap {
        position: fixed; flex-direction: column; width: 500px; height: 100vh; top: 0; right: -500px;
        background: #fff; gap: 0; transition: all .3s; z-index: 1; border-left: 1px solid var(--border);
    }
    #header .nav_wrap.on {right: 0;}
    #header .aside {order: 1; justify-content: flex-start; flex-shrink: 0; height: 60px; padding: 0 60px 0 20px;}
    #header .aside a {color: #fff;}
    #header .nav {order: 2; overflow-y: auto;}
    #header .menu {flex-direction: column; margin: 0 20px; padding-top: 60px; justify-content:flex-start; gap: 0;}
    #header .menu > li > a {justify-content: flex-start; height: 60px;}
    #header .menu > li > a.on {font-weight: 700; color: var(--mainColor2);}
    #header .menu > li:hover a::after {display: none;}
    #header .submenu {
        position: unset; visibility: visible; opacity: 1; flex-direction: column; height: auto; gap: 0; align-items: flex-start;
        padding:20px 0 10px; gap: 10px; border-top: 2px solid var(--mainColor2); display: none; transition: none;
    }
    #header .submenu > a {margin-bottom: 10px; color: #555;}
    #header .submenu > a:after {display: none;}

    #header .side {height: 60px; justify-content: flex-start; padding: 0 20px;}

    /* footer */
    #footer .ft_host .inner {flex-direction: column; align-items: flex-start;}

    /* sub */
    .sub_top {margin-top: 60px;}


    /* main */
    .main_sec .box .cont {aspect-ratio: 4/3;}

    /* overview */
    .overview_s .inner {gap: 40px; flex-direction: column;}
    .overview_s .img_box {width: 100%; max-width: 600px;}
    .overview_s .info_box {width: 100%;}


}


@media screen and (max-width:899px) {
    /* popup */
    .pop_wrap .layer .contents {padding: 20px;}

    /* padding · margin style*/
    .padding_tb { padding:60px 0; } 
    .padding_t { padding-top: 60px; } 
    .padding_b { padding-bottom: 60px; } 
    .margin_tb { margin:60px 0; } 
    .margin_t { margin-top: 60px; } 
    .margin_b { margin-bottom: 60px; } 

    /* footer */
    #footer .ft_host .item {}
    #footer .ft_host .item .nae {font-size: 0.94rem;}
    #footer .ft_host .item:nth-child(1) {width: 100%;}
    #footer .ft_host .item:nth-child(1) .nae {flex-wrap: wrap; flex-shrink: unset;}
    #footer .ft_host img {height: 20px;}
    #footer .ft_info .inner {gap: 20px;}
    #footer .ft_info .info {width: 100%; flex: auto;}
    #footer .ft_info .info .tit {font-size: 1rem;}

    /* main */
    .main_tit .tit {font-size: 2rem;}
    .main_top {position:relative; height:auto; min-height: 620px; padding: 60px 0 0; flex-direction:column}
    .main_top .img {width: 100%;}
    .main_top .img img {width: 70%; margin-right: -2%;}
    .main_top .img2{position:absolute; bottom:-8px; left:0; right:0; text-align:right;}
    .main_top .img2 img {display:inline-block; width:70% !important;}
    .main_top .inner {padding-top:0}
    .main_top .tit {width: 70%; max-width: 350px;}

    .main_sec .sec_box {display: flex; flex-direction: column;}
    .main_sec .box .cont {aspect-ratio: unset;}

    .ct_form .btn {margin:0 auto;}


    /* sub */
    .sub_top {height: 150px;}
    .sub_top .title {font-size: 1.5rem;}

    .board_view .board_view_tit {font-size: 1.5rem;}

    /* board */
    .board_list_box {font-size: 0.875rem;}
    .board_list_box .count {width: 80px;}
    .paging ol li a {font-size: 0.875rem; width: 32px; height: 32px; line-height: 32px;}


    /* apply */
    .apply_comp {padding: 100px 0;}
    .apply_comp .tit {font-size: 1.25rem;}

    .apply_main .list {gap: 20px;}
    .apply_main .item {gap: 15px;}
    .apply_main .item .icon {width: 80px; height: 80px;}
    .apply_main .item .tit {font-size: 1.25rem;}

    /* overview */
    .ov_in_1 .tit_box .big {font-size: 3.125rem;}
    .ov_in_1 .tit_box .small {font-size: 1.5rem;}
    .ov_in_2 .text_box .text {font-size: 1rem;}
 
}



@media screen and (max-width:599px) { 
    /* btn style */
    .btn {max-width: unset !important;}

    /* hedaer */
    #header .nav_wrap {width: 80%; right: -80%;}
    #header .menu > li > a {font-size: 1rem; height: 50px;}
    #header .submenu {padding: 15px 0;}
    #header .submenu > a {font-size: 0.875rem;}

    /* main */
    .main_top {height: auto; min-height:540px}
    .main_top .inner {padding-top:0;}
    .main_ap .btn {width: 100%; font-size: 1.25rem; padding: 20px;}

    .main_sec .box .cont {padding: 20px;}
    .main_sec .box .cont .tit {font-size: 1.25rem;}
    .main_sec .box .cont .icon {width: 50px;}
    .main_sec .box .cont .shortcut {font-size: 0.875rem; margin-top: 20px;}
    /* .main_sec .box .cont {padding: 20px;}
    .main_sec .box .cont .icon {width: 60px;}
    .main_sec .box .cont .tit {font-size: 1.125rem;}
    .main_sec .box .cont .shortcut {font-size: 0.875rem; margin-top: 20px;} */


    /* sub */
    .board_search .search_box .select select,
    .board_search .search_box .search input {font-size: 0.875rem;}
    .sub_nav .list li {height: 50px;}
    .sub_nav .list li a {font-size: 0.875rem;}

    /* board */
    .board_list_box .num,
    .board_list_box .count  {display: none !important;}
    .board_list_box .date {width: 100px;}

    .board_view .board_view_tit {font-size: 1.25rem; padding-bottom: 15px;}
    .board_view .board_view_info {padding: 15px 0;}
    .board_view .board_view_file a {margin: 10px 0;}


    /* overview */
    .overview_s .info_box .info li {margin-bottom: 20px;}
    .overview_s .info_box .info .txt {margin-top: 4px;}
    .overview_s .info_box .info .gubun {font-size: 0.875rem;}
    .overview_s .info_box .info .cont {font-size: 1rem;}
    .overview_s .info_box .info .cont br {display: none;}

    .ov_in_1 .tit_box .big {font-size: 2rem;}
    .ov_in_1 .tit_box .small {font-size: 1.125rem;}
    .ov_in_2 .text_box .text {font-size: 0.94rem;}

    /* apply */
    .apply_main .list {gap: 10px;}
    .apply_main .item {aspect-ratio: 1/1; padding: 20px;}
    .apply_main .item .tit {font-size: 1rem;}
    .apply_main .item .icon {width: 60px; height: 60px;}


    /* map */
    .map_wrap .map_info .tit {font-size: 1.5rem;}
    .map_wrap .map_info .text {font-size: 1rem;}
    .map_wrap .map_info li {font-size: 0.875rem;}


    /* 초청 연사 */
    .spk_list {}
    .spk_list .item {padding: 20px; position: relative;}
    .spk_list .item .img {position: absolute; width: 90px; top: 20px; left: 20px;}
    .spk_list .item .info {width: 100%;}
    .spk_list .item .info .top {min-height: 90px; display: flex; flex-direction: column; justify-content: center; margin-left: 110px;}
    .spk_list .item .info .name {font-size: 1.125rem;}
    .spk_list .item .info .dep {font-size: 0.875rem; margin-top: 2px;}
    .spk_list .item .info .detail {font-size: 0.875rem; margin-top: 15px; padding-top: 15px;}


}