#mobile-visual,
.mobile_cate_ul {
    display: none;
}
@media(max-width:991px) {
    #mobile-visual {
        display: block;
        padding-top: 65px;
        position: relative;
    }
    #mobile-visual .wrap {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        margin-bottom: 15px;
    }
    #mobile-visual .wrap img {
        width: 100%;
        border-radius: 20px;
    }
    #mobile-visual .wrap:last-child {
        margin-bottom: 0;
    }
    #mobile-visual .wrap .caption {
        position: absolute;
        bottom: 15px;
        left: 30px;
    }
    #mobile-visual .wrap .caption span {
        display: block;
        background: rgba(255, 255, 255, .7);
        border-radius: 3em;
        padding: 8px 22px;
        font-weight: 700;
        font-size: 17px;
    }

    .mobile_cate_ul {
        display: block;
        margin-bottom: 20px;
    }
    .mobile_cate_ul .box {
        font-size: 17px;
        font-weight: 700;
        padding: 16px 20px;
        /* border: 1px #dbdee4 solid; */
        /* background: #712CF9; */
        background: linear-gradient(to right, #712CF9, #36b9fd);
        border-radius: 0.6em;
        position: relative;
        color: #fff;
    }
    .mobile_cate_ul .box.edu02 {
        background: linear-gradient(to right, #f92ce3, #fbbe47);
    }

    .mobile_cate_ul .box::before {
        position: absolute;
        right: 15px;
        top: 17px;
        font-family: 'bootstrap-icons';
        content: "\F282";
        font-size: 17px;

    }
    #page.page01 {
        margin-top: 60px;
        position: relative;

    }
    #page.page01 .edu {
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 0;
        align-items: center;
    }
    #page.page01 .edu:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border: 0;
    }
    #page.page01 .edu .image {
        width: 100%;
    }
    #page.page01 .edu .image img {
        width: 100%;
    }
    #page.page01 .edu .text {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    #page.page01 .edu .text h1 {
        font-size: 24px;
        font-weight: 700;
        line-height: 34px;
    }
    #page.page01 .edu .text h1 br {
        display: none;
    }
    #page.page01 .edu .text p {
        font-size: 17px;
        font-weight: 500;
        margin-top: 0;
    }
    #page.page01 .edu .text p::after {
        font-family: 'bootstrap-icons';
        content: "\F144";
        font-size: 14px;
        padding-left: 12px;
        transition: 0.2s;
    }
    #page.page01 .edu .text p:hover::after {
        padding-left: 24px;
    }
    #page.page01 .edu .text h1 span {
        display: inline-block;
        position: relative;
    }
    #page.page01 .edu .text h1 span::before {
        position: absolute;
        width: 100%;
        height: 8px;
        background: #c1e7ff;
        content: '';
        margin-top: 20px;
        z-index: -1;
    }
    #page.page01 .edu:last-child .text h1 span::before {
        position: absolute;
        width: 100%;
        height: 8px;
        background: #f6c1ff;
        content: '';
        margin-top: 20px;
        z-index: -1;
    }
    #page.page01 .edu .text a.home,
    #page.page01 .edu .text a.home.home02 {
        width: 100%;
    }
    #page.page01 .edu .text a.home span {
        font-size:18px;
    }
    #page.page02 .wrap {
        display: flex;
        flex-direction: column;

    }
    #page.page02 .wrap .title {
        width: 100%;
    }
    #page.page02 .wrap .history {
        width: 100%;
        padding-left: 0;
        margin-top: 20px;

    }
    #page.page02 .wrap .title dl {
        text-align: center;
    }
    #page.page02 .wrap .title dl dt {
        font-size: 24px;
        font-weight: 800;
        line-height: 36px;
    }
    #page.page02 .wrap .title dl dt br {
        display: none;
    }
    #page.page02 .wrap .title dl dt span {
        display: inline-block;
        position: relative;
    }
    #page.page02 .wrap .title dl dt span::before {
        position: absolute;
        width: 100%;
        height: 8px;
        background: #fed479;
        content: '';
        z-index: -1;
        margin-top: 22px;
    }
    #page.page02 .wrap .title dl dd {
        margin-top: 8px;
        font-size: 16px;
        color: #979797;

    }
    #page.page02 .wrap .title p {
        margin-top: 0;
    }
    #page.page02 .wrap .title img {
        width: 100%;
    }

    #page.page02 .wrap .history .box {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px #f0f0f0 solid;
    }
    #page.page02 .wrap .history .box .year {
        padding-left: 32px;
        background: url("../../img/main/dot.jpg");
        background-position: 0 5px;
        background-repeat: no-repeat;
        width: 15%;
        font-size: 19px;
        line-height: 24px;
        font-weight: 900;

    }
    #page.page02 .wrap .history .box .content {
        width: 85%;
        padding-left: 40px;
        padding-right: 0;
    }
    #page.page02 .wrap .history .box .content h3 {
        font-size: 17px;
        margin-bottom: 12px;
    }
    #page.page02 .wrap .history .box .content ul li::before {
        content: "· ";
    }
    #page.page02 .wrap .history .box .content ul li {
        font-size: 15px;
    }
    #page.page02 .wrap .history .box .image {
        width: 100%;
        flex-basis: 100%;
        margin-top: 20px;

    }
    #page.page02 .wrap .history .box .image img {
        width: 100%;
    }

    /* 카테코리 */
     #bo_cate_ul {
        flex-direction: column;            /* 세로로 배치 */
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    #bo_cate_ul li {
        width: 100%;
        margin-bottom: 0px;              /* 메뉴 간 간격 */
    }

    #bo_cate_ul li a {
        font-size: 16px;                  /* 글자 크기 축소 */
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 0;
        border: 1px #e3e3e3 solid;
        background: #f3f3f3;
    }

    #bo_cate_ul li a.bo_cate_on,
    #bo_cate_ul li #bo_cate_on {
        border-top: 1px #003366 solid;
        border-bottom: 1px #003366 solid;
        border-left: 1px #003366 solid;
        border-right: 1px #003366 solid;
        background: #003366; 
        color: #fff;
    }
    /* 카테코리 마감 */



    #page.page03 section #bo_cate_ul {
        margin-bottom: 60px;

    }
    #page.page03 section:nth-child(2) {}
    #page.page03 section .flex {
        display: flex;
        flex-direction: column;
        margin-bottom: 30px;
        padding-bottom: 0;
        border-bottom: 0 #ddd solid;

    }

    #page.page03 section .flex:last-child {
        border: 0;
    }
    #page.page03 section .flex .title {
        width: 100%;
        border-bottom: 1px #ddd solid;
        padding-bottom: 10px;
        margin-bottom: 20px;
        position: relative;
    }
    #page.page03 section .flex .title::before {
        content: "\F26D";
        font-family: 'bootstrap-icons';
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
    }
    #page.page03 section .flex .content {
        width: 100%;
    }
    #page.page03 section .flex .title h2 {
        font-size: 20px;
        font-weight: 800;
    }
    #page.page03 section .flex .content .wrap {
        margin-bottom: 10px;
        padding-bottom: 10px;
        /* border-bottom: 1px #ddd solid; */
    }
    #page.page03 section .flex .content .wrap:last-child {
        border: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #page.page03 section .flex .content .wrap h4 {
        font-size: 19px;
        font-weight: 700;
        padding-left: 32px;
        background: url("../../img/main/dot.jpg");
        background-repeat: no-repeat;
        background-position: 0 50%;
    }
    #page.page03 section .flex .content .wrap ul {
        margin-top: 20px;
        padding-left: 34px;
    }
    #page.page03 section .flex .content .wrap ul li {
        margin-bottom: 6px;
    }
    #page.page03 section .flex .content .wrap ul li::before {
        content: "· ";
    }
    #page.page03 section .flex .content .wrap ul li.dotnot::before {
        content: "";
    }
    #page.page03 section .flex .content .wrap ul li.dotnot p {
        font-size: 19px;
        font-weight: 700;
        margin-top: 16px;
        padding: 7px 28px;
        background: #e1eaff;
        display: inline-block;
        border-radius: 2em;
        color: #395499;
    }
    #page.page03 section .flex .content .wrap ul li.dotnot p i {
        font-size: 18px;
        margin-right: 6px;
        display: inline-block;
    }
    #page.page03 section .flex .content .wrap ul li.dotnot span {
        position: relative;
        display: inline-block;
        margin-top: 12px;
    }
    #page.page03 section .flex .content .wrap ul li.dotnot span::before {
        content: "· ";
    }
    /* 찾아오시는 길 */
    /* 찾아오시는 길 */
    #page.page04 section {
        display: flex;
        flex-direction: column;
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 1px #eee solid;
    }

    #page.page04 section .left {
        width: 100%;
    }

    #page.page04 section .right {
        width: 100%;
        padding-left: 0;
        margin-top: 40px;
    }

    #page.page04 section .left .box.box01 {
        margin-bottom: 30px;
    }

    #page.page04 section .left .box span {
        font-size: 15px;
        font-weight: 900;
        font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
        position: relative;
        display: inline-block;
    }

    #page.page04 section .left .box span::before {
        position: absolute;
        width: 100%;
        height: 4px;
        background: rgba(255, 234, 93, 1);
        content: '';
        margin-top: 16px;
        z-index: -1;
    }
    #page.page04 section:nth-child(2) .left .box span::before {
        position: absolute;
        width: 100%;
        height: 4px;
        background: #f6c1ff;
        content: '';
        margin-top: 16px;
        z-index: -1;
    }
    #page.page04 section .left .box h1 {
        font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
        font-size: 17px;
        font-weight: 900;
        color: #000;
        margin-top: 4px;
    }

    #page.page04 section .left .box .flex {
        display: flex;
        margin-top: 12px;
    }

    #page.page04 section .left .box .flex div {
        width: 10%;
    }

    #page.page04 section .left .box .flex ul {
        width: 90%;
        padding: 0;
        margin: 0;
        padding-left: 12px;
    }

    #page.page04 section .left .box .flex ul.tel li {
        align-items: center;
        height: auto;
        display: flex;
        color: #000;
        font-family: 'Cairo', sans-serif;
        font-weight: 900;
        font-size: 19px;
    }
    #page.page04 section .left .box .flex ul.tel li a {
        color: #000;
        text-decoration: none;
    }

    #page.page04 section .left .box .flex div p {
        width: 37px;
        height: 37px;
        background: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
    }

    #page.page04 section .left .box .flex div p i {
        font-size: 16px;
        color: #fff;
    }
    #page.page04 section .right .map {
        height: 320px;
    }

    #page.page04 section .right .map .root_daum_roughmap {
        width: 100%;
        height: 320px;

    }

    #page.page04 section .left .box .flex ul li {
        padding-bottom: 5px;
        color: #313131;
    }

}