@media all and (max-width: 1700px){
    #hd_wrapper{width:calc(100% - 30px);}

    #logo{left:10px;width:140px;height:50px;}
    .hd_login{right:10px;}
}

@media all and (max-width: 1580px){
    .main_sec .core_right_top{width:50%;}
    .main_sec .core_right_btm{width:50%;}
    .main_sec .core_left_top{width:50%;}
    .main_sec .core_left_btm{width:50%;}

    .core_box{width:calc(100% - 30px);gap:20px;}
    .core_box > div:first-child{max-width:initial;width:100%;}
    .core_box > div:nth-child(2){max-width:initial;width:100%;}
    .core_box > div:nth-child(3){max-width:initial;width:100%;}
    .core_box > div:last-child{max-width:initial;width:100%;}

    .research_box{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:15px;}
    .research_box > div{width:30vw;height:30vw;}
    .research_box > div:after{width:31vw;height:31vw;top:-0.5vw;left:-0.5vw;}
    .research_box > div:nth-child(2){position:relative;}

    .research_box > div strong{font-size:2.2vw;}
    .research_box > div span{font-size:1.3vw;}
}

@media all and (max-width: 1400px){
    .width-fixed{width:calc(100% - 30px);}

    #hd{height:100px;}
    .gnb_1da{padding:35px 0;font-size:var(--fs-18)}

    .main_sec .sec_box{width:56vw;height:56vw;}
    .main_sec .sec_box > span{font-size:5vw;}
    .main_sec .sec_box > #trig{font-size:1.6vw;}

    .main_research .txt{width:calc(100% - 30px);}

    .main_top .txt p{line-height: 1.4}

    .sub_top{height:30vw;min-height:180px;}

    #bo_gall .gall_img{height:22vw;}

    .contact_wr #map{height:50vw;min-height:250px;}
}

@media all and (max-width: 1300px){
    .core_box{width:calc(100% - 30px);}
}

@media all and (max-width: 1280px){
    #gnb{display: none;}

    .mobile_btn{display: block;right:10px;}
    .hd_login{right:100px;}
    .all_menu.active{z-index:999999999;opacity: 1;}

    .main_research .img{width:90%;height:54vw;}
    .main_research .txt h3{font-size:6vw;}
    .main_research .txt span{font-size:2.3vw;}

    .main_top{height:80vh;}

    .main_contact {display: block;}
    .main_contact #map{width:100%;height:40vw;min-height:300px;}
    .main_contact .map_info{width:100%;}

    .main_links{padding:60px 0;}
    .main_links > div {display: flex;flex-wrap: wrap;justify-content: center;}
    .main_links > div > div{height:8vw;width:calc(33.33% - 20px);min-height:60px;}

    .notice li a{gap:30px;}

    .width-fixed-sub{width:calc(100% - 30px);}
}

@media all and (max-width: 960px){
    body{font-size:0.65em;}


    .main_sec .sec_box{width:70vw;height:70vw;}
    .main_sec .sec_box > span{font-size:5.6vw;}
    .main_sec .sec_box > #trig{font-size:2vw;margin-top:30px;}

    .core_box{justify-content: center;}
    .core_box > div:first-child{grid-row:1 / 2;grid-column: 1 / 2;}
    .core_box > div:nth-child(2){grid-row:2 / 3;grid-column: 1 / 2;}
    .core_box > div:nth-child(3){grid-row:3 / 4;grid-column: 1 / 2;}
    .core_box > div:last-child{grid-row:4 / 5;grid-column: 1 / 2;}

    .main_top .txt h2 br{display: none;}
    .main_top .txt p br{display: none;}

    .main_contact .map_info{padding:30px;}
    .professor_wr .li_div{display: block;}
    .professor_wr .li_div .tit{margin-bottom:30px;width:100%;}
    .professor_wr .li_div .txt{width:100%;}

    .member_wr .it{gap:30px;}

    .td_hidden{display:none;}
    #bo_list .td_datetime{width:100px;}


    #bo_gall #gall_ul{grid-template-columns: 1fr 1fr;}
    #bo_gall .gall_img{height:35vw;}
}
@media all and (max-width: 720px){
    #hd{height:80px;}
    .main_research .img{width:100%;}

    .research_box{display: block;}
    .research_box > div{width:80vw;height:80vw;margin:-40px auto;}
    .research_box > div:after{width: 83vw;height: 83vw;top: -1.6vw;left: -1.6vw;}
    .research_box > div:nth-child(2){top:initial;left:initial;transform:none !important;}

    .research_box > div strong{font-size:5.2vw;}
    .research_box > div span{font-size:3vw;}
    .notice li{padding:30px 0;}
    .notice li a{gap:20px;}

    .main_top .txt h2{font-size:var(--fs-60)}

    .main_links > div > div{width:calc(50% - 15px);}

    #top_btn{display: none;}
    #ft{text-align: center;}

    .hd_login{right:70px;}

    .sub_container{padding:60px 0;}


    .professor_wr .top{display: block;}
    .professor_wr .top .img{margin:0 auto 80px auto;}
    .member_wr .it {align-items: flex-start}
    .member_wr .it + .it{margin-top:35px;}
    .member_wr .it .img{width:25vw;height:28vw;}
    .member_wr .it .txt{width:calc(100% - 27vw)}

    .pg_page{min-width:35px;height:35px;line-height: 33px;}
    .pg_current{min-width:35px;height:35px;line-height: 35px;}

}
@media all and (max-width: 560px){
    body{font-size:0.55em;}

    .core_box{width:calc(100% - 30px);gap:20px 0;}
    .core_box > div{width:100% !important;max-width: initial !important;padding:30px ;}

    .main_links > div{display: block}
    .main_links > div > div{width:100%;}
    .main_links > div > div + div{margin-top:20px}

    .all_menu > div .logo{padding:20px 20px 0 20px;}
    .all_menu > div .logo img{width:70%;}
    .all_menu > div ul{padding:20px;}

    .professor_wr .li_div .txt ul li{display: block;}
    .professor_wr .li_div .txt ul li + li{margin-top:10px;}
    .professor_wr .li_div .txt ul li span{display: block;}


    #bo_gall #gall_ul{grid-template-columns: 1fr;}
    #bo_gall .gall_img{height:55vw;}

    .main_sec .sec_box{width:calc(100vw - 50px);height:calc(100vw - 50px);}
    .main_sec .sec_box > #trig{margin-top:10px;}
}
@media all and (max-width: 480px){
    .notice li a strong{width:calc(100% - 120px)}
    .notice li a img{display: none;}

    .mbskin .mbskin_box{width:calc(100% - 30px);}

    .all_menu > div .close_btn{left:-50px;width:40px;height:40px;}
    .all_menu > div {width:calc(100% - 60px);}

    .bo_sch form{padding:10px;}
    .bo_sch select{width:100px;}
    .bo_sch .sch_bar{width:calc(100% - 100px);display: flex;gap:5px;}
    .bo_sch .sch_input{width:calc(100% - 47px);}

    .pg_page{min-width:25px;height:25px;line-height: 23px;}
    .pg_current{min-width:25px;height:25px;line-height: 23px;}
}
@media all and (max-width: 414px){

    .mbskin .mbskin_box{padding:20px;}

}