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

}
#page.page01 .edu {
    display: flex;
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px #ddd solid;
    align-items: center;
}
#page.page01 .edu:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0;
}
#page.page01 .edu .image {
    width: 50%;
}
#page.page01 .edu .text {
    width: 50%;
    padding-left: 50px;
}
#page.page01 .edu .text h1 {
    font-size: 48px;
    font-weight: 900;
    line-height: 58px;
}
#page.page01 .edu .text p {
    font-size: 26px;
    font-weight: 500;
    margin-top: 6px;
}
#page.page01 .edu .text p::after {
    font-family: 'bootstrap-icons';
    content: "\F144";
    font-size: 17px;
    padding-left: 20px;
    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: 20px;
    background: #c1e7ff;
    content: '';
    margin-top: 36px;
    z-index: -1;
}
#page.page01 .edu:last-child .text h1 span::before {
    position: absolute;
    width: 100%;
    height: 20px;
    background: #f6c1ff;
    content: '';
    margin-top: 36px;
    z-index: -1;
}
#page.page01 .edu .text a.home {
    margin-top: 38px;
    background: #edf6fe;
    border: 1px #d7f1ff solid;
    border-radius: 3em;
    width: 270px;
    height: 59px;
    display:flex;
    align-items: center;

}
#page.page01 .edu .text a.home span {
    padding-left:16px;
    font-weight:700;
     font-size:21px;
    color: #3a81c0;

}
#page.page01 .edu .text a.home::before {
    content: "";
    background-image: url("../../img/main/page_home01.png");
    background-repeat: no-repeat;
    background-position: 50% 8px;
    width: 42px;
    height: 42px;
    background-color: #6eb4f3;
    display:inline-block;
    border-radius: 50%;
    margin-left: 15px;
}
#page.page01 .edu .text a.home.home02 {
    width: 344px;
     background: #f6feed;
    border: 1px #e6facf solid;
}
#page.page01 .edu .text a.home.home02 span {
    color: #75a73e;
} 
#page.page01 .edu .text a.home.home02::before {
    background-color: #97cf47;
    background-image: url("../../img/main/page_home02.png");
}

#page.page02 .wrap {
    display: flex;

}
#page.page02 .wrap .title {
    width: 26%;
}
#page.page02 .wrap .history {
    width: 74%;
    padding-left: 100px;

}
#page.page02 .wrap .title dl dt {
    font-size: 39px;
    font-weight: 800;
    line-height: 49px;
}
#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: 12px;
    background: #fed479;
    content: '';
    z-index: -1;
    margin-top: 25px;
}
#page.page02 .wrap .title dl dd {
    margin-top: 20px;
    font-size: 18px;
    color: #979797;

}
#page.page02 .wrap .title p {
    margin-top: 60px;
}
#page.page02 .wrap .history .box {
    display: flex;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px #f0f0f0 solid;
}
#page.page02 .wrap .history .box .year {
    padding-left: 46px;
    background: url("../../img/main/dot.jpg");
    background-position: 0 14px;
    background-repeat: no-repeat;
    width: 15%;
    font-size: 27px;
    font-weight: 900;

}
#page.page02 .wrap .history .box .content {
    width: 60%;
    padding-left: 40px;
    padding-right: 40px;
}
#page.page02 .wrap .history .box .content h3 {
    font-size: 22px;
    margin-bottom: 15px;
}
#page.page02 .wrap .history .box .content ul li::before {
    content: "· ";
}
#page.page02 .wrap .history .box .content ul li {
    font-size: 19px;
}
#page.page02 .wrap .history .box .image {
    width: 25%;

}
/* 카테코리 */
#bo_cate_ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;

}
#bo_cate_ul li {
    background: #fff !important;
    box-shadow: none;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
}
#bo_cate_ul li a {
    border-radius: 0;
    background: #f5f5f5;
    border-top: 1px #e3e3e3 solid;
    border-bottom: 1px #000 solid;
    border-left: 1px #e3e3e3 solid;
    border-right: 1px #e3e3e3 solid;
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
    transition: 0.2;
    font-weight: 600;
    color: #000;
    font-size: 22px;
}
#bo_cate_ul li .bo_cate_on {
    background: #fff;
    border-bottom: 0;
    border-top: 1px #000 solid;
    outline: none;
    text-decoration: none;
    color: #000;
    box-shadow: none;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    font-weight:700;
}
#bo_cate_ul li a:hover {
    text-decoration: none;
    background: #fff;
    color: #000;

}
/* 카테코리 마감 */
#page.page03 section #bo_cate_ul {
    margin-bottom: 60px;
    
}
#page.page03 section:nth-child(2) {

}
#page.page03 section .flex {
    display:flex;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px #ddd solid;
    
}
#page.page03 section .flex:last-child {
    border: 0;
}
#page.page03 section .flex .title {
    width: 35%;
}
#page.page03 section .flex .content {
    width: 65%;
}
#page.page03 section .flex .title h2 {
    font-size:36px;
    font-weight:800;
}
#page.page03 section .flex .content .wrap {
    margin-bottom: 20px;
    padding-bottom: 20px;
    /* 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:26px;
    font-weight:700;
    padding-left: 36px;
    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: 40px;
}
#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;
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px #eee solid;
}

#page.page04 section .left {
    width: 32%;
}
@media(min-width:992px){ 
    #page.page04 section .left {
    padding-top: 70px;

    }
 }
#page.page04 section .right {
    width: 68%;
    padding-left: 150px;
}

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

#page.page04 section .left .box span {
    font-size: 20px;
    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: 8px;
    background: #c1e7ff;
    content: '';
    margin-top: 21px;
    z-index: -1;
}
#page.page04 section:nth-child(2) .left .box span::before {
    position: absolute;
    width: 100%;
    height: 8px;
    background: #f6c1ff;
    content: '';
    margin-top: 21px;
    z-index: -1;
}
#page.page04 section .left .box h1 {
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-size: 26px;
    font-weight: 900;
    color: #000;
    margin-top: 20px;
}

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

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

#page.page04 section .left .box .flex ul {
    width: 76%;
}

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

#page.page04 section .left .box .flex div p {
    width: 57px;
    height: 57px;
    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: 26px;
    color: #fff;
}
#page.page04 section .right .map {
    height: 440px;
}
#page.page04 section .right .map .root_daum_roughmap {
    width: 100%;
    height: 440px;
 
}

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