@charset "UTF-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

@font-face {
    font-weight: 100;
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Thin.otf') format('otf');
}

@font-face {
    font-weight: 200;
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraLight.otf') format('otf');
}

@font-face {
    font-weight: 300;
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Light.otf') format('otf');
}

@font-face {
    font-weight: 400;
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Regular.otf') format('otf');
}

@font-face {
    font-weight: 500;
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Medium.otf') format('otf');
}

@font-face {
    font-weight: 600;
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.otf') format('otf');
}

@font-face {
    font-weight: 700;
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.otf') format('otf');
}

@font-face {
    font-weight: 800;
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraBold.otf') format('otf');
}

@font-face {
    font-family: 'Pretendard-Black';
    src: url('../font/Pretendard-Black.otf') format('otf');
    font-weight: 900;
    font-style: normal;
}


.p768 {
    display: block;
}

.fadeIn_p768 {
    display: block;
}

.m768 {
    display: none !important;
}

.fadeIn_m768 {
    display: none !important;
}

.gm {
    font-family: 'GmarketSansMedium';
}

.gm01 {
    font-family: 'Pretendard';
}

.gm02 {
    font-family: 'Pretendard-Regular';
}

.gm03 {
    font-family: 'Pretendard-Light';
}

.gm04 {
    font-family: 'Pretendard';
}

.gl {
    font-family: 'GmarketSansLight';
}

.gb {
    font-family: 'GmarketSansBold';
}

.gb1 {
    font-family: 'ONE-Mobile-Title';
}

.c1 {
    color: #65d7de !important;
}

.c2 {
    color: #0e5894 !important;
}


.c3 {
    color: #2e75b6 !important;
}

.c4 {
    color: #00274e !important;
}


.c5 {
    color: #61c6c3 !important;
}

.c6 {
    color: #98876a !important;
}

.c7 {
    color: #666666 !important;
}

.c8 {
    color: #114b7a !important;
}

.c9 {
    color: #ff0024 !important;
}

.c10 {
    color: #000 !important;
}

.quick_r {
    position: fixed;
    right: 0px;
    top: 34%;
    z-index: 35;
}

