@charset "utf-8";

p {
    transform: rotate(0.03deg)
}

/* 공통 */
#bo_v_img {
    text-align: center
}
#sub_gnb {
    padding: 6.51vw 0 2.6vw;
    border-bottom: 1px solid #d4d4d4;
    background-size: auto 100%;
    background-position: right top;
    background-repeat: no-repeat;
}

#sub_gnb h3 {
    font-size: 2.5vw;
    color: #414141;
}

#sub_gnb ul {
    display: flex;
    align-items: center;
    gap: 1.04vw;
    margin-top: 0.78vw;
}

#sub_gnb ul a {
    display: block;
    padding: 0.63vw 1.04vw 0.5vw;
    font-size: 1.04vw;
    color: #656565;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.13);
    border-radius: 24px;
    transition: color 0.3s ease, background 0.3s ease;
}

#sub_gnb ul a::before {
    flex: 0;
    content: attr(title);
    display: block;
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

#sub_gnb ul a.active {
    color: var(--white);
    font-weight: 600;
}

#sub_gnb ul li:nth-child(2n - 1) a.active {
    background: #ff8624;
}

#sub_gnb ul li:nth-child(2n) a.active {
    background: #43974e;
}


#sub_gnb.about {
    background-image: url(/img/about_title.png);
}

#sub_gnb.edu {
    background-image: url(/img/edu_title.png);
}
#sub_gnb.manage {
    background-image: url(/img/manage_title.png);
}
#sub_gnb.teacher {
    background-image: url(/img/teacher_title.png);
}
#sub_gnb.parents {
    background-image: url(/img/parents_title.png);
}
#sub_gnb.community {
    background-image: url(/img/community_title.png);
}
#sub_gnb.contact {
    background-image: url(/img/contact_title.png);
}



.sub_content {
    padding: 4.95vw 0;
}

.sub_content img {
    max-width: 100%;
    width: auto;
}

.sub_content .sub_title {
    color: #656565;
    font-size: 1.53vw;
}

.box {
    box-shadow: var(--shadow_sub);
}

.sub_text {
    color: #656565;
    font-size: 0.97vw;
    line-height: 160%;
}

.text_orange {
    color: #ff8624;
}

.text_bold {
    font-weight: 600;
}

.text_center {
    text-align: center;
}



/* about01 인사말 */
.about01 .cont_inner {
    display: flex;
    box-shadow: var(--shadow_sub);
}

.about01 .left {
    width: 53%;
}

.about01 .right {
    width: calc(100% - 53%);
    padding: 3.39vw 3.65vw 3.13vw;
}

.about01 .right p {
    margin-top: 1.82vw;
    font-size: 0.97vw;
    color: #656565;
}

.about01 .right p.bold {
    font-weight: 600;
}

/* about02 라임CI와 의미 */
.about02 .cont_inner {
    padding: 3.39vw 2.6vw 3.07vw;
}

.about02_cont01 {
    text-align: center;
}

.about02_cont01 h3 {
    margin-bottom: 1.56vw;
}

.about02_cont01 p {
    margin-top: 1.04vw;
}

.about02_cont01 .content {
    display: flex;
    justify-content: center;
    gap: 1.56vw;
    margin-top: 3.39vw;
}

.about02_cont01 .content .top {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1.2vw;
    width: 7.5vw;
    height: 7.5vw;
    font-size: 3.59vw;
    font-weight: 100;
    color: var(--white);
    border-radius: 50%;
    box-shadow: var(--shadow_s);
}

.about02_cont01 .content .top::before {
    position: absolute;
    bottom: -1.2vw;
    left: 50%;
    content: '';
    width: 2px;
    height: 1.2vw;
    background: #c9c9c9;
    transform: translateX(-50%);
}

.about02_cont01 .content .bottom {
    padding: 1.93vw 0;
    width: 10.52vw;
    height: 12.19vw;
    border-radius: 34px;
    box-shadow: var(--shadow_s);
}

.about02_cont01 .content .bottom strong {
    margin-bottom: 1.04vw;
    font-size: 0.97vw;
    font-weight: 600;

}

.about02_cont01 .content .lime .top {
    background: #b5d100;
}

.about02_cont01 .content .lime .bottom strong {
    color: #b5d100;
}

.about02_cont01 .content .orange .top {
    background: #f6a900;
}

.about02_cont01 .content .orange .bottom strong {
    color: #f6a900;
}

.about02_cont01 .content .green .top {
    background: #1b8f3b;
}

.about02_cont01 .content .green .bottom strong {
    color: #1b8f3b;
}

.about02_cont02 {
    margin-top: 5.16vw;
}

.about02_cont02 .flex {
    display: flex;
    gap: 0.94vw;
}

.about02_cont02 .flex > div:first-child {
    width: 26.93vw;
}

.about02_cont02 .flex .box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 0.94vw - 26.93vw);
}

.about02_cont02 .flex .box img {
    width: 27.24vw;
}

.about02_cont02 .texts {
    display: flex;
    justify-content: center;
    padding: 1.72vw 0;
    margin-top: 1.82vw;
}

.about02_cont02 .texts img {
    width: 55.83vw;
}

/* about03 주요사업 */

.about03_cont01 {
    text-align: center;
}

.about03_cont01 img {
    width: 35.99vw;
}

.about03_cont02 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.2vw;
    margin-top: 4.17vw;
}

.about03_cont02 > div {
    height: 100%;
}

.about03_cont02 .top {
    position: relative;
    margin-bottom: 1.35vw;
    height: 2.81vw;
    line-height: 2.81vw;
    color: var(--white);
    font-size: 1.11vw;
    font-weight: 600;
    text-align: center;
    background: #b5d100;
    border-radius: 27px;
}

.about03_cont02 .top::before {
    position: absolute;
    bottom: -1.35vw;
    left: 50%;
    content: '';
    width: 2px;
    height: 1.35vw;
    background: #c9c9c9;
    transform: translateX(-50%);
}

.about03_cont02 .bottom {
    padding: 1.25vw 0;
    text-align: center;
    height: calc(100% - 2.81vw - 1.35vw);
    border-radius: 34px;
}

.about03_cont02 .bottom strong {
    color: #656565;
    font-size: 1.11vw;
}

.about03_cont02 .bottom strong {
    display: block;
    margin-bottom: 1.04vw;
}

.about03_cont02 .bottom strong.mgt {
    margin-top: 1.77vw;
}

.about03_cont02 .bottom p {
    color: #656565;
    font-size: 0.97vw;
}


/* about04 조직도 */
.about04 .box {
    padding: 3.39vw 0;
    text-align: center;
}

.about04 .box img {
    margin-top: 1.3vw;
    width: 64.95vw;
}


/* about05 위탁운영기관 (게시판) */
.about05 .box {
    margin-top: 1.82vw;
    padding: 5.47vw 4.27vw 3.91vw;
}

.about05 .flex {
    display: flex;
}

.about05 .left {
    width: calc(100% - 65%);
}

.about05 .right {
    width: 65%;
}

.about05 .tabnav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.78vw;
    margin-bottom: 1.2vw;
}

.about05 .tabnav a {
    height: 3.13vw;
    color: #656565;
    font-size: 0.97vw;
    text-align: center;
    background: #f6f6f6;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about05 .tabnav a span {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.about05 .tabnav a span::before {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    background-repeat: no-repeat;
}

.about05 .tabnav a.active {
    background: #ff8624;
    color: var(--white);
    font-weight: 600;
}

.about05 .tabnav a:first-child span::before {
    background-image: url(/img/view_img_icon.png);
}

.about05 .tabnav a:last-child span::before {
    background-image: url(/img/view_list_icon.png);
}

.about05 .tabnav a.active:first-child span::before {
    background-image: url(/img/view_img_icon_on.png);
}

.about05 .tabnav a.active:last-child span::before {
    background-image: url(/img/view_list_icon_on.png);
}

.about05 .img_view .box {
    margin: 0;
    padding: 0 0.78vw 1.04vw;
    height: 100%;
}

.about05 .img_view #gall_ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.78vw;
    margin: 0;
}
.about05 .img_view #gall_ul li{
    height: 100%
}
.about05 .img_view #bo_gall .gall_box {
    margin: 0;
    height: 100%;
}

.about05 .img_view .gall_con .gall_wrap {
    display: flex;
    align-items: center;
    gap: 0.89vw;
}

.about05 .img_view .gall_con .gall_img_wrap {
    width: 10.16vw;
}

