/*서브-상단비주얼 */
#svisual {
    width: 100%;
    min-width: 1100px;
    height: 400px;
    margin: 0px auto;
    background: url(../img/main/mvisual02.png) no-repeat center top;
    overflow: hidden;
    position: relative;
    visibility: hidden;
}

#svisual::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    /*    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0) 100%);*/
}

#svisual .s_text {
    width: 1000px;
    position: absolute;
    top: 170px;
    left: 50%;
    margin-left: -500px;
    text-align: center;
    color: #fff;
    visibility: hidden;
    z-index: 1;
}

#svisual .s_text .img01 {
    line-height: 1.6em;
    letter-spacing: 0px;
    font-size: 15px;
    font-weight: 300;
    margin-top: 10px;
}

#svisual .s_text .img02 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1em;
    font-family: 'MBC1961M';
}

#svisual .s_text .mt {
    /* width:20%; margin:15px auto; height:1px; background:rgba(250,250,250,0.5);*/
    display: none;
}

/* 내용-공통 */
.mt_10 {
    margin-top: 10px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_50 {
    margin-top: 50px;
}

.mt_60 {
    margin-top: 60px;
}

.mt_70 {
    margin-top: 70px;
}

.mt_80 {
    margin-top: 80px;
}

.mt_90 {
    margin-top: 90px;
}

.mt_100 {
    margin-top: 100px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb_60 {
    margin-bottom: 60px;
}

.mb_70 {
    margin-bottom: 70px;
}

.mb_80 {
    margin-bottom: 80px;
}

.mb_90 {
    margin-bottom: 90px;
}

.mb_100 {
    margin-bottom: 100px;
}

.pt_10 {
    padding-top: 10px;
}

.pt_20 {
    padding-top: 20px;
}

.pt_30 {
    padding-top: 30px;
}

.pt_40 {
    padding-top: 40px;
}

.pt_50 {
    padding-top: 50px;
}

.pt_60 {
    padding-top: 60px;
}

.pt_70 {
    padding-top: 70px;
}

.pt_80 {
    padding-top: 80px;
}

.pt_90 {
    padding-top: 90px;
}

.pt_100 {
    padding-top: 100px;
}

.pb_10 {
    padding-bottom: 10px;
}

.pb_20 {
    padding-bottom: 20px;
}

.pb_30 {
    padding-bottom: 30px;
}

.pb_40 {
    padding-bottom: 40px;
}

.pb_50 {
    padding-bottom: 50px;
}

.pb_60 {
    padding-bottom: 60px;
}

.pb_70 {
    padding-bottom: 70px;
}

.pb_80 {
    padding-bottom: 80px;
}

.pb_90 {
    padding-bottom: 90px;
}

.pb_100 {
    padding-bottom: 100px;
}

.t_center {
    text-align: center;
}

.fl {
    float: left;
}

.img2 img {
    width: 100%;
}

/*가로스크롤*/
.row-horizon {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}


/*****표 스타일*/
.tbl table {
    width: 100%;
    border: 3px solid #1468c7;
    font-size: 1.2em;
    letter-spacing: 0;
}

.tbl thead tr th {
    text-align: center;
    background: #f5f5f5;
    padding: 15px 10px;
    border-bottom: 1px solid #555;
}

.tbl tbody tr th {
    text-align: center;
    background: #f2f2f2;
    padding: 15px 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px dotted #ddd;
}

.tbl tr td {
    text-align: center;
    padding: 15px 10px;
    border-bottom: 1px dotted #ddd;
    border-right: 1px solid #ddd;
    color: #666;
}

.tbl tr:last-child td {
    border-bottom: 0
}

.tbl tr td:last-child {
    border-right: 0
}

.tbl tr td:first-child {
    background: #faf8f1;
}

.tbl li {
    text-align: left;
    line-height: 1.8em;
    padding-left: 10px;
    position: relative;
}

.tbl li:before {
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background: #1468c7;
    position: absolute;
    top: 11px;
    left: 0px;
}

.tbl2 table {
    width: 100%;
    border-top: 1px solid #1468c7;
    font-size: 1.1em;
    letter-spacing: 0;
}

.tbl2 caption {
    padding: 0 !important;
}

.tbl2 .blind {
    position: absolute !important;
    left: -9999px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.tbl2 thead tr th {
    text-align: center;
    background: #f2f2f2;
    padding: 12px 10px;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    color: #333;
    border-right: 1px solid #ddd;
}

.tbl2 thead tr td.t {
    text-align: center;
    background: #f7f7f7;
    padding: 12px 10px;
    border-bottom: 1px solid #666;
    font-weight: 500;
    color: #333;
    border-right: 1px solid #ddd;
}

.tbl2 thead tr th:last-child {
    border-right: 0;
}

.tbl2 thead tr td.t:last-child {
    border-right: 0;
}

.tbl2 tbody tr th {
    text-align: center;
    background: #f2f2f2;
    padding: 12px 10px;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    color: #333;
    border-right: 1px solid #ddd;
}

.tbl2 tr td {
    text-align: center;
    padding: 10px 10px;
    border-bottom: 1px dotted #ddd;
    border-right: 1px solid #ddd;
    color: #666;
}

.tbl2 tr td.tleft {
    text-align: left;
    padding: 10px 20px;
}

.tbl2 tr td.tleft2 {
    text-align: left;
    padding: 10px 10px;
}

.tbl2 tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.tbl2 tr td:last-child {
    border-right: 0
}

.tbl2 tr td:first-child {
    background: #fff;
}

.tbl2 li {
    text-align: left;
    line-height: 1.8em;
    padding-left: 10px;
    position: relative;
}

.tbl2 li:before {
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background: #1468c7;
    position: absolute;
    top: 11px;
    left: 0px;
}


.tbl3 table {
    width: 96%;
    border-top: 2px solid #1468c7;
    border-bottom: 2px solid #1468c7;
    font-size: 1em;
    letter-spacing: 0;
    margin-top: 10px
}

.tbl3 h1 {
    font-size: 1.8em;
    margin: 10px 0;
    position: relative;
    padding-left: 14px;
    color: #000000;
    font-weight: 600;
    letter-spacing: -1px
}

.tbl3 thead tr th {
    text-align: center;
    background: #f2f2f2;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    color: #333;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.tbl3 tr td {
    text-align: center;
    padding: 3px;
    border-bottom: 1px dotted #ddd;
    border-right: 1px solid #ddd;
    color: #666;
    border-left: 1px solid #ddd;
    color: #666
}

.tbl3 tr td:first-child {
    background: #f9f9f9;
}



@media (max-width:1000px) {

    /*서브-상단비주얼 */
    #svisual {
        min-width: 100%;
        height: 200px;
        background-position: center top;
        background-size: cover;
    }

    #svisual .s_text {
        display: none;
    }

    /* 내용-공통 */
    .mt_30 {
        margin-top: 10px;
    }

    .mt_40 {
        margin-top: 20px;
    }

    .mt_50 {
        margin-top: 30px;
    }

    .mt_60 {
        margin-top: 40px;
    }

    .mt_70 {
        margin-top: 50px;
    }

    .mt_80 {
        margin-top: 60px;
    }

    .mt_90 {
        margin-top: 70px;
    }

    .mt_100 {
        margin-top: 80px;
    }

    .mb_30 {
        margin-bottom: 10px;
    }

    .mb_40 {
        margin-bottom: 20px;
    }

    .mb_50 {
        margin-bottom: 30px;
    }

    .mb_60 {
        margin-bottom: 40px;
    }

    .mb_70 {
        margin-bottom: 50px;
    }

    .mb_80 {
        margin-bottom: 60px;
    }

    .mb_90 {
        margin-bottom: 70px;
    }

    .mb_100 {
        margin-bottom: 80px;
    }

    .pt_30 {
        padding-top: 10px;
    }

    .pt_40 {
        padding-top: 20px;
    }

    .pt_50 {
        padding-top: 30px;
    }

    .pt_60 {
        padding-top: 40px;
    }

    .pt_70 {
        padding-top: 50px;
    }

    .pt_80 {
        padding-top: 60px;
    }

    .pt_90 {
        padding-top: 70px;
    }

    .pt_100 {
        padding-top: 80px;
    }

    .pb_30 {
        padding-bottom: 10px;
    }

    .pb_40 {
        padding-bottom: 20px;
    }

    .pb_50 {
        padding-bottom: 30px;
    }

    .pb_60 {
        padding-bottom: 40px;
    }

    .pb_70 {
        padding-bottom: 50px;
    }

    .pb_80 {
        padding-bottom: 60px;
    }

    .pb_90 {
        padding-bottom: 70px;
    }

    .pb_100 {
        padding-bottom: 80px;
    }

    .img img {
        width: 100%;
    }


    /*가로스크롤*/
    .row-horizon:before {
        content: "← 좌우스크롤로 확인해주세요 →";
        display: block;
        margin: 5px 0 5px 5px;
        font-size: 11px;
        color: #999;
    }

    .row-horizon {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        float: none;
        width: 100%;
    }

    .tbl table {
        font-size: 1em;
        border-width: 2px;
    }

    .tbl thead tr th {
        padding: 7px 10px;
    }

    .tbl tr td {
        padding: 7px 10px;
    }

    .tbl_txt {
        font-size: 1em;
    }

    .tbl li {
        line-height: 1.5em;
        padding-left: 7px;
    }

    .tbl li:before {
        top: 7px;
    }

    .tbl2 table {
        font-size: 1em;
    }

    .tbl2 thead tr th {
        padding: 7px 10px;
    }

    .tbl2 thead tr td.t {
        padding: 7px 10px;
    }

    .tbl2 tr td {
        padding: 7px 10px;
    }

    .tbl2 tr td.tleft {
        padding: 7px 10px;
    }

    .tbl2 li {
        line-height: 1.5em;
        padding-left: 7px;
    }

    .tbl2 li:before {
        top: 7px;
    }
}

@media (max-width:400px) {
    #svisual {
        height: 230px;
    }
}


