@charset "utf-8"; 


/* 모바일 - 576px 1024px */

@media (max-width:1650px) {
}

@media (max-width:1280px) {
}

/* Pad */
@media (max-width:1080px) {
    
    .tabs-inner { width:100px; /* padding:15px 20px 15px 15px  !important  */}
    .search_info.professor > div:not(.search_control) { width:calc(100% / 3) }
}

@media (max-width:1000px) {

    dl.detail_info:not(.column1):not(.column3):not(.column4) > div.half { width:calc(100% / 2) }
    
    .content.intro { display:block }
    .content.intro > div { width:100% !important }
    
    .content.intro .blockLeft > div, .content.intro .blockRight > div { margin-top:0 }
    
    .content.intro .mcSchedule .mcBox > div { width:calc(100% / 3 - 14px); float:left }
    
    .content.intro .mcSchedule .mcBox > div { border-top:0 !important; margin-bottom:5px }
    .content.intro .mcSchedule .mcBox { padding-bottom:5px }
    .content.intro:not(.mng) .mcManual, .content.intro:not(.mng) .mcGuide { width:calc(100% / 2 - 7px); margin-top:14px !important }

    .content.intro .mcManual { float:left }
    .content.intro .mcGuide { float:right }

}

@media (max-width:950px) {

    .table.choose .item { flex-direction:column }
    .table.choose .item label { margin-bottom:5px }

}

@media (max-width:910px) {

    dl.detail_info .dd_table { height:auto }
    dl.detail_info .dd_table .attention { white-space:normal }

}

@media (max-width:900px) {
    
    .desc_page .flex { flex-direction:column }
    .desc_page .flex > div button { width:auto; margin-bottom:10px }
    .desc_page .flex ul { margin-left:0 }
    .desc_page .flex ul > li { flex-direction:column }
    .desc_page .flex ul > li > span { width:100% }
    
}

@media (max-width:860px) {

    .desc_box { flex-direction:column }
    
    .spinner { width:150px !important }
    .spinner .spinner-text { width:130px !important }
    
    dl.detail_info.column1 > div.half { width:100% }
    
    dl.detail_info.column3 > div { width:calc(100% / 2) }
    dl.detail_info.column3 > div.span2 { width:100% }
    dl.detail_info.column3 > div.half { width:calc(100% / 3) }
    
}

@media (max-width:800px) {
    
/*     .content.intro .mcNotice { width:100% }
    .content.intro .mcScore { display:none } */
    
}