.about05 .img_view .gall_img {
    height: 6.51vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about05 .img_view .tell_text {
    padding: 0.63vw 0 0.63vw 2vw;
    background: var(--white);
    box-shadow: var(--shadow_s);
    border-radius: 23px;
    font-size: 0.97vw;
    color: #656565;
    background: url(/img/tell_icon.png) no-repeat 0.78vw center;
    background-size: 0.99vw;

}

.about05 .tell_text {
    cursor: pointer
}

.about05 .img_view .gall_text_href {
    width: calc(100% - 10.16vw);
    margin: 0;
/*    padding: 2vw 0 0;*/
}

.about05 .img_view .gall_text_href p {
    font-size: 0.97vw;
    color: #656565;
    word-break: keep-all;
    line-height: 150%;
}

.about05 .img_view .gall_text_href .subject {
    margin-bottom: 0.52vw;
    font-weight: 600;
}

.about05 .list_content_wrap {
    display: grid;
    grid-template-columns: 22% 28.5% 12% auto;
}

.about05 .list_table_head {
    grid-template-columns: 22% 28.5% auto;
    border-top: 3px solid #ff8624;
}

.about05 .list_content_wrap div {
    padding: 1.04vw 0;
    font-size: 0.97vw;
    color: #656565;
    text-align: center;
    border-right: 1px solid #cdcdcd;
}

.about05 .list_content_wrap div:first-child {
    border-left: 1px solid #cdcdcd;

}

.about05 .list_table_head div {
    background: #f6f6f6;
    font-weight: 600;
}

.about05 .list_table_head .address {
    grid-row: span 2;
}

.about05 .list_table_body {
    border-bottom: 1px solid #cdcdcd;
}

.about05 .list_table_body div {
    text-align: left;
    padding-left: 0.94vw;
    display: flex;
    align-items: center;
}

.about05 .list_body_wrap > div:last-of-type .list_table_body {
    border-bottom: 3px solid #ff8624;
}

.about05 .list_table_body .name {
    font-weight: 600;
}

.about05 .list_table_body .address {
    word-break: keep-all;
}

/*

.about05 .list_table_body:hover > * {
    text-decoration: underline
}
*/

.about05 .list_table_body .tell span {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.78vw;
}

.about05 .list_table_body .tell span::before {
    content: '';
    display: block;
    width: 1.82vw;
    height: 1.82vw;
    background-color: #ededed;
    background-image: url(/img/tell_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: var(--shadow_s);
    border-radius: 10px;
}

.about05 .map_img {
    position: relative
}

.about05 .map_img .map_link {
    position: absolute;
}

.about05 .map_img .map_link a {
    position: relative;
    width: 2.81vw;
    height: 2.81vw;
    background: #b4b4b4;
    color: var(--white);
    font-size: 0.94vw;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.about05 .map_img .map_link a::before {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    width: 3px;
    height: 9px;
    background: #b4b4b4;
    transform: translateX(-50%);
    transition: background 0.3s ease;
}

.about05 .map_img .map_link a::after {
    content: '';
    position: absolute;
    bottom: calc(-9px - 0.73vw);
    left: 50%;
    width: 0.73vw;
    height: 0.73vw;
    background: #b4b4b4;
    transform: translateX(-50%);
    border-radius: 50%;
    transition: background 0.3s ease;
}

.about05 .map_img > img {
    width: 21.72vw;
}

.about05 .map_img .map_link.seoul {
    top: 2.76vw;
    left: 5.36vw;
}

.about05 .map_img .map_link.gyeonggi {
    top: 4.9vw;
    left: 8.23vw;
}

.about05 .map_img .map_link.gangwon {
    top: 1.88vw;
    left: 12.34vw;
}

.about05 .map_img .map_link.chungbok {
    top: 7.71vw;
    left: 10.73vw;
}

.about05 .map_img .map_link.chungnam {
    top: 10.42vw;
    left: 6.25vw;
}

.about05 .map_img .map_link.gyeongbok {
    top: 11.46vw;
    left: 15.42vw;
}
.about05 .map_img .map_link.gyeongnam {
    top: 17.81vw;
    left: 12.08vw;
}
.about05 .map_img .map_link.jeollabok {
    top: 14.84vw;
    left: 5.99vw;
}
.about05 .map_img .map_link.jeollanam {
    top: 21.09vw;
    left: 4.64vw;
}
.about05 .map_img .map_link.jeju {
    top: 27.29vw;
    left: 0.52vw;
}

.about05 .map_img .map_link.active a {
    background: #ff8624;
}

.about05 .map_img .map_link.active a::before {
    background: #ff8624;
}

.about05 .map_img .map_link.active a::after {

    background: #ff8624;
}


/* about06 공입사업 및 사회공헌 */
.about06 .cont_inner > .box {
    margin-top: 1.82vw;
}
.about06 .cont_inner .cont01 {
    padding: 4.69vw 0 4.32vw;
    text-align: center;
    background: url(/img/about06_bg.png) no-repeat;
    background-size: cover;
}
.about06 .cont_inner .cont01 img {
    width: 15.42vw;
}
.about06 .cont_inner .cont01 > * {
    color: #fff;
}
.about06 .cont_inner .cont01 h4 {
    margin: 1.09vw 0 1.41vw;
    font-size: 1.53vw;
}
.about06 .cont_inner .cont01 p {
    font-size: 1.11vw;
    line-height: 150%;
}
.about06 .cont_inner .cont02 {
    padding: 2.4vw 2.08vw 3.23vw;
    text-align: center;
}
.about06 .cont_inner .cont02 .itemwrap {
    display: flex;
    justify-content: center;
    margin-bottom: 2.34vw;
}
.about06 .cont_inner .cont02 img{
    box-shadow: var(--shadow_sub);
}
.about06 .cont_inner .cont02 img.img01{
    width: 15.94vw;
}
.about06 .cont_inner .cont02 img.img02{
    width: 15.94vw;
}
.about06 .cont_inner .cont02 img.img03{
    width: 20.57vw;
}
.about06 .cont_inner .cont02 img.img04{
    width: 20.57vw;
}

/* about_awards 연구 및 수상실적 */
.about_awards .cont_inner > .box{
    margin-top: 1.82vw;
    padding: 3.91vw 0;
    display: flex;
    flex-flow: column;
    gap: 1.98vw;
}
.about_awards .cont_wrap{
    display: flex;
    justify-content: center;
}
.about_awards .cont_wrap .year{
    position: relative;
    padding-top: 3.28vw;
    width: calc(9.06vw + 8.59vw);
}
.about_awards .cont_wrap .year p{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9.06vw;
    height: 9.06vw;
    border-radius: 50%;
    font-size: 1.81vw;
    font-weight: 700;
    color: #656565;
        box-shadow: var(--shadow_sub);
}
.about_awards .cont_wrap .txt_wrap{
    padding: 2.6vw 5.21vw;
    border-radius: 2.14vw;
    width: 40.99vw;
}
.about_awards .cont_wrap .txt_wrap strong{
    display: block;
    font-size: 1.11vw;
    color: #656565
}
.about_awards .cont_wrap .txt_wrap strong:not(:first-child){
    margin-top: 1.56vw;
}
.about_awards .cont_wrap .txt_wrap strong::before{
    content: '·\00a0';
}
.about_awards .cont_wrap .txt_wrap p{
    font-size: 0.97vw;
    color: #656565;
    line-height: 150%;
}
.about_awards .cont_wrap .txt_wrap p::before{
    content: '-\00a0';
}
.about_awards .cont_wrap .txt_wrap > p:first-of-type{
    margin-top: 0.63vw;
}
.about_awards .cont_wrap .year::before{
    content: '';
    position: absolute;
    top: 7.86vw;
    right: 0;
    width: 8.59vw;
    height: 1px;
    background: #c5c5c5;
}
.about_awards .cont_wrap .year::after{
    content: '';
    position: absolute;
    top: calc(7.86vw - 1.04vw / 2);
    right: 0;
    width: 1.04vw;
    height: 1.04vw;
    box-shadow: var(--shadow_sub);
    border-radius: 50%;
}
.about_awards .cont_wrap.pdt2 .year{
    padding-top: 1.46vw;
}
.about_awards .cont_wrap.pdt2 .year::before{
    top: 5.99vw
}
.about_awards .cont_wrap.pdt2 .year::after{
    top: calc(5.99vw - 1.04vw / 2)
}
.about_awards .cont_wrap.pdt3 .year{
    padding-top: 0.47vw;
}
.about_awards .cont_wrap.pdt3 .year::before{
    top: 5.05vw
}
.about_awards .cont_wrap.pdt3 .year::after{
    top: calc(5.05vw - 1.04vw / 2)
}
.about_awards .cont_wrap.orange .year p{
    border: 1px solid #ff8624;
}
.about_awards .cont_wrap.orange .year::after{
    background: #ff8624;
}
.about_awards .cont_wrap.green .year p{
    border: 1px solid #009944;
}
.about_awards .cont_wrap.green .year::after{
    background: #009944;
}
.about_awards .cont_wrap.lime .year p{
    border: 1px solid #b5d100;
}
.about_awards .cont_wrap.lime .year::after{
    background: #b5d100;
}

/* edu01 - 라임 보육프로그램 */
.edu01 .cont01 {
    margin: 1.82vw 0 5.21vw;
    padding: 3.13vw 0 4.43vw;
}

.edu01 .cont01 h4 {
    font-size: 1.11vw;
    color: #656565;
}

.edu01 .cont01 .flexwrap {
    position: relative;
    margin: 1.82vw 0 1.82vw;
    display: flex;
    justify-content: center;
    align-items: center;
    /*    gap: 5.89vw;*/
    gap: 2.34vw;
    padding-bottom: 5.57vw;
}

.edu01 .cont01 .flexwrap::before {
    content: '';
    width: 38.6vw;
    height: 1px;
    background: #bcbcbc;
    position: absolute;
    bottom: 2.5vw;
    left: 50%;
    transform: translateX(-50%);
}

/*
.edu01 .cont01 .flexwrap::after{
    content: '';
    width: 2.6vw;
    height: 2.6vw;
    position: absolute;
    bottom: 0;
    left: 49%;
    transform: translateX(-50%);
    background: url(/img/edu01_arrow.png) no-repeat;
}
*/
.edu01 .cont01 .plus {
    font-size: 2.47vw;
    color: #bcbcbc;

}

.edu01 .cont01 .circle {
    position: relative;
    width: 13.13vw;
    height: 13.13vw;
    box-shadow: var(--shadow_s);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    gap: 5px;
}

.edu01 .cont01 .circle::before {
    content: '';
    width: 1px;
    height: 3.02vw;
    position: absolute;
    bottom: -3.02vw;
    left: 50%;
    transform: translateX(-50%);
    background: #bcbcbc;
}

.edu01 .cont01 .circle.creative::before {
    width: 2.6vw;
    height: 5.57vw;
    background: url(/img/edu01_arrow.png) no-repeat;
    background-size: contain;
    bottom: -5.57vw;
}

.edu01 .cont01 .circle.true {
    background: #ff8624;
}

.edu01 .cont01 .circle.creative {
    background: #009944;
}

.edu01 .cont01 .circle.emotional {
    background: #b5d100;
}

.edu01 .cont01 .circle strong {
    color: var(--white);
    font-size: 1.39vw;
    line-height: 140%;
    font-weight: 600;
}

.edu01 .cont01 .circle p {
    color: var(--white);
    font-size: 0.97vw;
}

.edu01 .box_cont {
    position: relative;
    margin: 0 auto;
    width: 50.78vw;
    height: 23.65vw;
    box-shadow: var(--shadow_s);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    gap: 10px;
    background: url(/img/edu01_cont01_img.png) no-repeat center;
    background-position: center;
    border-radius: 78px;
    overflow: hidden;
}

.edu01 .box_cont::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.56);
}

.edu01 .box_cont > * {
    position: relative;
    z-index: 1;
}

.edu01 .box_cont strong {
    color: #ff8624;
    font-size: 1.11vw;
    font-weight: 600;
}

.edu01 .box_cont p {
    color: var(--white);
    font-size: 0.97vw;
    line-height: 150%;
}


.edu01 .cont02_list {
    margin-top: 1.82vw;
    padding: 3.13vw 2.86vw;
    display: flex;
    flex-flow: column;
    gap: 2.24vw;
}

.edu01 .cont02_list > .box {
    display: flex;
    border-radius: 59px;
    overflow: hidden;
}

.edu01 .cont02_list .box img {
    width: 35.63vw;
}

.edu01 .cont02_list .box .text {
    width: calc(100% - 35.63vw);
    padding-left: 3.23vw;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.edu01 .cont02_list .box .text strong {
    color: #656565;
    font-size: 1.11vw;
}

.edu01 .cont02_list .box .text .text_bold {
    margin: 1.7vw 0 1.4vw
}

.edu01 .cont02_list .box .text span {
    display: flex;
}

.edu01 .cont02_list .box .text span::before {
    content: '-\00a0';
}

.edu01 .cont02_list .box .text .sub_text:has(span) {
    line-height: 130%;
}


/* edu02 - 라임 교육 */
.edu02 .tabnav {
    display: flex;
    justify-content: center;
    gap: 1.3vw;
    padding-bottom: 2.86vw;
}

.edu02 .tabnav span {
    position: relative;
    display: inline-block;
    color: #656565;
    box-shadow: var(--shadow_s);
    border-radius: 24px;
    font-size: 1.04vw;
    padding: 0.78vw 1.98vw;
    transition: 0.3s ease;
}

.edu02 .tabnav span::before {
    flex: 0;
    content: attr(title);
    display: block;
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.edu02 .tabnav span::after{
    content: '';
    position: absolute;
    bottom: -2.86vw;
    left: 50%;
    width: 1px;
    height: 2.86vw;
    opacity: 0;
    transition: 0.3s ease;
}
.edu02 .tabnav a.c_orange span::after{
    background: #ff8624;
}
.edu02 .tabnav a.c_green span::after{
    background: #009944;
}
.edu02 .tabnav a.c_lime span::after{
    background: #b5d100;
}
.edu02 .tabnav a.active span {
    color: var(--white);
    font-weight: 600;
}

.edu02 .tabnav a.c_orange.active span {
    background: #ff8624;
}

.edu02 .tabnav a.c_green.active span {
    background: #009944;
}

.edu02 .tabnav a.c_lime.active span {
    background: #b5d100;
}
.edu02 .tabnav a.active span::after{
    opacity: 1;
}

.edu02 .cont_title{
    width: 100%;
    height: 24.95vw;
    display: flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: var(--shadow_s);
}
.edu02 .cont_title h4{
    margin-bottom: 1.41vw;
    padding: 0.52vw 1.3vw;
    font-size: 1.53vw;
    font-weight: 600;
    background: var(--white);
    border-radius: 28px;
}
.edu02 .cont_title strong{
    margin-bottom: 1.41vw;
    color: var(--white);
    font-weight: normal;
    font-size: 1.53vw;
    line-height: 150%;
}
.edu02 .cont_title p{
    color: var(--white);
    font-size: 1.11vw;
    line-height: 150%;
}

.edu02 .c_orange .cont_title{
    background-image: url(/img/edu02_tab1_bg.png);
}
.edu02 .c_orange .cont_title h4{
    color: #ff8624;
}
.edu02 .c_green .cont_title{
    background-image: url(/img/edu02_tab2_bg.png);
}
.edu02 .c_green .cont_title h4{
    color: #009944;
}
.edu02 .c_lime .cont_title{
    background-image: url(/img/edu02_tab3_bg.png);
}
.edu02 .c_lime .cont_title h4{
    color: #b5d100;
}

.edu02 .tab_contents{
    margin-top: 2.86vw;
    padding: 3.02vw 8.59vw;
    text-align: center;
}
.edu02 .tab_contents .box_title{
    color: #656565;
    font-size: 1.25vw;
    margin-bottom: 1.82vw;
}
.edu02 #tab01 .inner01 .steps{
    display: flex;
    justify-content: center;
    gap: 2.92vw;
}
.edu02 #tab01 .inner01 .step_item{
    display: flex;
    flex-flow: column;
    align-items: center;
    gap:1.2vw;
}
.edu02 #tab01 .inner01 .step_item .step_top{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 7.5vw;
    height: 7.5vw;
    background: var(--white);
    border-radius: 50%;
    box-shadow: var(--shadow_s);
}
.edu02 #tab01 .inner01 .step_item .step_top img{
    width: 3.49vw;
}
.edu02 #tab01 .inner01 .step_item .step_top::before{
    content: '';
    width: 1px;
    height: 1.2vw;
    position: absolute;
    bottom: -1.2vw;
    left: 50%;
    transform: translateX(-50%);
    background: #656565;
}
.edu02 #tab01 .inner01 .step_item .step_bottom{
    width: 18.65vw;
    height: 14.9vw;
    border-radius: 34px;
    padding-top: 1.98vw;
}
.edu02 #tab01 .inner01 .step_item .step_bottom strong{
        display: block;
    font-size: 1.25vw;
    font-weight: 600;
    margin-bottom: 1.3vw;
}
.edu02 #tab01 .inner01 .step_item.step01 .step_top{
    border: 1px solid #ff8624;
}
.edu02 #tab01 .inner01 .step_item.step01 strong{
    color: #ff8624
}
.edu02 #tab01 .inner01 .step_item.step02 .step_top{
    border: 1px solid #009944;
}
.edu02 #tab01 .inner01 .step_item.step02 strong{
    color: #009944
}
.edu02 #tab01 .inner01 .step_item.step03 .step_top{
    border: 1px solid #b5d100;
}
.edu02 #tab01 .inner01 .step_item.step03 strong{
    color: #b5d100
}