/*오시는 길*/
.map {}

.map_info {
    border-top: 2px solid #1468c7;
    margin-top: 20px;
    padding: 15px 0px;
}

.map_info p {
    font-size: 1.4em;
    font-weight: 500;
    color: #222;
    margin-bottom: 10px;
    padding: 0px 20px 20px 20px;
    border-bottom: 1px dashed #666;
}

.map_info p strong {
    color: #1468c7;
    display: inline-block;
    margin-right: 20px;
}

.map_info ul {}

.map_info li {
    border-bottom: 1px dotted #ddd;
    line-height: 50px;
    font-size: 1.3em;
    color: #555;
    padding: 0 20px;
}

.map_info li i {
    color: #0097d9;
}

.map_info li span {
    display: inline-block;
    margin-left: 10px;
}

@media (max-width: 1400px) {
    .map_info p {
        font-size: 1.3em;
    }

    .map_info p strong {
        display: block;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .map_info li {
        line-height: 40px;
        font-size: 1.2em;
    }
}

/*******내용공통*******/
.btn_down {
    display: block;
    width: 200px;
    line-height: 50px;
    text-align: center;
    background: #0066b4;
    color: #fff !important;
    font-size: 1.2em;
}

.title {
    font-size: 1.8em;
    font-weight: 400;
    margin-bottom: 20px;
    position: relative;
    padding-left: 14px;
}

.title:before {
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #1468c7;
    border-left-color: #ccc;
    position: absolute;
    top: 8px;
    left: -8px;
}

.title2 {
    font-size: 1.4em;
    font-weight: 500;
    margin-bottom: 10px;
    color: #1468c7;
}

.title3 {
    font-size: 1.6em;
    font-weight: 500;
    margin-bottom: 20px;
    color: #222;
    position: relative;
    padding-left: 13px;
}

.title3:before {
    display: block;
    content: "";
    width: 7px;
    height: 19px;
    background: #ccc;
    border-left: 3px solid #1468c7;
    position: absolute;
    top: 6px;
    left: 0px;
}

.title4 {
    font-size: 1.3em;
    font-weight: 500;
    margin-bottom: 15px;
    color: #333;
    position: relative;
    padding-left: 17px;
}

.title4:before {
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #1468c7;
    position: absolute;
    top: 6px;
    left: 0px;
}


.ctxt {
    font-size: 1.2em;
    color: #666;
    line-height: 1.8em;
}

.ctxt .tit {
    font-size: 1.2em;
    color: #333;
    margin-bottom: 10px;
    font-weight: 500;
    position: relative;
    padding-left: 17px;
}

.ctxt .tit:before {
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    background: #fff;
    border: 6px solid #1468c7;
    border-right: 4px solid #fff;
    position: absolute;
    top: 8px;
    left: 0px;
}

.ctxt li {
    position: relative;
    padding-left: 10px;
}

.ctxt li:after {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #1468c7;
    position: absolute;
    top: 11px;
    left: 0px;
}

.ctxt li strong {
    font-weight: 500;
    color: #222;
    display: inline-block;
    margin-right: 10px;
}

.ctxt li.st_w:after {
    display: none;
}

.ctxt li.st_w strong {
    width: 56px;
}

.ctxts {
    font-size: 14px;
    background: #f5f5f5;
    padding: 15px 20px;
    margin: 10px 0;
    color: #444;
}

.ctxt .ulb li {
    padding-left: 0px;
}

.ctxt .ulb li:after {
    display: none;
}

.ctxt h3 {
    font-weight: 500;
    font-size: 1.2em;
    color: #1468c7;
}

.ct_li {
    background: #f5f5f5;
    padding: 20px 30px;
}

.ct_li:after {
    display: block;
    content: "";
    clear: both;
}

.ct_li li {
    float: left;
    width: 25%;
    margin: 5px 0;
}


.box li {
    float: left;
    width: calc(33% - 20px);
    height: 145px;
    margin: 0 10px;
    text-align: center;
    border: 2px solid #ddd;
    padding: 30px 40px;
    font-size: 1.1em;
    color: #666;
    border-radius: 0 15px 0 15px;
}

.box strong {
    font-size: 1.5em;
    color: #1468c7;
    display: block;
    margin-bottom: 10px;
}

.box2 dl {
    float: left;
    width: 190px;
    margin: 15px 10px;
    height: 260px;
    border: 3px solid #269dd4;
    border-radius: 15px;
    padding: 20px 20px;
    box-sizing: border-box;
    position: relative;
}

.box2 dt {
    margin: 20px 0 10px 0;
    font-size: 1.4em;
    line-height: 1.3em;
}

.box2 dd {
    color: #777;
    line-height: 1.6em;
    font-size: 1.1em;
}

.box2 .num {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    background: #269dd4;
    position: absolute;
    top: -25px;
    left: 13px;
    font-family: 'MBC1961M';
    color: #fff;
}

.box2 .arrow {
    width: 30px;
    border: 0;
    padding: 0;
    margin: 0;
    line-height: 260px;
    color: #ccc;
    font-size: 2.5em;
    text-align: center;
}

.box2 dl.dl_6 {
    width: 430px;
    position: relative;
}

.box2 dl.dl_6 dd {
    padding-right: 180px;
    position: relative;
}

.box2 .dd {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 15px 15px;
    background: #f2f2f2;
}

.box3 {
    float: left;
    width: calc(33% - 20px);
    height: 480px;
    margin: 10px 10px;
    border: 1px solid #ddd;
    padding: 20px 20px;
}

.box3 dt {
    font-size: 1.6em;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}

.box3 dd {
    margin-bottom: 20px;
}

.box3 dd img {
    width: 100%;
}

.box3 ul {}

.box3 li {
    position: relative;
    padding-left: 10px;
    font-size: 1.1em;
    color: #666;
    line-height: 1.5em;
    margin: 3px 0;
}

.box3 li:after {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #1468c7;
    position: absolute;
    top: 7px;
    left: 0px;
}

.box5 {
    border: 1px solid #ccc;
    padding: 30px 30px;
}


/*첫번째-하위카테고리 탭*/
.tabs {
    text-align: center;
    margin-bottom: 70px;
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    flex-wrap: wrap;
    grid-gap: 3px;
}

.tabs .ta {
    width: 100%;
    /*    margin: 0 3px;*/
}

.tabs .ta a {
    display: block;
    width: 100%;
    line-height: 50px;
    color: #555;
    background: #f2f2f2;
    font-size: 1em;
}

.tabs .ta a.selected {
    color: #fff;
    font-weight: 500;
    background: #1166c6;
    background: -webkit-linear-gradient(right, #1166c6, #54a3e8);
    background: -moz-linear-gradient(right, #1166c6, #54a3e8);
    background: -o-linear-gradient(right, #1166c6, #54a3e8);
    background: linear-gradient(to left, #1166c6, #54a3e8);
}

.tabs .taa {
    float: left;
    width: calc(25% - 6px);
    margin: 0 3px;
}

.tabs .taa a {
    display: block;
    width: 100%;
    line-height: 47px;
    color: #555;
    border: 2px solid #f2f2f2;
    background: #f2f2f2;
    font-size: 1.3em;
}

.tabs .taa a:hover {
    border-color: #1468c7;
    background: #fff;
}

/*두번째-하위카테고리 탭*/
.nav-tabs {
    margin-bottom: 50px;
    border-bottom: 0;
    text-align: center;
}

.nav-tabs > li {
    width: calc(33% - 4px);
    margin: 2px 2px;
}

.nav-tabs > li > a {
    display: block;
    border: 2px solid #ddd;
    font-size: 1.2em;
    line-height: 45px;
    padding: 0 10px;
    border-radius: 0;
    color: #777;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    font-weight: 500;
    color: #222;
    border: 2px solid #1166c6;
}



/*관련사이트*/
.site li {
    float: left;
    width: calc(25% - 20px);
    margin: 10px 10px;
    border: 1px solid #ddd;
}

/*연구지도기관*/
.bimg {
    float: left;
    margin-right: 30px;
    width: 450px;
}

.bimg img {
    width: 100%;
}

.binfo {
    float: left;
}

.binfo .stit {
    font-size: 1.8em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #1468c7;
}

.binfo li {
    font-size: 1.2em;
    color: #555;
    margin: 8px 0;
}

.binfo li strong {
    display: inline-block;
    font-weight: 500;
    color: #333;
    margin-right: 10px;
    width: 78px;
}

.binfo li i {
    color: #1468c7;
}


@media (max-width: 1400px) {
    .btn_down {
        width: 100%;
    }

    .title {
        font-size: 1.5em;
        margin-bottom: 10px;
        padding-left: 15px;
    }

    .title:before {
        width: 13px;
        height: 13px;
        border-width: 3px;
        top: 7px;
        left: 0px;
    }

    .title2 {
        font-size: 1.2em;
    }

    .title3 {
        font-size: 1.3em;
        margin-bottom: 15px;
        padding-left: 9px;
    }

    .title3:before {
        width: 5px;
        height: 15px;
        top: 5px;
    }

    .title4 {
        font-size: 1.2em;
        margin-bottom: 8px;
        padding-left: 17px;
    }

    .title4:before {
        display: block;
        content: "";
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #fff;
        border: 3px solid #1468c7;
        position: absolute;
        top: 6px;
        left: 0px;
    }


    .ctxt {
        font-size: 1.1em;
    }

    .ctxt .tit {
        font-size: 1.1em;
        padding-left: 13px;
    }

    .ctxt .tit:before {
        width: 10px;
        height: 10px;
        border-width: 5px;
        border-right-width: 2px;
        top: 8px;
    }

    .ctxt li {
        padding-left: 8px;
    }

    .ctxt li:after {
        width: 4px;
        height: 4px;
        top: 10px;
    }

    .ctxt li.st_w strong {
        width: 51px;
    }

    .ctxts {
        font-size: 13px;
        padding: 10px 15px;
    }

    .ct_li {
        padding: 15px 15px;
    }

    .ct_li li {
        width: 33%;
        margin: 3px 0;
    }

    .box li {
        float: none;
        width: 90%;
        height: auto;
        margin: 0 auto 10px auto;
        padding: 20px 30px;
    }

    .box strong {
        font-size: 1.5em;
        color: #1468c7;
        display: block;
        margin-bottom: 10px;
    }

    .box2 {
        width: 90%;
        margin: 30px auto 0 auto;
    }

    .box2 dl {
        float: none;
        width: 100%;
        margin: 15px 0px;
        height: auto;
        padding: 30px 30px;
    }

    .box2 dt {
        margin: 10px 0 10px 0;
    }

    .box2 .m_arrow {
        width: 100%;
        height: 20px;
        border: 0;
        padding: 0;
        margin: 0;
        line-height: 20px;
        color: #ccc;
        font-size: 2.3em;
        text-align: center;
    }

    .box2 dl.dl_6 {
        width: 100%;
    }

    .box2 dl.dl_6 dd {
        padding-right: 0;
    }

    .box2 .dd {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 10px;
    }

    .box3 {
        float: none;
        width: 90%;
        margin: 0 auto 10px auto;
        height: auto;
    }

    .box5 {
        padding: 15px 15px;
    }

    /*하위카테고리 탭*/
    .tabs {
        margin-bottom: 30px;
    }

    .tabs .ta {
        width: calc(33% - 4px);
        margin: 2px 2px;
    }

    .tabs .ta a {
        line-height: 35px;
        font-size: 1em;
    }

    .tabs .taa {
        width: calc(33% - 4px);
        margin: 2px 2px;
    }

    .tabs .taa a {
        line-height: 32px;
        font-size: 1em;
    }

    /*두번째-하위카테고리 탭*/
    .nav-tabs {
        margin-bottom: 20px;
    }

    .nav-tabs > li {
        width: calc(50% - 4px);
        margin: 2px 2px;
    }

    .nav-tabs > li > a {
        line-height: 1.3em;
        padding: 8px 10px;
        font-size: 1em;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
    }


    /*관련사이트*/
    .site li {
        width: calc(50% - 6px);
        margin: 5px 3px;
    }

    .site li img {
        width: 100%;
    }

    /*연구지도기관*/
    .bimg {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .binfo {
        float: none;
    }

    .binfo .stit {
        font-size: 1.5em;
    }

    .binfo li {
        font-size: 1em;
        margin: 6px 0;
    }

    .binfo li strong {
        width: 65px;
        margin-right: 0;
    }
}



/*내용공통*/
#ctt {
    font-size: 1.25em;
    line-height: 1.8em;
}

#ctt h2 {
    font-family: 'MBC1961M';
    font-size: 2.5em;
    line-height: 1em;
    text-align: center;
    color: #1699dc;
    margin-bottom: 80px;
}

#ctt h2 span {
    font-family: 'MBC1961M';
    font-size: 23px;
    color: #222;
    display: inline-block;
    margin-bottom: 10px;
    : ;
    : m;
}

#ctt h2 strong {
    font-family: 'suit';
    font-size: 18px;
    color: #0b4380;
}

#ctt h3:before {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background-color: #0b4380;
    margin-bottom: 15px;
}

#ctt h3 {
    font-size: 1.6em;
    margin: 10px auto 30px auto;
    color: #0b4380;
}