.quick_r a {
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.quick_r a .q_icon {
    width: 26px;
}

/* .quick_r a div i{
  font-size: 24px;
} */

.quick_r a div img {
    width: 100%;
}

.quick_r p {
    margin-top: 10px;
    font-size: 12px;
}

.q1 {
    color: #fff;
    background: #98876a;
}

.q1 i {
    color: #fff;
    font-size: 24px !important;
    text-align: center;
}

.q2 {
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.q2 i {
    color: #98876a;
    font-size: 30px !important;
    text-align: center;
}

.q2 p {
    color: #98876a;
    font-weight: bold;
}

.q3 {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.q3 i {
    color: #98876a;
    font-size: 28px !important;
    text-align: center;
}

.q3 p {
    color: #98876a;
    font-weight: bold;
}

.q4 {
    background: #93d051;
}

.q4 p {

    color: #fff;
}

.q5 {
    background: #00b050;
}

.q5 p {
    color: #fff;
}

.q6 {
    background: #98876a;
}

.q6 i {
    color: #fff;
    font-size: 30px !important;
}

.q6 p {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px !important;
}

.quick_b {
    display: none;
}

.q_bottom {
    display: none;
}

@media screen and (max-width: 768px) {
    .map_text img {
        width: 100%;
    }

    .quick_r {
        display: none;
    }

    .quick_b {
        display: flex;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        width: 100%;
    }

    .quick_b a {
        width: 20%;
        height: 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .quick_b .m_q {
        width: 26px;
        min-height: 50px;
        line-height: 50px;
    }

    .quick_b .m_q img {
        width: 100%;
    }

    .quick_b .q2 {
        border-top: 1px solid #ddd;
    }

    .quick_b .q3 {
        border-top: 1px solid #ddd;
        border-left: 0px;
    }

    .quick_b p {
        font-size: 1.6rem;
    }

    .q_bottom {
        width: 100%;
        /*  height: auto;*/
        background: #fff;
        position: fixed;
        bottom: 80px;
        z-index: 9999;
        display: none;
        /* padding: 20px;*/
        padding: 10px;
        text-align: center;
        border-top: 2px solid #ddd;
    }

    .cancel {
        display: block;
        text-align: right;
        right: 20px;
        /*  margin-bottom: 20px;*/
    }

    .cancel > i {
        font-size: 20px;
    }

    .quick_b i {
        height: 50px;
        line-height: 50px;
    }

    .q_eight .eig_box .eig_title h2 {
        min-width: 100%;
    }

    .q_eight .eig_title {
        width: 100%;
        margin-bottom: 30px;
    }

    .q_eight .eig_txt {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .q_eight .eig_box {
        flex-direction: column;
    }

    .q_bottom .etext3 {
        margin: 0 auto;
    }

    .q_bottom .etext3 img {
        width: 90%;
    }

    .tab_img4_icon_2 img {
        width: 100% !important;
    }
}

.main_text {
    padding-top: 130px;
}

.main_text h1 {
    font-size: 6.0rem;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 300;
    /* font-family: 'ONE-Mobile-Title'; */
    font-family: 'Pretendard';
}

.main_text .main_span {
    margin-bottom: 10px;
    font-weight: 700;
    /* font-family: 'ONE-Mobile-Title'; */
    font-family: 'Pretendard';
}

.main_text h2 {
    font-size: 1.2rem;
    color: #fff;
    font-weight: 100;
    line-height: 21px;
    letter-spacing: 0.6rem;
    font-family: 'Pretendard';

}

.main_text p {
    font-size: 2.2rem;
    color: #fff;
    margin-top: 41px;
    font-weight: 200;
    line-height: 30px;
    font-family: 'Pretendard';
}

.main_text h4 {
    font-size: 4rem;
    background: #6ac5c4;
    color: #fff;
    text-align: Center;
    margin-top: 50px;
}

.main_text h4 i {
    font-style: normal;
    font-size: 5rem;
    color: yellow;
    display: inline-block;
    width: 203px;
}

.slide_pop {
    display: flex !Important;
    width: 1200px;
    margin-top: 20px;
    justify-content: center;
}

.slide_pop li {
    width: 23%;
    margin: 0 1%;
}

.m_slide_pop {
    display: none;
}

.m_main_visual {
    display: none;
}

.intro {
    padding: 100px 0px;
    background: url('../img/bg1.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.intro .title2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro .title2 h2 {
    text-align: center;
    margin: 0px 25px;
    font-size: 3.6rem;
    line-height: 44px;
}

.intro .title2 span {
    font-size: 8.0rem;
    color: #444;
    margin-bottom: 10px;
}

.intro_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.intro_wrap .int_text p {
    font-size: 2.8rem;
    line-height: 40px;
    font-weight: 200;
}

.int_img {
    position: absolute;
    right: 0;
    bottom: -100px;
    z-index: 2;
}

.int_btn {
    width: 670px;
    height: 120px;
    background: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    margin-top: 100px;
    position: relative;
    z-index: 5;
}

.int_btn p {
    font-size: 2.0rem;
    text-align: center;
}

.title h1 {

    font-size: 3.6rem;
    margin-bottom: 10px;
    line-height: 40px;
}

.mid1 {

    padding: 0 0 100px 0;
}

.mid1 h1 {
    font-weight: 200;
    font-size: 4.5rem;
    margin-bottom: 20px;
    line-height: 80px;
}

.mid1 span {
    font-weight: 200;
    font-size: 7.2rem;
    line-height: 80px;

}


/**/

#mid2 {
    padding: 100px 0;
    background: url('../img/hbg17.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}

#mid2 .title p {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0.6rem;
    font-family: 'Pretendard';
    margin-top: 20px;
}

.p_text2 {
    font-size: 2.0rem !important;
    font-weight: 400 !important;
    font-family: 'Pretendard';
    margin-top: 30px;
}

#mid2 .title h1 {
    font-size: 3.0rem;
    font-weight: 700;
    line-height: 21px;
    font-family: 'Pretendard';
}

.mid2_icon {
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    flex-direction: column;
    margin-top: 30%;
}

.content_box_wrap {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.content_box {
    margin: 84px 2px 0 0;
    width: 298px;
    height: 298px;
    background-color: #98876a;
    color: #fff;

}

.sold1 {
    border: solid 9px #98876a;
    background-color: #fff;
    color: #221212;
}

.sold2 {
    border: solid 9px #98876a;
    color: #fff;

}

.content_box_text {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 3.0rem;
    margin-top: 20px;
    font-family: 'Pretendard';
}

.content_box_text2 {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 3.0rem;
    margin-top: 36px;
    font-family: 'Pretendard';
}


.midimg_wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}


.midimg_box {
    align-items: flex-start;
    display: flex;
    align-items: center;

}

.mid1_img {
    margin-top: 100px;
    display: flex;
    justify-items: center;


}

.mid1_img img {
    width: 100%;


}

.mid2_img {
    margin-top: 100px;
    display: flex;
    justify-items: center;

}

.mid1_img img {
    width: 100%;
}

.mid1_img {
    margin-top: 100px;
    display: flex;
    justify-items: center;
    align-items: center;
}

.mid5_img img {
    width: 100%;
    justify-content: space-around;
}

.mid2_img {
    position: absolute;
    align-items: center;
    justify-items: center;
    margin: 0 auto;
}

/**/
/**/
#mid4 {

    background: url('../img/h35.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}

#mid4 h1 {

    text-align: left;
    margin-bottom: 51px;
}

#mid4 .title {
    flex-wrap: wrap;
    margin-top: 100px;
    display: flex;
    align-items: end;

}

.title_text {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.title_text h1 {
    font-size: 4.5rem;
    font-weight: 700;

}

.title_text p {
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 30px;
}

.title_text span {
    font-size: 2.5rem;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
    font-family: 'Pretendard';

}


.mid_5_img {

    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.mid_4_add {
    width: 600px;
}

.mid_4_add a {
    display: block;
}

.mid_4_img img {
    width: 100%;

}

.mid_4_img3 {
    /*   height: 23px; */

}

.mid_4_img1 {
    display: flex;
    align-items: center;
    line-height: 30px;
}

.mid_4_img2 {
    display: flex;
    justify-items: center;
    background-color: rgb(240, 0, 0);
    align-items: center;
    padding: 8px 10px;
    justify-content: center;
    border-radius: 20px;
    margin-left: 10px;
}

.mid4_b {
    font-size: 4.5rem;
    font-weight: 700;
}

.mid_4_img2 p {
    color: #fff;

}

.mid_4_img1 img {
    width: 100%;

}

.mi3_img {
    margin-top: 45px;
    display: flex;
    justify-content: center;

}

.mi3_img1 img {
    width: 100%;

}

.mid4_bg {
    background-color: #e0d9d4;
    display: flex;
    padding: 33px;
}

.mid4_bg2 {

    text-align: center;
    right: 0;
    left: 0;
    width: 608px;
}



.mid4_bg2 .sd {
    background-color: #98876a;
    text-align: center;

}

.mid4_wrap {

    background-color: #ebe6e3;
    margin: 0 auto;

}

.mid4_text {
    flex-direction: revert;
    display: flex;
}

.title_text .b2 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 30px;
    margin-left: 10px;
    font-family: 'Pretendard';
}
.mid_4_img1 {margin-bottom:20px;}
#doc_b{display:flex;align-items: end;}
#doc_b span{position:relative;top:7px;font-size:3rem;margin-lefT:0;margin-right:10px;}

.content1 {}


.mid4_img {
    justify-content: center;
    align-items: center;
    justify-items: center;
    margin: 0 auto;
}

.mid5_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.h14_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}

.h14_img img {
    width: 100%;

}

.mid5_box_name {
    display: flex;
    position: relative;
    justify-content: center;
    background-color: #98876a;
    width: 229px;
    height: 47px;
    margin-top: 76px;
    z-index: 2;
}

.mid5_box_name p {
    display: flex;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 2.5rem;
    padding: 8px;
}

.mid5_box1 {
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.50);
    width: 1196px;
    height: 202px;
    margin-top: 100px;
    position: absolute;
    z-index: 1;
    display: flex;
}

.mid5_icon {
    justify-content: center;
    z-index: 1;
    display: flex;
}

.mid5_text {
    display: flex;
    justify-content: center;
    font-size: 2.2rem;
    margin: 0 auto;
    padding: 95px 0;


}

.mid5_text img {
    margin-right: 7px;
}


.mid5_text p {
    font-size: 2.2rem;
    margin: 0 20px;
}

.mid5_box {
    margin-top: 76px;
}



/**/

#mid6 {
    padding: 100px 0px;
    background: url('../img/h32.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 100px;

}

#mid6 h2 {
    font-size: 3.8rem;
    line-height: 5.0rem;

}

#mid6 p {
    font-size: 2.5rem;

}

.mid6_wrap {

    flex-wrap: wrap;
}

.mid6_title {
    position: relative;
    align-items: left;
    margin: 0 auto;

}

.mid6_title_wrap {
    margin-top: 96px;

}

#mid3 {
    padding: 100px 0;

}