.edu02 #tab01 .inner02 .grid_imgs{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.04vw;
}
.edu02 #tab01 .inner02 .grid_imgs > div{
    box-shadow: var(--shadow_s);
}
.edu02 #tab01 .inner02 .grid_imgs > div img{
    height: 100%;
}
.edu02 table{
    margin-top: 2.76vw;
    width: 100%;
        border-spacing: 0px;

}
.edu02  table th{
    background: #ebebeb;
    font-weight: 600;
}
.edu02  table theade th{
    border-top: 1px solid #c3c3c3;

}
.edu02 table th, .edu02 table td{
    padding: 0.89vw 0;
    font-size: 0.97vw;
    color: #656565;
    border-bottom: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
}
.edu02 table .bdl{
    border-left: 1px solid #c3c3c3;
}
.edu02 #tab01 a{
    display: block;
    margin-top: 2.86vw;
    background: #ff8624;
    box-shadow: var(--shadow_s);
    padding: 1.3vw 0;
    transition: background 0.3s ease;
}
.edu02 #tab01 a span{
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 0.68vw;
    color: var(--white);
    font-size: 1.25vw;
    font-weight: 600;
    position: relative;
    
}
.edu02 #tab01 a span::before{
    content: '';
    display: inline-block;
    width: 0.83vw;
    height: 1.35vw;
    background: url(/img/tell_icon_w.png) no-repeat;
    background-size: contain;
}