#ctt dl.circle {
    counter-reset: section;
}

#ctt .circle dt {
    counter-increment: section;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 1.1em;
}

#ctt .circle dt::before {
    content: "0"counter(section);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0em;
    width: 30px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #0068BB;
    color: #fff;
    text-align: center;
    margin-right: 6px;
    font-weight: 500;
}

#ctt dd {
    margin-bottom: 20px;
}

#ctt .grid {
    display: grid;
    gap: 20px;
}

#ctt .grid2 {
    grid-template-columns: repeat(2, 1fr);
}

#ctt .grid3 {
    grid-template-columns: repeat(3, 1fr);
}

#ctt .grid4 {
    grid-template-columns: repeat(4, 1fr);
}

#ctt .grid5 {
    grid-template-columns: repeat(5, 1fr);
}

#ctt .img_area {
    margin: 20px auto;
    height: 400px;
}

#ctt .img_area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#ctt .grid {
    margin-bottom: 40px;
}

#ctt .grid li {
    background-color: #f9f9f9;
    padding: 2.5em 1.5em;
    line-height: 1.6em;
    font-size: 0.9em;
    word-break: keep-all;
    border-radius: 10px;
}

#ctt .grid p {
    font-size: 1.15em;
    font-weight: 600;
    margin-bottom: 20px;
    color: #0068BB;
    word-break: keep-all;
}