#mid3 .content .title {
    margin-left: 48%;
    text-align: left;

}

.mid3_bg {
    background-color: #98876a;
}

#mid3 .content .title_box_title {
    background-color: #98876a;

    padding: 36px;
}

#mid3 .content .title_box_title p {
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 2.0rem;
}

#mid3 .content .title h1 {
    line-height: 11px;
}

#mid3 .content .title .gm03 {
    font-weight: 300;
}

#mid3 .content .title .mid3_p {
    line-height: 30px;
    font-weight: 400;
    margin-top: 27px;
}



.title_wrap {

    padding: 50px 0px;
    margin-top: 34px;
    margin-left: 48%;

}

.title_wrap .title_box .sec_text1 p {
    font-size: 2.0rem;
    color: #666;
    line-height: 35px;
}

.title_wrap .title_box .sec_text1 span {
    font-size: 2.0rem;
    color: #98876a;
    line-height: 35px;
    margin-right: 19px;
}

.title_box {
    font-size: 2.0rem;
    color: #98876a;
    line-height: 35px;

}

.title_wrap .title_box2 .sec_text1 p {
    font-size: 2.0rem;
    color: #666;
    line-height: 35px;
}

.title_wrap .title_box2 .sec_text1 span {
    font-size: 2.0rem;
    color: #98876a;
    line-height: 35px;
    margin-right: 19px;
}

