@charset "utf-8";

.education .apply-state { font-weight:800; }
.education .state-APPLY { color:#c15262; }
.education .state-IMMINENT { color:#51bec1; }
.education .state-BEFORE, .education .state-AFTER { color:#cacaca; }
.education .btn.apply-state { cursor:inherit; margin-right:5px; color:#fff !important; background-color:#666; }
.education .btn.state-APPLY { background-color:#c15262; }
.education .btn.state-IMMINENT { background-color:#51bec1; }
.education .btn.state-BEFORE, .education .btn.state-AFTER { background-color:#cacaca; }

body.modal-open { height:100vh; overflow:hidden; }
#wrap-edu-preview { z-index:99999; }
#wrap-edu-preview .modal-dialog { width:100%; max-width:1350px; max-height:90vh; height:100%; padding:0px; margin:5vh auto; }
#wrap-edu-preview .modal-content { height:100%; overflow:hidden; }
#wrap-edu-preview .modal-header { position:relative; margin:0px; padding:0px; border:0px; height:0px; min-height:0px; }
#wrap-edu-preview .modal-header .close { display:block; text-indent:-9999px; width:30px; height:30px; background:transparent url('img/btn_close.png') center center no-repeat; position:absolute; z-index:2; top:30px; right:30px; opacity:.5; filter:alpha(opacity=50); }
#wrap-edu-preview .modal-body { display:grid; grid-template-rows:70px 1fr; row-gap:25px; height:100%; padding:70px; overflow:hidden; }
.education .edu-preview-head { width:100%; overflow:hidden; }
.education .edu-preview-body { width:100%; height:100%; padding:10px; border:1px solid #e7e7e7; overflow-y:auto; }
#bo_v.education .edu-preview-body { padding:0px; border:0px; height:auto; overflow:auto; }
#wrap-edu-preview .modal-body .edu-button { text-align:center; }

.education .btn.apply-state { position:absolute; top:25px; right:80px; }
.education h3 { padding:0px; margin:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.education h3 img { margin-right:15px; }
.education .edu-preview-body p { margin:0px; padding:0px; }
.education i { display:inline-block; font-style:normal; margin-right:5px; }
.education i:last-child { margin-right:0px; }
.education .table { width:100%; border-collapse:collapse; margin:0px; }
.education .table dl { display:table-row; }
.education .table dt, .education .table dd { display:table-cell; padding:10px 15px; vertical-align:top; border:1px solid #e6e6e6; }
.education .table dt { width:170px;background-color:#f5f8f9; text-align:center; }

#bo_list .tbl_head01 .td_subject .xs_content { display:none; }
#bo_list .tbl_head01 .td_subject .ed_subject { position:relative; display:inline-block; padding-right:40px; }
#bo_list .tbl_head01 .td_subject .ed_subject img { position:absolute; top:50%; right:0px; margin-top:-15px; }
#bo_list .tbl_head01 .td_subject .ed_subject b img { display:none; position:relative; width:50px; height:50px; top:auto; right:auto; margin:0px; margin-right:5px; }
#bo_list .tbl_head01 .td_subject .ed_subject span { display:block; }
#bo_list .tbl_head01 .td_subject .ed_subject .apply-state { display:none; }
#bo_list .tbl_head01 .td_subject .table { display:table; padding:0px; margin:0px; width:100%; border-collapse:separate; border-spacing:3px; }
#bo_list .tbl_head01 .td_subject .table dl { display:table-row; }
#bo_list .tbl_head01 .td_subject .table dl dt, #bo_list .tbl_head01 .td_subject .table dl dd { width:0px; padding:0px; border:0px; background:none; }
#bo_list .tbl_head01 .td_subject .table dl dt { padding-right:5px; white-space:nowrap; font-weight:400; text-align:left; }
#bo_list .tbl_head01 .td_subject .table dl dd { width:100%; }

@media (max-width: 1419px) { /* SMALL MONITOR - 1024 ~ */
    #wrap-edu-preview .modal-dialog { max-width:950px; }
    #wrap-edu-preview .modal-header .close { top:20px; right:20px; }
    #wrap-edu-preview .modal-body { padding:60px; }
    .education .btn.apply-state { top:15px; }
    .education #bo_list .tbl_head01.edu_wrap table { border-top:1px solid #4a4a4c !important; }
    .education #bo_list .tbl_head01.edu_wrap thead { display:none; }
    .education #bo_list .tbl_head01.edu_wrap td { display:none; }
    .education #bo_list .tbl_head01 td.td_subject { display:block; padding:10px 15px; }
    .education #bo_list .tbl_head01 .td_subject .xs_content { display:block; }
    .education #bo_list .tbl_head01 .td_subject .ed_subject { padding:10px 0px; padding-right:50px; line-height:30px; }
    .education #bo_list .tbl_head01 .td_subject .ed_subject b img { display:inline-block; }
    .education #bo_list .tbl_head01 .td_subject .ed_subject .apply-date { display:none; }
    .education #bo_list .tbl_head01 .td_subject .ed_subject .apply-state { position:relative; display:inline-block; top:auto; left:auto; right:auto; }
}
@media (max-width: 1023px) { /* TABLET - ~ 1023 */
    #wrap-edu-preview .modal-dialog { max-width:730px; }
    #wrap-edu-preview .modal-body { padding:30px; padding-top:60px; row-gap:15px; }
}
@media (max-width: 767px) { /* MOBILE - ~ 768 */
    #wrap-edu-preview .modal-dialog { max-width:90%; max-height:94vh; margin:3vh auto; }
    #wrap-edu-preview .modal-content { border-radius:15px !important; }
    #wrap-edu-preview .modal-header .close { width:20px; height:20px; background-size:contain; right:15px; }
    #wrap-edu-preview .modal-body { grid-template-rows:40px 1fr; row-gap:10px; padding:15px; padding-top:60px; }
    #wrap-edu-preview .modal-body .edu-button { padding:15px 0px; }
    .education h3 img { width:40px; }
    .education #bo_list .tbl_head01 td.td_subject { display:block; padding:10px; }
    .education #bo_list .tbl_head01 .td_subject .ed_subject { display:block; padding:0px; }
    .education #bo_list .tbl_head01 .td_subject .ed_subject b { display:block; }
    .education #bo_list .tbl_head01 .td_subject .ed_subject img { top:0px; right:0px; margin-top:auto; }
    .education #bo_list .btn.apply-state { font-size:15px; padding:3px 7px; font-weight:700; }
    .education #bo_list .tbl_head01 .td_subject .table { font-size:14px; border-spacing:0px; }
    .education .edu-preview-body .btn.apply-state { font-size:14px; top:15px; left:15px; right:auto; }
    .education .edu-preview-body .table { display:inherit; }
    .education .edu-preview-body .table dl { display:inherit; margin-bottom:10px; }
    .education .edu-preview-body .table dl:last-child { margin-bottom:0px; }
    .education .edu-preview-body .table dt, .education .edu-preview-body .table dd { display:inherit; width:inherit; padding:4px 5px; line-height:30px; }
    .education .edu-preview-body .table dd { border-top:0px; }
    #bo_v.education .edu-preview-body .table dt { text-align:left; }
}