.edu02 #tab02 .tab_contents{
    padding: 0
}

.edu02 #tab03 .bubble_wrap{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3.91vw 15.1vw;
}
.edu02 #tab03 .bubble{
    width: 27.92vw;
}
.edu02 #tab03 .bubble_wrap::before{
    content: '';
    width: 11.46vw;
    height: 11.46vw;
    background: var(--white);
    background: url(/img/edu02_tab3_bubble_icon.png) no-repeat;
    background-position: center;
    background-size: 6.15vw;
    border: 1px solid #b5d100;
    border-radius: 50%;
    box-shadow: var(--shadow_s);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.edu02 #tab03 .inner01{
    padding: 2.6vw 4.5vw
}
.edu02 #tab03 .gridwrap{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.13vw;
}
.edu02 #tab03 .gridwrap{
    padding-bottom: 4.58vw;
}
.edu02 #tab03 .gridwrap > div{
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.edu02 #tab03 .gridwrap > div::before{
    content: '';
    width: 2px;
    height: 4.58vw;
    background: #c9c9c9;
    position: absolute;
    bottom: -4.58vw;
    left: 50%;
    transform: translateX(-50%);
}
.edu02 #tab03 .gridwrap > div::after{
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: calc(-4.58vw - 8px);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 1;
}
.edu02 #tab03 .gridwrap .top{
    position: relative;
    margin-bottom: 1.15vw;
    width: 7.5vw;
    height: 7.5vw;
    border-radius: 50%;
    box-shadow: var(--shadow_s);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25vw;
    font-weight: 600;
}
.edu02 #tab03 .gridwrap .top::before{
    content: '';
    width: 2px;
    height: 1.15vw;
    position: absolute;
    bottom: -1.15vw;
    left: 50%;
    transform: translateX(-50%);
    background: #c9c9c9;
}
.edu02 #tab03 .gridwrap .bottom{
    width: 100%;
    padding:  3.13vw 0;
    border-radius: 34px;
}
.edu02 #tab03 .gridwrap .orange .top{
    color: #ff8624;
    border: 1px solid #ff8624;
}
.edu02 #tab03 .gridwrap > div.orange::after{
    background: #ff8624
}
.edu02 #tab03 .gridwrap .green .top{
    color: #1b8f3c;
    border: 1px solid #1b8f3c;
}
.edu02 #tab03 .gridwrap > div.green::after{
    background: #1b8f3c
}
.edu02 #tab03 .gridwrap .lime .top{
    color: #b5d100;
    border: 1px solid #b5d100;
}
.edu02 #tab03 .gridwrap > div.lime::after{
    background: #b5d100
}
.edu02 #tab03 .line{
    position: relative;
    width: 100%;
    height: 1px;
    background: #c9c9c9;
}
.edu02 #tab03 .line::before{
    content: '';
    width: 0.99vw;
    height: 1.88vw;
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translateY(-50%);
    background: url(/img/edu02_tab3_line_arrow.png) no-repeat;
    background-size: contain;
}
.edu02 #tab03 .line::after{
    content: '';
    width: 0.99vw;
    height: 1.88vw;
    position: absolute;
    top: 50%;
    right: -1px;
    transform: translateY(-50%) rotate(180deg);
    background: url(/img/edu02_tab3_line_arrow.png) no-repeat;
    background-size: contain;
}
.edu02 #tab03 .inner_logo{
    width: 19.11vw;
    margin: 0 auto;
}
.edu02 #tab03 .imgs{
    margin-top: 2.34vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3.7vw;
}
.edu02 #tab03 .img{
    width: calc(50% - 3.7vw - 5.315vw);
    border-radius: 29px;
    box-shadow: var(--shadow_s);
    overflow: hidden;
}
.edu02 #tab03 .c_img{
    position: relative;
    width: 10.63vw;
    height: 10.63vw;
    border: 1px solid #b5d100;
    border-radius: 50%;
    box-shadow: var(--shadow_s);
}
.edu02 #tab03 .c_img span{
    display: block;
        overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.edu02 #tab03 .c_img::before{
    content: '';
    width: 3.7vw;
    height: 2px;
    background: #c9c9c9;
    position: absolute;
    top: 50%;
    left: -3.7vw;
    transform: translateY(-50%);
}
.edu02 #tab03 .c_img::after{
    content: '';
    width: 3.7vw;
    height: 2px;
    background: #c9c9c9;
    position: absolute;
    top: 50%;
    right: -3.7vw;
    transform: translateY(-50%);
}
.edu03 .cont00{
    margin-top: 1.82vw;
    padding: 8.28vw 0 8.59vw;
    background: url(/img/eud03_bg.png) no-repeat center;
    background-size: cover;
}
.edu03 .cont00 h4{
    display: inline-block;
    font-size: 1.53vw;
    color: #656565;
    margin-bottom: 1.3vw;
    padding: 0.63vw 1.04vw;
    background: #fff;
    border-radius: 28px;
}
.edu03 .cont00 .sub_text{
    font-size: 1.11vw;
}
.edu03 .cont01{
    margin-top: 1.93vw;
    padding-top: 3.07vw;
}
.edu03 .cont01 .sub_text{
    font-size: 1.11vw;
}