.title_wrap .title_box3 .sec_text1 p {
    font-size: 2.0rem;
    color: #666;
    line-height: 35px;
}

.title_wrap .title_box3 .sec_text1 span {
    font-size: 2.0rem;
    color: #98876a;
    line-height: 35px;
    margin-right: 19px;
}



.mid6_title_wrap p {
    margin-bottom: 44px;
    text-decoration: underline #666666 solid 3px;
    text-underline-offset: 0.5rem;

}

.mid6_title_wrap span {
    margin-bottom: 44px;
    line-height: 35px;
    font-size: 2.2rem;
    text-align: center;
}

.mid6_title_p {

    font-size: 3.6rem !important;
    font-weight: 700;
    margin-bottom: 44px;


}

.test {
    display: flex;
}

.test2 {
    width: 100%;
}


.mid6_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 43px 6px 0 0;
}

.mid6_box .mid6_img {
    margin: 43px 6px 0 0;

}

.mid6_box .mid7_img {
    margin: 43px 6px 0 0;

}



.new_txt {
    background: #fff;
    padding: 40px;
    border: 1px solid #e4e4e4;
    margin-top: 40px;
    text-decoration: none !important;
    font-weight: 600;
    text-align: center;
    border-radius: 20px;
}

.new_txt b {
    color: #98876a;
}

.mid6_box .mid6_img .mid6_box_img {
    display: flex;
    width: 390px;
    height: 296px;
}