@media (max-width: 1400px) {
    #ctt {
        font-size: 1.05em;
    }

    #ctt h2 {
        font-size: 1.8em;
        margin-bottom: 50px;
        line-height: 1.2em;
        padding: 0 10px;
        text-align: left;
    }

    #ctt h2 span {
        font-size: 18px;
        line-height: 1.2em;
    }

    #ctt h2 strong {
        font-size: 14px;
        line-height: 1.4em;
        font-weight: normal;
        margin-top: 10px;
        display: block;
    }

    #ctt .grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width:400px) {
    #ctt .circle dt {
        flex-wrap: wrap;
        grid-gap: 10px;
    }

    #ctt .img_area {
        height: auto;
    }

    #ctt .img_area img {
        height: auto;
    }
}

/*인사말*/
.greet {
    background: url(../img/sub/greet_img.png) no-repeat left 200px/500px auto;
    padding-bottom: 200px;
}

.greet p {
    font-size: 1em;
    line-height: 1.8em;
    color: #333;
    padding-left: 250px;
    background: #fff;
    padding: 50px 50px;
    margin: 120px 0 0 400px;
    word-break: keep-all;
    word-wrap: break-word;
}

.greet p strong {
    font-size: 1.3em;
    display: inline-block;
    margin-bottom: 20px;
}