/* manage01 - 설치컨설팅 */
.manage01 .cont01{
    margin: 1.82vw 0 2.08vw;
    padding: 4.17vw 0 3.91vw;
    display: flex;
    flex-flow: column;
    gap: 2.34vw;
    background: url(/img/manage01_img.png) no-repeat;
    background-size: 36.88vw;
    background-position: left bottom;
}
.manage01 .cont01 .item strong{
    display: block;
    font-size: 1.11vw;
    font-weight: 700;
}
.manage01 .cont01 .item p{
    margin-top: 0.78vw;
    font-size: 0.97vw;
    color: #656565;
    line-height: 140%;
}
.manage01 .cont01 .item p.small_txt{
    font-size: 0.83vw;
    color: #b5b5b5;
}
.manage01 .cont01 .item.orange strong{
    color: #ff8624;
}
.manage01 .cont01 .item.green strong{
    color: #009944;
}
.manage01 .cont01 .item.lime strong{
    color: #b5d100;
}
.manage01 .cont02{
    padding: 3.13vw 2.86vw;
    background: #ff8624;
}
.manage01 .cont02 .box{
    background: #fff;
    border-radius: 3.07vw;
    padding: 4.95vw 0;
    display: grid;
    grid-template-columns: 20.52vw 21.04vw 20.52vw;
    text-align: left;
    justify-content: center;
}
.manage01 .cont02 .box strong{
    display: block;
    font-size: 1.11vw;
    margin-bottom: 0.42vw;
    color: #656565;
}
.manage01 .cont02 .box > div{
    position: relative;
}
.manage01 .cont02 .box p{
    font-size: 0.97vw;
    color: #656565;
    line-height: 150%;
}
.manage01 .cont02 .one{
    padding: 3.02vw 0 1.41vw 6.88vw;
    border-bottom: 1px solid #b5b5b5
}
.manage01 .cont02 .two{
    padding: 3.02vw 0 1.41vw 4.17vw;
    border-bottom: 1px solid #b5b5b5;
}
.manage01 .cont02 .three{
    padding: 1.56vw 0 1.41vw 6.88vw
}
.manage01 .cont02 .four{
    padding: 1.56vw 0 1.41vw 4.17vw
}
.manage01 .cont02 .circle{
    grid-row: span 2;
    height: 21.04vw;
    border: 3px solid #ff8624;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--shadow_sub);
    background: url(/img/manage01_logo.png) no-repeat;
    background-size: cover;
}
.manage01 .cont02 .one::before{
    content: '';
    width: 1.56vw;
    height: 1.56vw;
    position: absolute;
    left: 0;
    bottom: -0.78vw;
    background: #ff8624;
    border-radius: 50%;
}
.manage01 .cont02 .two::before{
    content: '';
    width: 1.56vw;
    height: 1.56vw;
    position: absolute;
    right: 0;
    bottom: -0.78vw;
    background: #ff8624;
    border-radius: 50%;
}


/* manage02 - 설치컨설팅 */
.manage02 .cont01{
    margin: 1.82vw 0 0;
}
.manage02 .cont01 .top{
    padding: 4.58vw 0;
    background: url(/img/manage02_bg.png) no-repeat center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.41vw;
}
.manage02 .cont01 .top > div{
    width: 9.58vw;
    height: 9.58vw;
    background: #fff;
    border-radius: 50%;
     box-shadow: var(--shadow_sub);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.manage02 .cont01 .top > div p{
    font-size: 1.11vw;
    color: #656565;
    font-weight: 600;
}
.manage02 .cont01 .top > div p span{
    color: #ff8624;
}
.manage02 .cont01 .top .plus{
    font-size: 2.08vw;
    color: #c4c4c4;
}
.manage02 .cont01 .bottom{
    padding: 3.28vw 0;   
}
.manage02 .cont01 .bottom p{
    font-size: 1.11vw;
    color: #656565;
    line-height: 140%;
}
.manage02 .cont01 .bottom p span{
    font-weight: 600
}


/* manage03 - 공간구성 */
.manage03 .cont_inner > .box{
    margin-top: 1.82vw;
    padding: 0 7.5vw 4.74vw;
}
.manage03 .cont01{
    position: relative;
    margin: 0vw 0 1.56vw;
    padding: 2.6vw 0 9.58vw; 
}
.manage03 .cont01::before{
    content: '';
/*    width: 49.11vw;*/
    width: 48.2vw;
    height: 1px; 
    background: #c5c5c5;
    position: absolute;
    bottom: 3.91vw;
    left: 50%;
    transform: translateX(-50%);
}
.manage03 .cont01::after{
    content: '';
    width: 3.39vw;
    height: 3.85vw; 
    background: url(/img/manage03_arrow.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.manage03 .cont01 h4{
    font-size: 1.25vw;
    color: #656565;
}
.manage03 .cont01 h4 .orange{
    color: #ff8624;
}
.manage03 .cont01 h4 .green{
    color: #009944;
}
.manage03 .cont01 h4 .lime{
    color: #b5d100;
}
.manage03 .cont01  .inner{
    margin-top: 1.56vw;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.2vw;
}
.manage03 .cont01  .inner .item{
    position: relative;
}
.manage03 .cont01  .inner .item::before{
    content: '';
    width: 1px;
    height: 5.68vw;
    background: #c5c5c5;
    position: absolute;
    left: 50%;
    bottom: -5.68vw;
}
.manage03 .cont01  .inner .item > div{
    border-radius: 1.35vw;
    box-shadow: var(--shadow_sub);
    overflow: hidden;
}
.manage03 .cont01  .inner .top{
    margin-bottom: 0.99vw;
    height: 6.72vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.manage03 .cont01  .inner .top p{
    font-size: 1.11vw;
    color: #656565;
    font-weight: 600;
    line-height: 130%;
}
.manage03 .cont01  .inner .top p span{
    display: block;
}

.manage03 .cont01  .orange .top{
    border: 1px solid #ff8624;
}
.manage03 .cont01  .orange .top p span{
    color: #ff8624;
}
.manage03 .cont01  .green .top{
    border: 1px solid #009944;
}
.manage03 .cont01  .green .top p span{
    color: #009944;
}
.manage03 .cont01  .lime .top{
    border: 1px solid #b5d100;
}
.manage03 .cont01  .lime .top p span{
    color: #b5d100;
}


.manage03 .cont02  .item{
    border-radius: 1.35vw;
    box-shadow: var(--shadow_sub);
    overflow: hidden;
    border: 1px solid #ff8624;
    display: flex;
    justify-content: center;
    align-items: center;
}
.manage03 .cont02 .top{
     height: 5.26vw;
}
.manage03 .cont02 .top p{
    font-size: 1.11vw;
    color: #656565;
    line-height: 130%;
}
.manage03 .cont02 .top p span{
    font-weight: 600;
}
.manage03 .cont02 .bottom{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.99vw;
    margin-top: 2.19vw;
}

/*---- hover ----*/
@media screen and (min-width: 1025px) {
    #sub_gnb ul a:hover {
        color: var(--white);
        font-weight: 600;
    }

    #sub_gnb ul li:nth-child(2n - 1) a:hover {
        background: #ff8624;
    }

    #sub_gnb ul li:nth-child(2n) a:hover {
        background: #43974e;
    }

    .about05 .map_img .map_link a:hover {
        background: #ff8624;
    }

    .about05 .map_img .map_link a:hover::before {
        background: #ff8624;
    }

    .about05 .map_img .map_link a:hover::after {

        background: #ff8624;
    }

    .edu02 .tabnav a:hover span {
        color: var(--white);
        font-weight: 600;
    }

    .edu02 .tabnav a.c_orange:hover span {
        background: #ff8624;
    }

    .edu02 .tabnav a.c_green:hover span {
        background: #009944;
    }

    .edu02 .tabnav a.c_lime:hover span {
        background: #b5d100;
    }
    .edu02 #tab01 a:hover{
        background: #ff7f17
    }
}


@media screen and (max-width: 1024px) {
    #bo_gall li.empty_list{
        font-size: 2.87vw;
    }
    .board_title{
        word-break: keep-all;
    }
    #sub_gnb{
        padding: 0;
        height: 32.92vw;
    }
    #sub_gnb .cont_inner{
        height: 100%;
        display: flex;
        justify-content: center;
        flex-flow: column;
    }
    #sub_gnb h3{
        font-size: 4.51vw;
    }
    #sub_gnb ul{
        gap: 2.77vw;
        flex-wrap: wrap;
        margin-top: 2vw;