.mid6_box .mid7_img .mid7_box_img {
    display: flex;
    width: 590px;
    height: 296px;

}

.mid6_box .mid6_img .mid6_box_img img {
    width: 100%;
}

.mid6_box .mid6_img .mid7_box_img img {
    width: 100%;
}


.mid6_box_img {
    width: 100%;
}


.mid7_img img {
    width: 100%;

}


/**/




.dname {
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    justify-content: flex-end;
}

.sec_title p > span {
    font-size: 3.5rem;
    margin-left: 15px;
    font-weight: bold;
}

.dname p {
    font-size: 3.0rem;
}

.sec_text {

    text-align: center;
}

.title_box1 {

    background-color: #ebe6e3;
    padding: 33px;


}

.title_box2 {

    background-color: #ebe6e3;
    padding: 0 33px 33px 33px;


}

.title_box3 {

    background-color: #ebe6e3;
    padding: 0 33px 33px 33px;


}




.sec_text span {
    margin-left: 10px;
}

.sec_book {
    padding-top: 20px;
    border-top: 1px solid #dcdcdc;
}

.sec_book p {
    font-size: 1.2rem;
    color: #666;
}

.sec_wrap2 {
    margin-top: 200px;
    justify-content: flex-end;
}

.sec_wrap2 .sec_people2 {
    position: absolute;
    left: -10%;
    width: 55%;
    top: -170px;
}

.sec_wrap2 .sec_people2 img {
    width: 100%;
}

.sec_wrap2 .sec_text {
    flex-direction: row;
}

.sec_wrap2 .sec_text span {
    margin-left: 0px;
    margin-right: 10px;
}

.sec_wrap2 .dname {
    justify-content: flex-start;
}

.newthree {
    padding: 100px 0px;
}

.newthree .new_img {
    margin-top: 80px;
}

.newthree .new_img img {
    width: 100%;

}

.system {
    background: url('../img/bg3.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0px;
}

.system p {
    text-align: center;
    color: #fff;
    font-weight: 200;
    font-size: 2.6rem;
}

.system h3 {
    margin: 15px 0px;
    text-align: center;
    color: #fff;
    font-size: 4.0rem;
}

.system h3 > span {
    background: rgba(255, 255, 255, 0.5);
    padding: 0px 7px;
}

.program {
    background: -webkit-linear-gradient(143deg, rgb(239, 239, 239), rgb(192, 194, 193));
    background: linear-gradient(143deg, rgb(239, 239, 239), rgb(192, 194, 193));
    padding: 100px 0px 0px 0px;
    ;
}

.pro_wrap {
    display: flex;
    align-items: center;
}

.pro_wrap .title2 h2 {
    font-size: 3.6rem;
    line-height: 40px;
}

.pro_wrap .title2 img {
    margin-bottom: 20px;
}

.pro_wrap .title2 h3 {
    font-size: 2.0rem;
    font-weight: 200;
    margin: 20px 0px;
}

.pro_wrap .title2 p {
    font-size: 2.0rem;
    font-weight: bold;
}

.pro_wrap .pro_img {
    width: 55%;
}

.pro_wrap .pro_img img {
    width: 100%;
}

.slide {
    padding: 100px 0px;
    background: #ebe6e3;
}

.slide .title h1 {
    font-size: 3.5rem;
    font-weight: 700;
}

.slide .title span {
    font-size: 3.5rem;
    font-weight: 300;
}

.slide .title p {
    font-size: 1.2rem;
    letter-spacing: 0.5rem;
}

.slide_wrap {
    margin-top: 70px;
}

.mb100 {
    margin-bottom: 80px;
}

.eleven_text .etext4 a {
    font-size: 3.2rem;
    font-weight: 800;
}

.eleven_text .etext4 p {
    font-size: 1.9rem;
    font-weight: 400;
    font-family: 'Pretendard';
}

.eleven_text .etext4 p > span.c2 {
    margin-right: 4px;
}

#eleven {
    padding: 100px 0;
    background: #fff;
    position: relative;
}