#ctt #feature ul > li {
    padding: 0;
    background: transparent;
}

#ctt #feature ul > li .num {
    width: 155px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #0068BB;
    border-radius: 15px;
    text-align: center;
    margin-left: calc(100% - 195px);
    transform: translateY(30px);
}

#ctt #feature ul > li .img_area {
    height: 226px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
}

#ctt #feature ul > li p {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0 0;
    line-height: 38px;
    color: #333;
}

#ctt #feature ul > li b {
    display: inline-block;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #333;
}




#map {
    font-size: .9em;
}

#map ul {
    display: flex;
    position: relative;
    top: -20px;
    z-index: 1;
    width: 85%;
    margin: 0 auto;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
}

#map li {
    background: #fff;
    border-right: 1px solid #eee;
    padding: 20px;
}

#map li:last-child {
    border-right: 0;
}

#map dl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#map dl i {
    font-size: 2em;
    color: #1777e1;
}

#map dt {
    font-size: 1.3em;
    font-weight: 600;
    margin: 10px 0;
}

#map dd {
    margin: 0;
}

#program02_01 h2 strong,
#program02_05 h2 strong {
    display: block;
    line-height: 1.6;
}

#program02_01 .pro02_01_00 {
    display: table;
    margin: 0 auto 100px;
}