@media (max-width:780px) {
    
    .content.intro .mcRegistration dl.mcBox:not(.total) dt, .content.intro .mcRegistration dl.mcBox:not(.total) dd { margin-top:3px; font-size:13px }
    .content.intro .mcSchedule .mcBox > div { width:calc(100% / 2 - 14px) }
    .content.intro .mcSchedule .mcBox > div:nth-child(3) { border-top:2px dotted #e1e3e5 }
    
    .content.intro .mcRegistration > div { width:calc(100% / 2 - 14px) }
    
}

@media (min-width:761px) {
    
    .search_info .search_control { position:absolute; z-index:888; top:10px; right:10px; justify-content:center; width:185px }
    /* .search_info.professor .professor_btn{ position:absolute; z-index:888; top:10px; right:10px; justify-content:center } */

}

@media (max-width:760px) {
    
    .step_box { justify-content:space-around }
    .step_box li:after { display:none }
    
    .search_info.professor { padding:5px 0 5px 20px }
    .search_info.professor .search_control { margin:5px 11px 5px auto; justify-content:center }
    /* .search_info.professor .professor_btn { width:calc(100% / 3 - 62px); margin:5px 11px 5px auto; justify-content:center } */
    
    dl.detail_info > div.dd_table { flex-direction:column; align-items:flex-start }
    dl.detail_info > div.dd_table dd { width:100%; padding-left:9px }
    
    dl.detail_info > div.description { padding:0 0 2px 120px }
    dl.detail_info.column1 > div.description { padding:0 0 2px 155px }

}

@media (max-width:710px) {
    
    .access_info li:nth-child(2) { display:none }
    
    .tabs-inner { width:80px }
    .tabs li a.tabs-close { margin-right:0 }
    .btn_area button { padding:3px 10px }
    .btn_area button:before { margin:0 3px 0 -3px }
    
    dl.detail_info.column4 > div { width:calc(100% / 2) }
    dl.detail_info.column4 > div.half { width:calc(100% / 2) }
    dl.detail_info.column4 > div.span2 { width:100% }
    dl.detail_info.column4 > div.span3 { width:100% }
    
}

@media (max-width:690px) {
    .btn_style01{width:100%; justify-content:space-between;}
    .btn_style01 button{width:calc(100%/3 - 6px)}
    .btn_style01:before{left:-70px; bottom:0; width:120px; height:170px }
}

@media (max-width:600px) {
    .popup_layer.popup_time { width:100% !important; left:0; margin-left:0 }
    .popup_layer.popup_time .schedule_info { width:100% }
    .popup_layer.popup_time .cont_tab { width:100% }
    .popup_layer.popup_time .tab_face > li { min-width:auto }
    
    .search_info.professor dt { width:30px; padding-right:0; padding-left:0px }
    .search_info.professor dd { width:calc(100% - 30px) }
    
    /* .search_info.professor .search_control { width:calc(100% / 3 - 15px) } */
}

@media (max-width:500px) {
    
    .search_info.professor > div:not(.search_control) { width:calc(100% / 2) }
    /* .search_info.professor .search_control { width:calc(100% / 2 - 15px) } */
}

/* Mobile */
@media (max-width:560px) {
   
    header { display:flex }
    .lnb { height:calc(100% - 245px) }
    .header_wrap { justify-content:center }
    h1 a { height:40px; background-size :contain }
    .cont_head { padding:30px 10px 0px 10px}
    .content { padding:1px 10px 10px 10px }
    .path { top:5px; left:5px }
    .path a { font-size:13px }
    .copy_filename { top:5px; right:0 }
    .copy_filename a { font-size:13px; background:#f1f1f1; display:block; padding:5px 10px 5px 10px; border-radius:10px 0 0 10px }
    #copy_filename1, #copy_filename2 { display:none !important }
    
    .m_home { display:block }

    .tabs-header, .functionBtn { display:none !important }
    #left_menu { top:0; border-right:0 !important }
    
    #left_menu h1 { display:none }
    .menu_control { width:50px; right:-45px }
    .menu_control a.btn_menu_open { background:none !important; margin-top:0; width:50px }
    .menu_control a i.fa-caret-right { display:none }
    .menu_control a i.fa-bars { display:inline-block; height:50px; width:50px; line-height:50px; font-size:30px; padding-left:5px }

    .cont_head h4 { font-size:22px }
    .cont_head .btn_area { padding:10px 0; top:0 }
    
    .professor_list { right:10px; left:10px; width:auto }
    
    .search_info:not(.professor) > div { width:100% }
    .search_info:not(.professor) dt, .search_info:not(.professor) dd { padding:3px 10px }
    .search_info:not(.professor) dt { width:120px }
    .search_info:not(.professor) dd { width:calc(100% - 120px) }
    
/*     .tab_face > ul { height:38px; overflow:hidden } */
/*     .tab_face > ul li { width:100% } */
/*     .tab_face > ul a:after { content:"▼"; float:right } */
    
    dl.detail_info > div { width:100% }
    dl.detail_info:not(.span2):not(.span3) > div.half { width:100% }
    
    dl.detail_info:not(.column1):not(.column3):not(.column4) > div.half { width:100% }
    
    dl.detail_info.column3 > div { width:100% }
    dl.detail_info.column3 > div.half { width:100% }

    .blockLeft, .blockRight { float:none; max-width:100% !important; width:100% !important }
    .blockLeft { padding-right:0 }
    .blockLeft .blockTitle.mt_29 { margin-top:0 !important }
    
    .cont_tab { padding:0 10px 10px 10px }
   
    #smartPop_close { display:none }
    .no_favorite { display:none !important }

    #dataGridMaster thead th, #dataGridDetail thead th, #dataGrid thead th, #detailGrid thead td, #dataGrid thead th, #detailGrid thead td,
    table.dataTable thead th, table.dataTable thead td { padding:5px }
    table.dataTable tbody th, table.dataTable tbody td { padding:3px 5px }
    
    .content.intro .mcRegistration dl.mcBox.total { padding:10px 15px }
    
    .content.intro .mcRegistration dl.mcBox:not(.total) { display:none }
    .content.intro .mcNotice { width:100% }
    .content.intro .mcNotice li { padding-top:4px }
    .content.intro .mcScore { display:none }
    
    .content.intro .mcSchedule .mcBox > div { width:calc(100% / 1 - 14px) }
    .content.intro .mcSchedule .mcBox > div:nth-child(2) { border-top:2px dotted #e1e3e5 }
}
 
@media (max-width:470px) {
        
    dl.detail_info dt, .search_info:not(.professor) dt {  width:110px !important; padding-right:6px; letter-spacing:-1px }
    dl.detail_info dd:not(.dd_table dd), .search_info:not(.professor) dd {  width:calc(100% - 110px) !important }
    
    
    .modal-content .content { padding:20px 10px }
    
}
 
@media (max-width:400px) {
    
    .spinner { width:100% !important }
    .spinner .spinner-text { width:80% !important }
    
    dl.detail_info.column4 > div { width:100% }
    dl.detail_info.column4 > div.half { width:100% }
    
    .spinner { height:40px !important }
    .spinner .spinner-text { width:93% !important }
    
    .content.intro .blockRight .mcManual, .content.intro .blockRight .mcGuide { width:100% }
    
}

@media (max-width:450px) {
    .popup_layer.popup_pro { width:100% !important; margin-left:0; left:0 }
}
 
@media (max-width:380px) {
    
    html, header, .header_wrap, #content { width:100% }
    html { overflow:auto }
    
}
 
@media (max-width:360px) {

    .popup_time .tab_face > li a:before { left:4px }
    .popup_time .tab_face > li > a { padding:7px 5px 7px 14px }
    
}

@media (max-width:330px) {
    
/*     .table_flex > ul li { width:100%; border-left:0 }
    .table_flex > ul li:nth-child(15) { border-bottom:1px dotted #bbad9d } */
    
}

@media (min-width:630px) {

/*     dl.detail_info .stud_pic { position:absolute; top:0; right:0; width:180px !important; padding:6px 6px 5px 5px; background:#ebe7e3 }
    dl.detail_info .stud_pic dt { display:none !important }
    dl.detail_info .stud_pic dd { width:100% !important; height:230px; justify-content:center }
    .user_empl dl.detail_info .stud_pic dd { height:205px }
 */
}