/*        padding-right: 30vw;*/
    }
    #sub_gnb ul a{
        font-size: 2.66vw;
        padding: 1.85vw 2.77vw;
        
    }
    #sub_gnb{
        background-position: right top;
        background-size: auto 100%;
        background-repeat: no-repeat
    }
    #sub_gnb.about {
    background-image: url(/img/mobile/about_title.png);
}

    #sub_gnb.edu {
        background-image: url(/img/mobile/edu_title.png);
    }
    #sub_gnb.manage {
        background-image: url(/img/mobile/manage_title.png);
    }
    #sub_gnb.teacher {
        background-image: url(/img/mobile/teacher_title.png);
    }
    #sub_gnb.parents {
        background-image: url(/img/mobile/parents_title.png);
    }
    #sub_gnb.community {
        background-image: url(/img/mobile/community_title.png);
    }
    #sub_gnb.contact {
        background-image: url(/img/mobile/contact_title.png);
    }
    
    #sub_gnb.teacher .cont_inner{
        padding-right: 23vw;
    }

    .sub_content{
        padding: 8.46vw 0 17.23vw;
    }
    .sub_text{
        font-size: 2.87vw;
    }
    
    
    .about01 .cont_inner{
        flex-flow: column;
    }
    .about01 .left, .about01 .right{
        width: 100%;
    }
    .about01 .right{
        padding: 5.69vw 6.15vw 6.15vw;
        text-align: center;
    }
    .sub_content .sub_title{
        font-size: 4.51vw;
    }
    .about01 .right p{
        font-size: 2.87vw;
        margin-top: 3.08vw;
        line-height: 150%;
    }
    .about02 .cont_inner{
        padding: 7.69vw 3.54vw 4.46vw;
    }
    .about02_cont01 p{
        margin: 0
    }
    .about02_cont01 > p{
        margin-top: 3.85vw;
    }
    .about02_cont01 .content{
        margin-top: 7.69vw;
        gap: 4.62vw 3.69vw;
        flex-wrap: wrap;
    }
    .about02_cont01 .content .top{
        width: 17.38vw;
        height: 17.38vw;
        font-size: 8.24vw;
        margin: 0 auto 5.23vw;
    }
    .about02_cont01 .content .bottom{
        width: 25.38vw;
        height: 30.92vw;
        padding: 0;
        border-radius: 5.23vw;
        display: flex;
        flex-flow: column;
        justify-content: center;
    }
    .about02_cont01 .content .bottom strong{
        font-size: 2.87vw;
        margin-bottom: 3.54vw;
    }
    .about02_cont01 .content .top::before{
        height: 5.23vw;
        bottom: -5.23vw;
    }
    .about02_cont02{
        margin-top: 15.23vw;
    }
    .about02_cont02 .flex{
        align-items: center;
        flex-flow: column;
        gap: 2vw;
    }
    .about02_cont02 .flex > div:first-child{
        width: 44.46vw;
    }
    .about02_cont02 .flex .box{
        box-shadow: none;
        width: 100%;
    }
    .about02_cont02 .flex .box img{
        width: 73.54vw;
    }
    .about02_cont02 .texts{
        margin-top: 3.85vw;
        padding: 3.38vw 0;
    }
    .about02_cont02 .texts img{
        width: 67.69vw;
    }
    .about03 .cont_inner{
        padding: 3.85vw 3.85vw 7.69vw;
        box-shadow: var(--shadow_sub);
    }
    .about03_cont01 img{
        width: 100%;
    }
    .about03_cont02{
        margin-top: 7.54vw;
        grid-template-columns: repeat(2, 1fr);
        gap: 6.46vw 3.08vw;
    }
    .about03_cont02 .top{
        margin-bottom: 5.38vw;
        height: 8.46vw;
        line-height: 8.46vw;
        font-size: 3.28vw;
        border-radius: 8.31vw;
        border: 2px solid #c9c9c9;
    }
    .about03_cont02 .top::before{
        height: 5.38vw;
        bottom: -5.38vw;
    }
    .about03_cont02 .bottom{
        height: calc(100% - 5.38vw - 8.46vw);
        padding: 3.38vw 0;
        border-radius: 4vw;
    }
    .about03_cont02 .bottom strong{
        font-size: 3.28vw;
        margin-bottom: 2.31vw;
    }
    .about03_cont02 .bottom p{
        font-size: 2.87vw;
    }
    .about03_cont02 .bottom strong.mgt{
        margin-top: 5.54vw;
    }
    .about04 .box{
        padding: 7.69vw 3.08vw 11.23vw
    }
    .about04 .box img{
        margin-top: 5.38vw;
        width: 100%;
    }