#program02_01 .tabs .ta a {
    font-size: 1em;
}

#program02_01 .pa.grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
}

#ctt .grid li {
    position: relative;
}

.edu_em {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 10px;
    color: #fff;
    background: #0068BB;
    font-size: 13px;
    /*    border-radius: 0 0 0 10px;*/
    overflow: hidden;
}

.sebu_box {
    padding: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0;
}

.sebu_box dd {
    margin: 0 !important;
    font-size: .9em;
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

.sebu_box dd::before {
    content: '';
    display: inline-block;
    position: relative;
    width: 3px;
    height: 3px;
    background: #555;
}


.sub_tit {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    color: #fff;
    background: #0068BB;
    font-size: 13px;
    /*    border-radius: 0 0 0 10px;*/
    overflow: hidden;
}

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

@media (max-width: 1400px) {
    .greet {
        background-position: center 175px;
        background-size: 400px auto;
        padding-bottom: 0;
    }

    .greet p {
        font-size: 1.1em;
        padding: 30px 30px;
        width: 90%;
        margin: 250px auto 0 auto;
    }


    #ctt #feature ul > li .num {
        width: fit-content;
        font-size: 1.2em;
        height: 45px;
        line-height: 45px;
        padding: 0 15px;
        margin-left: calc(100% - 130px);
    }

    #ctt #feature ul > li p {
        font-size: 1.5em;
        line-height: 1.6;
        margin: 20px 0 0;
    }

    #ctt #feature ul > li b {
        font-size: 1.1em;
        line-height: 1.6;
        margin: 10px 0 0;
    }

    #program02_01 .pro02_01_00 {
        margin: 0 0 50px;
    }

    #program02_01 .pro02_01_00 > img {
        width: 100%;
    }

    .tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .tabs .ta {
        width: 100%;
        margin: 0;
    }

    #program02_01 .pa.grid2 {
        grid-template-columns: 1fr;
        grid-gap: 0px;
    }
}