.eleven_map {
    position: relative;
    top: -20px;
}

#twelve {
    position: relative;
}

.map {
    position: relative;
    z-index: 3;
}

.map .map_icon {
    position: absolute;
    z-index: 5;
    top: 23%;
    right: 27%;
    width: 25%;
}

.map .map_icon img {
    width: 100%;
}

.mb30 {
    margin-bottom: 30px;
}



@media screen and (max-width : 1220px) {

    .mid_4_img3 {
        height: inherit;
        width: 500px;
        margin: 0 auto;
    }


    .mid_4_add {
        width: 500px;
        margin: 0 auto;
    }

}




@media screen and (max-width : 1200px) {
    .int_img {
        width: 50%;
    }

    .int_img img {
        width: 100%;
    }

    .intro_wrap .int_text p {
        font-size: 2.2rem;
        line-height: 36px;
    }

    .tab2_img img {
        width: 100%;
    }

    .lecture_text_box p {
        font-size: 2.0rem;
    }

    .tab2_img.m768.tab2_img2 {
        margin-top: 40px;
        background-color: #f7f7f4;
        padding: 40px 0;
    }

    .mid_4_img3 {
        height: inherit;
    }
    
    #doc_b{justify-content: center;}
    #doc_b span {top:0}
    .mid_4_img2{padding:0 10px;}
    .mid_4_img1{margin-bottom:10px}
}





@media screen and (max-width : 1024px) {

    .slide_pop {
        display: none !important;
    }



    .m_slide_pop {
        display: flex !Important;
        width: 90%;
        margin: 20px auto 0 auto;
        justify-content: center;
    }

    .m_slide_pop li {
        width: 48%;
        margin: 0 1%;
        margin: 0 auto;
    }

    .pc_main_visual {
        display: none;
    }

    .m_main_visual {
        display: block;
    }

    .main_text2 {
        padding-top: 90px !Important;
    }

    .main_text h1 {
        font-size: 3.2rem;
    }

    .main_text h2 {
        font-size: 3.2rem;
        line-height: 38px;
    }

    .int_img {
        position: relative;
    }

    .intro_wrap {
        flex-direction: column;
        align-items: center;
    }

    .int_img {
        width: 70%;
        bottom: inherit;
    }

    .intro_wrap .int_text p {
        text-align: center;
    }

    .int_btn {
        margin-top: 0px;
    }

    .dname {
        justify-content: center;
    }

    .sec_text {
        flex-direction: row;
    }

    .sec_text span {
        margin-left: 0px;
        margin-right: 10px;
    }

    .sec_book {
        text-align: left;
    }

    .sec_wrap2 .sec_people2 {
        position: initial;
    }

    .sec_wrap2 {
        flex-direction: column;
        margin-top: 80px;
    }

    .sec_wrap2 .dname {
        justify-content: center;
    }

    .sec_people {
        width: 70%;
    }

    .sec_wrap2 .sec_people2 {
        width: 70%;
    }

    .tab_text h2 {
        font-size: 3.5rem;
    }
}

@media screen and (max-width : 900px) {
    .tab2_con .tab2_icon {
        width: 100%;
    }

    .pro_wrap {
        flex-direction: column;
    }

    .pro_wrap .title2 {
        width: 100%;
        text-align: center;
        margin-bottom: 80px;
    }

    .pro_wrap .pro_img {
        width: 75%;
    }
}