/*
    .about05 .cont_inner{
        padding-top: 3.08vw;
    }
*/
    .about05 .box{
        margin-top: 3.85vw;
        padding: 3.23vw 4.15vw 8.46vw;
    }
    .about05 #bo_btn_top{
        display: none
    }
    .about05 .flex{
        flex-flow: column;
        align-items: center;
        gap: 5.23vw;
    }
    .about05 .left{
        width: 49.08vw;
    }
    .about05 .map_img > img{
        width: 100%;
    }
    .about05 .map_img .map_link a{
        width: 8.31vw;
        height: 8.31vw;
        font-size: 2.87vw;
    }
    .about05 .map_img .map_link a::after{
        width: 2.15vw;
        height: 2.15vw;
        bottom: calc(-4.5px - 2.15vw);
    }
    .about05 .map_img .map_link.seoul{
        top: 2.62vw;
        left: 11.23vw;
    }
    .about05 .map_img .map_link.gyeonggi {
        top: 8.15vw;
        left: 18.46vw;
    }

    .about05 .map_img .map_link.gangwon {
        top: 1.85vw;
        left: 28.46vw;
    }

    .about05 .map_img .map_link.chungbok {
        top: 14.77vw;
        left: 25.38vw;
    }

    .about05 .map_img .map_link.chungnam {
        top: 18.15vw;
        left: 12.46vw;
    }
    .about05 .map_img .map_link.gyeongbok {
        top: 27.08vw;
        left: 34.77vw;
    }
    .about05 .map_img .map_link.gyeongnam {
        top: 39.85vw;
        left: 28.46vw;
    }
    .about05 .map_img .map_link.jeollabok {
        top: 32.92vw;
        left: 13.23vw;
    }
    .about05 .map_img .map_link.jeollanam {
        top: 45.54vw;
        left: 9.08vw;
    }
    .about05 .map_img .map_link.jeju {
        top: 59vw;
        left: 0vw;
    }
    .about05 .right{
        width: 100%;
    }
    .about05 .tabnav{
        gap: 1.23vw;
        margin-bottom: 3.08vw;
    }
    .about05 .tabnav a{
        height: 9.38vw;
        font-size: 2.87vw;
    }
    .about05 .img_view #gall_ul{
        grid-template-columns: repeat(1, 1fr);
        gap: 2.62vw;
    }
    .about05 .img_view .gall_con .gall_wrap{
        gap: 3.08vw;
        position: relative;
        align-items: flex-start;
    }
    .about05 .img_view .gall_con .gall_img_wrap{
        width: 32vw;
        height: 100%;
    }
    .about05 .img_view .gall_text_href{ 
        width: calc(100% - 32vw);
        padding-top: 4vw;
    }
    .about05 .img_view .gall_img{
        height: 100%;
    }
    .about05 .img_view .gall_text_href p{
        font-size: 2.87vw;
        margin-bottom: 1.85vw;
        line-height: 130%;
    }
    .about05 .img_view #gall_ul li{
        height: 29.54vw;
    }
    .about05 .img_view #gall_ul li .gall_box,
    .about05 .img_view #gall_ul li .gall_con,
    .about05 .img_view .gall_con .gall_wrap{
        height: 100%;
    }
    .about05 .img_view .box{
        padding: 0;
    }
    .about05 .img_view .tell_text{
        position: absolute;
        left: 32vw;
        bottom: 3.69vw;
    }
    .about05 .img_view .tell_text{
        padding: 2vw 2.31vw 2vw 6.62vw;
        font-size: 2.87vw;
        border-radius: 7.23vw;
        background: url(/img/tell_icon.png) no-repeat 2.31vw center;
        background-size: 2.77vw;
    }
    .about05 .list_content_wrap div{
        padding: 3.08vw 1.69vw;
        font-size: 2.87vw;
                display: flex;
        justify-content: center;
        align-items: center;
    }
    .about05 .list_table_body .address{
        word-break: normal;
    }
    .about05 .list_table_head{
        grid-template-columns: 15.38vw 26.62vw auto;
    }
    .about05 .list_table_body{
        grid-template-columns: 15.38vw 26.62vw 15vw auto;
    }
    .about05 .list_content_wrap div:first-child{
        text-align: left;
    }
    .about05 .list_table_body .tell span{
        gap: 2.15vw;
    }
    .about05 .list_table_body .tell span::before{
        width: 5.08vw;
        height: 5.08vw;
        border-radius: 5px;
        background-size: 2.31vw;
    }
    .about06 .cont_inner > .box{
        margin-top: 3.69vw;
        box-shadow: none;
    }
    .about06 .cont_inner .cont01 {
        padding: 9.23vw 0;
        box-shadow: var(--shadow_sub);
        background: url(/img/mobile/about06_bg.png) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .about06 .cont_inner .cont01 img {
        width: 31.38vw;
    }
    .about06 .cont_inner .cont01 h4 {
        margin: 2.62vw 0;
        font-size: 3.28vw;
    }
    .about06 .cont_inner .cont01 p{
        font-size: 2.87vw;
    }
    .about06 .cont_inner .cont02{
        padding: 4vw 0 0;
    }
    .about06 .cont_inner .cont02 .itemwrap {
        flex-wrap: wrap;
    }
    .about06 .cont_inner .cont02 img.img01{
        width: 49%;
        margin-right: 2%;
    }
    .about06 .cont_inner .cont02 img.img02{
        width: 49%;
    }
    .about06 .cont_inner .cont02 img.img03{
        width: 100%;
        margin-bottom: 2.15vw;
    }
    .about06 .cont_inner .cont02 img.img04{
        width: 100%;
    }
    .about06 .cont_inner .cont02 .sub_text{
        width: 100%;
        margin: 4.31vw 0 3.08vw;
    }
        
    .about_awards .cont_inner > .box{
        margin-top: 3.69vw;
        padding: 3.38vw 3.69vw;
        gap: 4.31vw;
    }
    .about_awards .cont_wrap{
        gap: 3.23vw;
        align-items: flex-start;
    }
    .about_awards .cont_wrap .year{
        padding-top: 0 !important;
        width: calc(12.46vw + 6.31vw);
    }
    .about_awards .cont_wrap .year::before{
        top: 50% !important;
        transform: translateY(-50%);
        width: 6.31vw;
    }
    .about_awards .cont_wrap .year p{
        width: 12.46vw;
        height: 12.46vw;
        font-size: 2.87vw;
    }
    .about_awards .cont_wrap .year::after{
        top: 50% !important;
        transform: translateY(-50%);
        width: 1.54vw;
        height: 1.54vw;
    }
    .about_awards .cont_wrap .txt_wrap{
        width: calc(100% - 12.46vw - 6.31vw - 3.23vw);
        padding: 4.62vw 4.15vw;
    }
    .about_awards .cont_wrap .txt_wrap strong{
        font-size: 2.87vw;
                text-indent: -2vw;
        margin-left: 2vw;
        word-break: keep-all
    }
    .about_awards .cont_wrap .txt_wrap strong:not(:first-child){
        margin-top: 2.62vw;
    }
    .about_awards .cont_wrap .txt_wrap p{
        font-size: 2.46vw;
                text-indent: -2vw;
        margin-left: 2vw;
        word-break: keep-all;
    }
    #sub_gnb.edu .cont_inner{
        padding-right: 30vw
    }
    .edu01 .cont01{
        margin: 3.69vw 0 14.15vw;
        padding: 6.92vw 3.54vw 11.85vw;
    }
    .edu01 .cont01 h4{
        font-size: 3.28vw;
    }
    .edu01 .cont01 .flexwrap{
        margin: 12.62vw 0 3.08vw;
        padding-bottom: 12.77vw;
        gap: 2px;
    }
    .edu01 .cont01 .circle{
        width: 25.38vw;
        height: 25.38vw;
        position: relative;z-index: 1;
    }
    .edu01 .cont01 .plus{
        font-size: 4.51vw;
    }
    .edu01 .cont01 .flexwrap::before{
        width: 58.08vw;
        bottom: 8vw;
    }
    .edu01 .cont01 .circle.creative::before{
        width: 8vw;
        height: 12.77vw;
        background: url(/img/mobile/edu01_arrow.png) no-repeat;
        background-size: contain;
        bottom: -12.77vw;
    }
    .edu01 .cont01 .circle::before{
        height: 4.77vw;
        bottom: -4.77vw;
    }
    .edu01 .cont01 .circle strong,
    .edu01 .cont01 .circle p{
        font-size: 2.87vw;
    }
    .edu01 .box_cont{
        width: 100%;
        height: 53.54vw;
        border-radius: 7.69vw;
        background-size: cover;
    }
    .edu01 .box_cont strong{
        font-size: 3.28vw;
    }
    .edu01 .box_cont p{
        font-size: 2.87vw;
    }
    .edu01 .cont02_list{
        margin-top: 3.69vw;
        padding: 4.62vw 3.08vw;
        gap: 3.08vw;
    }
    .edu01 .cont02_list > .box{
        border-radius: 7.38vw;
        flex-flow: column;
    }
    .edu01 .cont02_list .box img{
        width: 100%;
    }
    .edu01 .cont02_list .box .text{
        width: 100%;
        padding: 4.31vw 3.85vw;
    }
    .edu01 .cont02_list .box .text strong{
        font-size: 3.28vw;
    }
    .edu01 .cont02_list .box .text .text_bold{
        margin: 3.38vw 0;
    }
    
    .edu02 .tabnav{
        padding-bottom: 0;
        margin-bottom: 5.38vw;
        display: grid;
        grid-template-columns: 32.31vw 20.77vw auto;
        justify-content: unset;
        gap: 0;
        box-shadow: var(--shadow_s);
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }
    .edu02 .tabnav span{
        width: 100%;
        border-radius: 0;
        font-size: 3.08vw;
        text-align: center;
        padding: 2.62vw 0;
        box-shadow: none;
        border-left: 1px solid #e1e1e1;
    }
    .edu02 .tabnav a:last-child span{
        border-right: 1px solid #e1e1e1;
    }
    .edu02 .tabnav a.active span{
        font-weight: 500;   
        border-color: #ff8624
    }
    .edu02 .tabnav span::before,
    .edu02 .tabnav span::after{
        display: none;
    }
    .edu02 .cont_title{
        height: 55.54vw;
    }
    .edu02 .cont_title h4{
        font-size: 3.28vw;
        padding: 2.15vw 4.15vw;
        margin-bottom: 3.23vw;
    }
    .edu02 .cont_title strong{
        font-size: 3.28vw;
        margin-bottom: 2.77vw;
    }
    .edu02 .cont_title p{
        font-size: 2.87vw;
    }
    .edu02 .c_orange .cont_title{
        background-image: url(/img/mobile/edu02_tab1_bg.png)
    }
    .edu02 .tab_contents{
        margin-top: 4.31vw;
        padding: 6.15vw 3.54vw 9.23vw
    }
    .edu02 #tab01 .inner01 .steps{
        flex-flow: column;
        gap: 3.23vw;
    }
    .edu02 #tab01 .inner01 .step_item{
        flex-flow: row;
        align-items: flex-start;
        gap: 3.54vw;
    }
    .edu02 #tab01 .inner01 .step_item .step_top{
        width: 15.54vw;
        height: 15.54vw;
    }
    .edu02 #tab01 .inner01 .step_item .step_top img{
        width: 7.23vw;
    }
    .edu02 #tab01 .inner01 .step_item .step_top::before{
        width: 3.54vw;
        height: 1px;
        left: auto;
        bottom: auto;
        right: -3.54vw;
        top: 50%;
        transform: translateY(-50%);
    }
    .edu02 #tab01 .inner01 .step_item .step_bottom{
        width: calc(100% - 3.54vw - 15.54vw);
        height: auto;
        padding: 4.31vw 3.69vw;
        text-align: left;
        border-radius: 4.15vw
    }
    .edu02 #tab01 .inner01 .step_item.step01 strong,
    .edu02 #tab01 .inner01 .step_item .step_bottom strong{
        font-size: 2.87vw;
    }
    .edu02 .tab_contents .box_title{
        font-size: 3.69vw;
        margin-bottom: 7.38vw;
    }
    .edu02 #tab01 .inner02 .grid_imgs{
        grid-template-columns: repeat(3, 1fr);
        gap: 3.08vw;
    }
    .edu02 .tab_contents.inner02 .box_title{
        margin-bottom: 2.46vw;
    }
    .edu02 table{
        margin-top: 3.23vw;
    }
    .edu02 table th, .edu02 table td{
        padding: 2.62vw 0;
        font-size: 2.87vw;
    }
    .edu02 #tab01 a{
        margin-top: 3.23vw;
        padding: 4vw 0;
        
    }
    .edu02 #tab01 a span{
        font-size: 3.69vw;
    }
    .edu02 #tab01 a span::before{
        width:  2.46vw;
        height: 4vw;
    }
    .edu02 .tabnav a.c_green.active span{
        border-color: #009944
    }
    .edu02 .tabnav a.c_lime.active span{
        border-color: #b5d100
    }
    .edu02 .c_green .cont_title{
        background-image: url(/img/mobile/edu02_tab2_bg.png)
    }
    .edu02 .c_lime .cont_title{
        background-image: url(/img/mobile/edu02_tab3_bg.png)
    }
    .edu02 #tab03 .bubble{
        width:  38.77vw
    }
    .edu02 #tab03 .inner01{
        padding: 1.23vw
    }
    .edu02 #tab03 .bubble_wrap{
        gap: 5vw;
    }
    .edu02 #tab03 .bubble_wrap::before{
        width: 16.92vw;
        height: 16.92vw;
        background-size: 9.08vw;
    }
    .edu02 .tab_contents{
/*        padding: 4.77vw 3.54vw*/
        padding: 9.23vw 3.54vw
    }
    .edu02 #tab03 .gridwrap{
        grid-template-columns: repeat(1, 1fr);
        padding-bottom: 0;
        gap: 2.77vw;
    }
    .edu02 #tab03 .gridwrap > div{
        flex-flow: row;