@media(max-width:768px) {
    #map {
        font-size: 1em;
    }

    #map ul {
        grid-template-columns: 1fr;
    }

    #map li {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #eee;
    }

    #map li:last-of-type {
        border-bottom: 0;
    }
}

@media(max-width:500px) {
    #map dt {
        font-size: 1.1em;
        margin: 5px 0;
    }

    #map dd {
        font-size: 1em;
    }

    #map dl i {
        font-size: 1.5em;
    }
}



/* 화이트 표 */
.table table {
    width: 100%;
    margin: 10px 0px 0px 0;
    border-top: 1px solid #1a2a49;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    font-size: 1em;
    line-height: 1.5em;
}

.table td,
.table th {
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    border-right: 1px solid #ccc;
/*    text-align: center;*/
}

.table td {
    text-align: left;
}

.table th.bg2 {
    background: #10419c;
    color: #fff
}

.table td.bg2 {
    background: #dde4ef;
}

.table th {
    border-right: 1px solid #ccc;
    color: #666;
    background: #f8f9fc;
    font-weight: 700;
    font-size: 1.1em;
}

.table thead th {
    border-bottom: 1px solid #ccc;
}

.table tbody th {
    border-bottom: 1px solid #ccc;
}

.table th:last-child,
.table td:last-child {
    border-right: 0;
}