@media screen and (max-width : 768px) {
    .main_visual {
        height: 70vh !important;
    }

    .main_text {
        padding-top: 80px;
    }

    #top_btn {
        display: none;
    }

    #ft {
        padding: 40px 0px 120px 0px;
    }

    .main_text h2 {
        font-size: 1.2rem !important;
    }

    .main_text h4 {
        padding: 10px 20px;
        font-size: 18px;
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
    }

    .main_text h4 i {
        font-size: 30px;
        width:125px;
    }

    .map .map_icon {
        width: 45%;
        top: 35%;
        right: 20%;
    }

    .int_btn {
        width: 90%;
        height: 90px;
    }

    .mob {
        display: block !important;
    }

    .system h3 {
        font-size: 3.0rem;
    }

    .system p {
        font-size: 2.0rem;
    }

    .eleven_map {
        top: 0;
    }

    .eleven_text .etext2 {
        /* padding-left: 76px; */
        margin-left: inherit;
        padding: inherit;
    }

    .eleven_text .etext5_p {
        padding: 6px 42px;
    }

    .etext4_line {
        margin: inherit;
    }

    .mid1 p {
        font-size: 3.0rem;
    }

    .mid_4_img3 {
        height: inherit;
        width: 300px;
        margin: 0 auto;
    }


    .mid_4_add {
        width: 90%;
        margin: 0 auto;
    }

    .mid6_title_wrap span {
        font-size: 1.6rem;
        line-height: 20px;
    }

    .mid6_title_wrap p {
        font-size: 2.2rem !important;
        line-height: 24px !important;
        text-decoration: underline #666 solid 1px !important;
    }

    .mid1 span {
        font-size: 4.0rem;
    }

    .title h1 {
        font-size: 3.3rem;
        line-height: 32px;
    }

    .tabnav li {
        height: 60px;
    }

    .tab_icon {
        margin-bottom: 20px;
    }

    .tab_icon img {
        width: 70px;
    }

    .tab_text h2 {
        font-size: 3.0rem;
    }

    .seven_con .scon1 {
        width: 90%;
    }

    .main_text h2 {
        font-size: 2.4rem;
        line-height: 28px;
    }

    .main_text h1 {
        font-size: 2.6rem;
    }

    .intro .title2 h2 {
        font-size: 3.0rem;
        line-height: 36px;
    }

    .intro_wrap .int_text p {
        line-height: 30px;
    }

    .intro_wrap {
        margin-top: 40px;
    }

    .dname p {
        font-size: 2.2rem;
    }

    .tab_img {
        width: 70%;
    }

    .sec_wrap2 {
        margin-top: 0px;
    }

    .sec2 {
        margin-top: 80px;
    }

    .p768 {
        display: none;
    }

    .fadeIn_p768 {
        display: none;
    }

    .tab2_img.p768 {
        display: none;
    }

    .m768 {
        display: block !important;
    }

    .fadeIn_m768 {
        display: block !important;
    }

    .six_con .six_text p,
    .f2_wrap .f2_box .f2_bot p,
    .scon_wrap .scon2 .sbot p {
        font-size: 1.9rem;
    }

    .st2 {
        margin-bottom: 20px;
    }

    .dname {
        flex-direction: column;
    }

    .sec_title h5 {
        margin-bottom: 10px;
    }

    .sec_wrap2 .dname {
        flex-direction: column;

    }

    .slide .title span {
        font-size: 2.5rem;
    }

    .content_box_text2 {
        margin-top: 20px !important;
    }
}

@media screen and (max-width : 680px) {
    .scon_wrap .scon2 .sbot h1 img {
        width: 100%;
    }

    .scon_wrap .scon2 .stop img {
        width: 100%;
    }

    .pro_wrap .pro_img {
        width: 100%;
    }

    .sec_people {
        width: 85%;
    }

    .sec_wrap2 .sec_people2 {
        width: 85%;
    }

    .six_con .six_text p br {
        display: none;
    }

    .int_img {
        width: 90%;
    }

    .sec_title {
        width: 80%;

    }


}

@media screen and (max-width : 550px) {
    .first_wrap .first_box {
        padding: 20px;
    }

    .first_text h2 {
        font-size: 2.0rem;
        margin-bottom: 15px;
    }

    .first_wrap .first_box .first_img {
        justify-content: center;
        width: 100%;
        margin: 0 auto;
    }

    .first_wrap .first_box .first_img img {
        width: 100%;
    }

    .f2_wrap .f2_box {
        width: 100%;
    }

    .scon_wrap .scon2 {
        width: 90%;
    }

    .footer .foot_logo img {
        width: 80%;
    }
}

@media screen and (max-width : 450px) {}