/*        gap: 9.69vw*/
        gap: 0;
    }
    .edu02 #tab03 .gridwrap .top{
        width: 17.23vw;
        height: 17.23vw;
                margin-bottom: 0;
         font-size: 3.28vw;
        margin-right: 9.69vw;

    }
    .edu02 #tab03 .gridwrap .bottom{
/*        width: calc(100% - 17.23vw - 9.69vw - 11.38vw);*/
        width: 44.15vw;
        padding: 3.38vw 0;
        border-radius: 2.46vw;
        margin-right: 11.54vw
    }
    .edu02 #tab03 .gridwrap .top::before{
        width: 9.69vw;
        height: 2px;
        left: auto;
        right: -9.69vw;
        top: 50%;
        transform: translateY(-50%);
    }
    .edu02 #tab03 .gridwrap > div::before{
        width: 12.3vw;
        height: 2px;
        left: auto;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .edu02 #tab03 .gridwrap > div::after{
        width:  2.77vw;
        height: 2.77vw;
        top: 50%;
        bottom: auto;
        right: 0;
        left: auto;
        transform: translateY(-50%);
    }
    .edu02 .tab_contents{
        position: relative;
    }
    .edu02 #tab03 .line{
        width: 5.69vw;
        height: 95.85vw;
        background: url(/img/mobile/edu02_tab3_line_arrow.png) no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 2.1vw;
        transform: translateY(-50%)
    }
    .edu02 #tab03 .line::before,
    .edu02 #tab03 .line::after{
        display: none;
    }
    .edu02 .tab_contents.inner03{
        padding: 4.77vw 0 7.69vw;
    }
    .edu02 #tab03 .inner_logo{
        width: 56.46vw
    }
    .edu02 #tab03 .imgs.pc{
        display: none
    }
    .edu02 #tab03 .m_img{
        width: 100%;
    }
    .edu02 .tab_contents.inner04 .box_title{
                margin-bottom: 2.46vw;        
    }
    
    .edu03 .cont00{
        margin-top: 3.69vw;
        padding: 14.31vw 0 16.15vw;
    }
    .edu03 .cont00 h4{
        font-size: 3.28vw;
        padding: 2vw 2.77vw;
        margin-bottom: 3.08vw;
    }
    .edu03 .cont00 .sub_text{
        font-size: 3.28vw;
    }
    .edu03 .cont01 {
        font-size: 4.77vw;
        padding-top: 6.92vw;
    }
    .edu03 .cont01 .sub_text{
        font-size: 3.28vw;
    }
    
    .manage01 .cont01{
        margin: 3.69vw 0 9.54vw;
        padding: 8.77vw 0;
        background: none;
        gap: 6.15vw;
    }
    .manage01 .cont01 .item strong{
        font-size: 3.28vw;
    }
    .manage01 .cont01 .item p{
        font-size: 2.87vw;
        word-break: keep-all;
        margin-top: 2.15vw;
    }
    .manage01 .cont01 .item p.small_txt{
        font-size: 2.46vw;
        margin-top: 3.08vw;
    }
    .manage01 .cont02{
        padding: 15.23vw 0 0;
        background: #fff;
        position: relative;
        box-shadow: none;
    }
    .manage01 .cont02 .box{
        padding: 23.23vw 6.15vw 8.31vw;
        grid-template-columns: repeat(2, 1fr);
        gap:10.15vw 0;
    }
    .manage01 .cont02 .circle{
        display: none;
    }
    .manage01 .cont02::before{
        position: absolute;
        content: '';
        width: 33.23vw;
        height: 33.23vw;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background: url(/img/manage01_logo.png) no-repeat;
            background-size: cover;
        border-radius: 50%;
        border: 3px solid #ff8624;
        box-shadow: var(--shadow_sub);
        z-index: 1;
    }
    .manage01 .cont02::after{
        content: '';
        position: absolute;
        top: 12.23vw;
        left: 50%;
        transform: translateX(-50%);
        width: 88vw; height: 8.62vw;
        background: url(/img/mobile/manage01_line.png) no-repeat;
            background-size: cover;
        
    }
    .manage01 .cont02 .box > div{
        padding: 0;
        border: none;
    }
    .manage01 .cont02 .one::before,
    .manage01 .cont02 .two::before,
    .manage01 .cont02 .three::before,
    .manage01 .cont02 .four::before{
        display: none;
    }
    .manage01 .cont02 .box strong{
        font-size: 2.87vw
    }
    .manage01 .cont02 .box p{
        font-size: 2.87vw;
    }
    .manage02 .cont01{
        margin: 3.69vw 0 0;
    }
    .manage02 .cont01 .top{
        padding: 10.92vw 11.54vw;
/*        gap: 11.85vw;*/
        gap: 11.54vw 0;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .manage02 .cont01 .top > div{
        width: 28.31vw;
        height: 28.31vw;
    }
    .manage02 .cont01 .top .plus{
        font-size: 6.15vw;
    }
    .manage02 .cont01 .top .plus:nth-of-type(2){
        display: none;
    }
    .manage02 .cont01 .top > div p{
        font-size: 3.28vw;
    }
    .manage02 .cont01 .top > div{
        position: relative;
    }
    .manage02 .cont01 .top > div:nth-of-type(1)::before{
        content: '+';
        font-size: 6.15vw;
        color:#c4c4c4;
        position: absolute;
        left: 50%;
        bottom: -9.8vw;
        transform: translateX(-50%)
    }
    .manage02 .cont01 .top > div:nth-of-type(2)::before{
        content: '+';
        font-size: 6.15vw;
        color:#c4c4c4;
        position: absolute;
        left: 50%;
        bottom: -9.8vw;
        transform: translateX(-50%)
    }
    .manage02 .cont01 .bottom{
        padding: 7.08vw 0;
    }
    .manage02 .cont01 .bottom p{
        font-size: 3.28vw;
    }
    
    .manage03 .cont01{
        padding:0 0 19.85vw;
        margin: 0 0 3.54vw
    }
    .manage03 .cont_inner > .box{
        margin-top: 3.69vw;
        padding: 4.62vw 3.54vw 11.38vw
    }
    .manage03 .cont01 h4{
        font-size: 3.69vw;
    }
    .manage03 .cont01 .inner{
        margin-top: 5.38vw;
        grid-template-columns: repeat(2, 1fr);
        gap: 6.15vw 3.23vw 
    }
    .manage03 .cont01 .inner .item > div{
       
        border-radius: 4vw;
    }
    .manage03 .cont01 .inner .top{
        margin-bottom: 2.92vw;
         height: 18vw;
    }
    .manage03 .cont01 .inner .top p{
        font-size: 2.95vw
    }
    .manage03 .cont01 .inner .item::before{
        display: none;
    }
    .manage03 .cont01::after{
        display: none;
    }
    .manage03 .cont01::before{
        bottom: 0;
        width: 45.54vw;
        height: 53.69vw;
        background: url(/img/mobile/manage03_line.png) no-repeat;
        background-size: cover;
    }
    .manage03 .cont02 .item{
        border-radius: 4vw;
    }
    .manage03 .cont02 .top{
        height: 18.31vw
    }
    .manage03 .cont02 .top p{
        font-size: 3.28vw;
    }
    .manage03 .cont02 .bottom{
        margin-top: 6.46vw;
            grid-template-columns: repeat(1, 1fr);
        gap: 3.38vw;
    }
    .manage03 .cont02 .bottom .item{
        position: relative;
        height: 54.92vw;
    }
    .manage03 .cont02 .bottom .item img{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
        
    }
    #sub_gnb.contact .cont_inner{
        padding-right: 40vw
    }
 
}