.table .text_center {
    text-align: center;
}

.table .text_left {
    text-align: left;
}

.table .text_right {
    text-align: right;
}

.table td > a {
    display: block
}

/* gray 표 */
.table2 table {
    width: 100%;
    margin: 0px 0px 0px 0;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    font-size: 1em;
    line-height: 1.5em;
}

.table2 td,
.table2 th {
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    padding: 7.5px;
    border-right: 1px solid #ccc;
    text-align: center;
}

.table2 td {}

.table2 th {
    border-right: 1px solid #ccc;
    color: #666;
    background: #f6f6f6;
    font-weight: 700;
    font-size: 1.1em;
}

.table2 thead th {
    border-bottom: 1px solid #ccc;
}

.table2 tbody th {
    border-bottom: 1px solid #ccc;
}

.table2 th:last-child,
.table2 td:last-child {
    border-right: 0;
}

.table2 .text_center {
    text-align: center;
}

.table2 .text_left {
    text-align: left;
}

.table2 .text_right {
    text-align: right;
}

.table2 td > a {
    display: block
}

/*가로스크롤*/
.table {
    position: relative;
    width: 100%;
    padding: 0 0 20px 0;
    margin: 0 auto 20px auto;
    overflow-x: auto;
    overflow-y: hidden;
}

@media screen and (max-width:1300px) {
    .table_wrap {
        position: relative;
    }

    .table_wrap:before {
        content: "\e4ba  표를 좌우로 움직여주세요";
        font-family: "Font Awesome 6 Pro";
        color: #666;
        font-weight: 300;
        font-size: 0.9em;
        opacity: 0.3;
        position: absolute;
        width: 100%;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .table {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        width: 200%;
    }

    .table table {
        margin-top: 30px;
    }
}