@CHARSET "UTF-8";

body, div, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button { margin:0; padding:0; }
body {
    margin:0; color: #5E5E5E; font-family:NanumGothic,"돋움", Dotum, AppleGothic, Sans-serif;
}

ul, ol, li { list-style:none; }
fieldset, form, button { border:0; }
img { border:0; }
hr, legend, caption { display:none }
em, address { font-style:normal }
table { border-collapse:collapse; }
textarea { overflow:auto; border:1px solid #dedede; }


a:link, a:active, a:visited { color: #5E5E5E; text-decoration: none;  }
a { text-decoration: none; }
input:focus, select:focus, button:focus, a:focus { outline: none; }

#wrap { margin: 0 auto; width: 100%; text-align: left; }
#wrap:after { display: block; content: ""; clear: both; }


/* 메뉴단-------------------------------------------------------------------------------------------*/
.gnb{position: relative; overflow: hidden;background:#14243a;height:75px;}
.gnb li.logo{display:flex;box-sizing:border-box;width:240px;height:75px;margin:0;padding:0 28px;align-items:center;gap:10px;clear:none;text-align:left;}
.gnb li.logo img{display:block;width:42px;height:42px;flex:0 0 42px;}



/* 추가20151019-------------------------------------------------------------------------------------------*/
.gnb li.logo p{width:auto;height:auto;margin:0;font-size:15px;color:#fff;font-weight:700;
               letter-spacing:-.5px;line-height:20px;vertical-align:middle;white-space:nowrap;}
/*끝 추가20151019-------------------------------------------------------------------------------------------*/

.gnb li{float:left; margin-top:17px; padding-top:10px; padding-left:10px; padding-right:30px;height:33px; color:#fff; text-align:center;font-weight: 600; font-size: 15px; width:120px; }
.gnb li.on{padding-left:20px;padding-right:20px;padding-bottom:20px;padding-left:20px; width:120px; background:#e13a3e; color:#fff;font-weight: 600;}
.gnb li a:link, a:active, a:visited { color: #fff; text-decoration: none;  }
.gnb li a { text-decoration: none; }
.gnb .gnb_btn{position:absolute;top:40px;right:10px;text-align:right;}



/* 수강신청일정-------------------------------------------------------------------------------------------*/
#info { margin-bottom: 30px;padding-top: 10px;overflow: hidden; }
#info .info_sectionz { margin: 0 auto; width: 1180px;  }

table02 { width: 100%; line-height: 140%; }
.tbl_subst02 {border: 1px solid #adadad;}
.tbl_subst02 th{  font-weight: 600; background: #F4F8F8;border: 1px solid #adadad;   text-align:center;}
.tbl_subst02 td { padding: 5px; padding-left: 10px ; vertical-align: middle; text-align:left; border: 1px solid #adadad;}

table03 { width: 100%; line-height: 140%; }
.tbl_subst03 {border: 1px solid #adadad;}
.tbl_subst03 th{  font-weight: 600; background: #F4F8F8;border: 1px solid #adadad;   text-align:center;}
.tbl_subst03 td { padding: 4px; padding-left: 4px ; vertical-align: middle; text-align:left; border: 1px solid #adadad;}
.tbl_subst03 td input {size:10; height: 20px; }
.tbl_subst03 td select {size:10; height: 25px; width: 100% ;}

table { width: 100%; line-height: 140%; }
.tbl_subst01 {border-right: 1px solid #adadad;border-top: 2px solid #004098; border-left: 1px solid #e5e5e5;}
.tbl_subst01 thead th { font-weight: 600; background: #fafafa; border-bottom: 1px solid #adadad;border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.tbl_subst01 th{ padding: 5px;vertical-align: middle; text-align:center;  border-bottom: 1px solid #e5e5e5; }
.tbl_subst01 td { padding: 5px; padding-left: 10px ; vertical-align: middle; text-align: center; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.tbl_subst01 tbody td { white-space: nowrap; word-break: keep-all; overflow-wrap: normal; }
.tbl_subst01 th, .tbl_subst01 td { line-height: 1.35; padding-top: 5px; padding-bottom: 5px; }
.tbl_subst01 tbody tr:hover { background:#f7fafe; }
.main-course-table thead th { font-size: 13px; }
.main-course-table tbody td { font-size: 13px; }
.profile-info-table th, .profile-info-table td { font-size: 13px; }
.sugang-main #info { font-size: 13px; }
.sugang-main #info input, .sugang-main #info select, .sugang-main #info button { font-size: 13px; }
/* 여백-------------------------------------------------------------------------------------------*/
.mt_5 { margin-top: 5px; }
.mt_10 { margin-top: 10px; }
.mt_20 { margin-top: 20px; }
.mt_30 { margin-top: 30px; }
.mt_40 { margin-top: 40px; }
.sec_tit  { margin-bottom: 10px;margin-top: 13px;font-size:15px; }
.point {color:#c03500; font-size: 12px;}
.credit-emphasis { color:#e13a3e; }
.captcha-row-wrap { text-align:center; }
.captcha-row-table { margin:0 auto; border:0; border-spacing:0; }
.captcha-row-table .captcha-cell { width:40%; text-align:right; }
.application-captcha-box { width:130px; height:30px; margin-left:auto; border:1px solid #8c8c8c; background:#c0c0c0; text-align:center; }
.captcha-instruction { color:#e13a3e; font-size:13px; }



/* Icon-------------------------------------------------------------------------------------------*/
span.btn_s .icon { position:relative; left:8px;margin-bottom:1px; vertical-align:middle; border:0; z-index:2;}


/* 조건검색-------------------------------------------------------------------------------------------*/
.list_search {margin-bottom:7px; padding:8px 15px 8px 15px; border: 2px solid #cedcef; background-color:#f7fafe;}
.table_search1 {border:0px ;width:100%;}


/* Footer Area-------------------------------------------------------------------------------------------*/
#footer { margin-bottom: 30px;padding-top: 37px; border-top: 1px solid #EFEFEF; overflow: hidden; }
#footer .footer_section { margin: 0 auto; width: 980px;  font-size: 11px; color: #ABB2B8; text-align: center; }
#footer.site-footer { display:flex; width:100%; min-height:76px; margin:48px 0 0; padding:0 24px; align-items:center; justify-content:center; border:0; background:#14243a; overflow:visible; box-sizing:border-box; }
#footer.site-footer .footer_section { width:100%; margin:0; color:#c9d5df; font-size:12px; line-height:1.5; text-align:center; }
#footer.site-footer p { margin:0; padding:0; color:#c9d5df; text-align:center; }



/* 추가20151019-------------------------------------------------------------------------------------------*/
/* header Area-------------------------------------------------------------------------------------------*/
#header { min-height: 35px; background:#F2F2F2;}
#header .section { width: 100%; height: 35px; position: relative; }
#header .logout_ment { padding-left: 16px; font-size: 11px; position: absolute; left: 84px; top: 10px; }
#header .logout_ment .fc_blue { color: #7A93F6; }
#header .policy_btn { width:68px; height: 22px; position: absolute; left: 600px; top: 6px; }



.body_s{ /* sub page */
            min-width:100%;
            margin:0px;
            border:1px solid #e8e8e8;
            position:relative;
            z-index:1;
            }
.body_s_full{min-height:30px;
            min-width:100%;
            margin:15px;
            padding:0;
            position:relative;
            z-index:1;

            }
h1{
    clear:both;
    display:block;
    width:100%;
    font:bold 11px NanumGothic,"돋움", Dotum, AppleGothic, Sans-serif;
    line-height:101%;
    letter-spacing:-1px;
    padding:0 0 0 70px;
    margin:0 0 10px 0;
    background:none;
    border:0px solid red;
}

/* 끝추가20151019-------------------------------------------------------------------------------------------*/

/* 작은 화면에서는 기존 색상·표 디자인을 유지하면서 메뉴와 표가 화면 밖으로 잘리지 않도록 합니다. */
@media (max-width: 760px) {
    body { min-width: 0; }
    .gnb { height: auto; min-height: 75px; overflow: visible; }
    .gnb ul { display: flex; flex-wrap: wrap; padding: 8px; }
    .gnb li.logo { flex: 0 0 100%; width:auto; height:58px; margin:0; padding:0 10px; }
    .gnb li, .gnb li.on { box-sizing: border-box; flex: 1 1 118px; width: auto; height: auto; min-height: 33px; margin-top: 0; padding: 8px 6px; font-size: 13px; }
    .gnb li.on { padding: 8px 6px; }
    #header .logout_ment { left: 8px; right: 8px; padding-left: 12px; }
    #header .policy_btn { left: auto; right: 8px; }
    #info .info_sectionz, #footer .footer_section { width: calc(100% - 20px); }
    #info .info_sectionz { transform: none; }
    .tbl_subst01, .tbl_subst02 { display: block; overflow-x: auto; }
    .list_search { padding: 8px; }
    .sugang-main #info .info_sectionz { width: calc(100% - 24px); }
    .sugang-main .captcha-row-table { display:block; width:100%; overflow:visible; }
    .sugang-main .captcha-row-table tr { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; }
    .sugang-main .captcha-row-table td { width:auto!important; text-align:center!important; }
    .sugang-main .application-captcha-box { margin:0 auto; }
    .sugang-main .list_search .table_search1 tr { display:flex; align-items:center; gap:8px; }
    .sugang-main .list_search .table_search1 td:first-child { flex:1 1 auto; min-width:0; }
    .sugang-main .list_search .table_search1 td:last-child { flex:0 0 auto; float:none!important; }
    .sugang-main #info{max-width:100%;overflow:hidden}.sugang-main .info_sectionz>div:not(.captcha-row-wrap){max-width:100%;overflow-x:auto}.sugang-main .main-course-table,.sugang-main .profile-info-table{display:table!important;width:980px!important;min-width:980px}.sugang-main .mobile-table-note{position:sticky;left:0;box-sizing:border-box;width:calc(100vw - 40px)}
}