/* Form */
select {
    height: 4rem;
    font-size: 1.4rem;
}

input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date] {
    font-size: 1.4rem;
    padding: 0 1.4rem;
    height: 4rem;
}

input::-webkit-input-placeholder {
    font-size: 1.4rem;
}

textarea {
    font-size: 1.4rem;
    padding: 1.4rem;
}

.label {
    font-size: 1.5rem;
}

/* header */
.mobile_x {
    display: block;
    width: 4rem;
    height: 4rem;
    background: url('../../assets/images/icon/m_menu.png') no-repeat center / contain;
    position: absolute;
    right: 2rem;
    top: 3.5rem
}

.mobile_x.active {
    background-image: url('../../assets/images/icon/fm_x.png');
}

.mobile_x.active+.lnb {
    display: block;
    animation: m_menu 0.5s both;
}

header {
    height: 11rem;
}

body.grey_type header.wh_header,
body.black_type header.wh_header {
    background-color: #fff;
}

header h1 a {
    padding: 2rem;
}

header h1 a img {
    width: 16rem;
}

header .lnb {
    display: none;
    background-color: #fff;
    padding: 5rem 0;
    height: calc(100vh - 11rem);
    overflow: auto;
    width: 100vw;
    margin-left: 0;
}

header .lnb>li {
    float: none;
    width: calc(100% - 4rem);
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
    margin: 0 2rem;
}

header .lnb>li>a {
    display: block;
    font-size: 3.2rem;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 3;
}

header .lnb>li>a:after {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background: url('../../assets/images/icon/m_lnb_arrow.png') no-repeat center / contain;
    position: static;
    vertical-align: middle;
    margin-left: 2rem;
    opacity: 1;
}

header .lnb>li.active>a:after {
    transform: rotate(180deg);
}

header .lnb .lnb_menu {
    margin-left: -8rem;
    padding-top: 0;
    animation: m_menu3 0.5s both;
    width: 15rem;
}

header .lnb>li.active .lnb_menu {
    display: inline-block;
    animation: m_menu2 0.5s both;
}

header .lnb .lnb_menu li a {
    padding: 3rem;
    font-size: 2.8rem;
}

/* header .lnb .lnb_menu li a:hover:after,
header .lnb .lnb_menu li.active a:after { content: ""; display: block; width: 100%; height: 1px; background-color: #352AD4; } */
@keyframes m_menu {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes m_menu2 {
    0% {
        transform: translateY(-32%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes m_menu3 {
    0% {
        transform: translateY(0);
        opacity: 1;
        display: inline-block;
    }

    100% {
        transform: translateY(-32%);
        opacity: 0;
        display: none;
    }
}

/* footer */
footer {
    padding: 5.5rem 2rem;
    height: 20rem !important;
    text-align: left;
}

/* footer .fm_link { float: none; padding-bottom: 1.5rem; } */
footer .fm_open {
    /*position: absolute; right: 1rem; top: 5.5rem;*/
    font-size: 2rem;
}

footer .fm_pop {
    bottom: 100%;
    padding: 4.4rem 0 8.6rem;
}

.fm_list ul {
    width: 20%;
}

.fm_link li:first-child {
    display: none;
}

.fm_x {
    top: 3rem;
    right: 2rem;
}

.to_come a {
    font-size: 2rem;
}

/* 공통 */
.m_disnone {
    display: none;
}

.m_disblock {
    display: block;
}

.pc_none {
    display: block;
}

.quick_top {
    right: 4rem;
    bottom: 20%;
}

.quick_top .top {
    width: 7.6rem;
    height: 7.6rem;
    background: #000000;
    font-size: 2rem;
    box-shadow: none;
}

.quick_top .inquiry+a+.top {
    background: #000;
}

.quick_top .top:after {
    content: "TOP";
    display: block;
    line-height: 7.6rem;
}

.quick_top .inquiry,
.quick_top a {
    display: none;
}

main {
    margin-top: 11rem;
}

main.sub_main {
    padding-top: 7rem;
}

.title_txt br {
    display: none;
}

.inp_searBox {
    width: calc(100% - 10rem);
    max-width: 54.8rem;
}

.inp_searBox input {
    background-color: #FAFAFA;
    border-radius: 4.5rem;
    border-bottom: none;
    height: 8rem;
    line-height: 8rem;
}

.inp_searBox input.inp_search+button {
    width: 8rem;
    height: 8rem;
    background-image: url('../../assets/images/icon/Mic_search.png');
}

.gotham_blue {
    display: none;
}

.sub_title {
    font-size: 4.4rem;
    font-weight: 400;
}

.title_txt {
    font-size: 2.8rem;
    line-height: 4.8rem;
}

/* 페이징 */
.paging ul li a {
    width: 5.5rem;
    height: 5.5rem;
    line-height: 5.5rem;
    font-size: 2.4rem;
}

/* 공지사항 공통 */
.table_type1 .td.empty_notice {
    font-size: 2.6rem;
    text-align: center;
}

.con_box.marbtm_50 {
    margin-bottom: 6rem;
}

.con_box.marbtm_50.m_marbtm_64 {
    margin-bottom: 6rem;
}

.table_type1 {
    border-top: 2.5px solid #000000;
}

.table_type1 .td.m_disnone,
.table_type1 .thead {
    display: none;
}

.table_type1 .tr {
    padding: 3rem 2rem;
}

.table_type1 .td {
    padding: 0;
    display: block;
    width: 100%;
    text-align: left;
}

.mid_date {
    padding-top: 1.5rem;
    font-size: 2.2rem;
}

.big_date,
.small_date {
    padding-top: 0.5rem;
    font-size: 2.2rem;
}

.table_type1 .td.grey_date {
    padding-top: 1.3rem;
    font-size: 2.2rem;
}

.table_tit {
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 4rem;
}

.icon_new {
    width: 3.2rem;
    height: 3.2rem;
    vertical-align: -0.9rem;
    background-image: url('../../assets/images/icon/Mic_new.png');
}

.d_day {
    font-size: 4rem;
    padding-top: 2.4rem;
}

.col_blueUnder {
    display: none;
}

/* 공지사항 상세 */
.m_smallNotice {
    font-size: 2.8rem;
}

.notice_detail {
    padding-top: 2.4rem;
}

.notice_tit {
    padding: 0;
    border: none;
}

.notice_tit strong {
    display: block;
    font-size: 3.6rem;
    font-weight: 400;
    max-width: 100%;
}

.notice_tit span {
    float: none;
    display: block;
    padding-top: 2.2rem;
    font-size: 2.8rem;
    font-weight: 300;
}

.notice_txt {
    padding: 6rem 0;
    border-top: 2.5px solid #000000;
    margin-top: 6rem;
}

.notice_txt pre {
    font-size: 2.4rem;
    line-height: 4.6rem;
}

.notice_prev,
.notice_next {
    padding-left: 2rem;
    padding-right: 0;
    height: 8.5rem;
    line-height: 8.5rem;
}

.notice_prev span,
.notice_next span {
    background-size: 2.6rem;
    font-size: 2.4rem;
    font-weight: 300;
    padding-left: 4.3rem;
}

.notice_btm {
    margin-bottom: 6rem;
}

.notice_btm p {
    font-size: 2.4rem;
    max-width: calc(100% - 14rem);
}

.notice_btm+.txt_right {
    text-align: center;
}

.notice_btm+.txt_right .orange_btn {
    width: 18rem;
    border-radius: 4.3rem;
    font-size: 2.8rem;
    height: 7rem;
    line-height: 7rem;
}

/* 연혁 */
.con_box.marbtm_88 {
    margin-bottom: 4.5rem;
}

.img_year.left {
    display: none;
}

.year_list {
    width: 100%;
}

.year_slide .slide_txt {
    left: 0;
    padding-right: 3rem;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.year_slide .swiper-slide .slide_txt p {
    display: none;
}

.year_slide .swiper-slide .slide_txt em,
.year_slide .swiper-slide.swiper-slide-active .slide_txt em {
    display: block;
    width: 100vw;
    font-size: 2.6rem;
    order: 2;
}

.year_slide .swiper-slide .slide_txt strong,
.year_slide .swiper-slide.swiper-slide-active .slide_txt strong {
    font-size: 4.8rem;
    order: 1;
    width: 100vw;
}

.year_list {
    padding-left: 15%;
}

.year_list strong {
    display: block;
    width: 100%;
    font-size: 4.2rem;
}

.year_list div {
    width: 100%;
}

.year_list li:before {
    left: -2rem;
}

.year_list div::before {
    top: -3.06rem;
}

.year_list li:first-child:before {
    top: 3rem;
}

.year_list li:last-child:before {
    height: 11rem;
}

.year_list div p em {
    font-size: 2.6rem;
}

.year_list div p {
    font-size: 2rem;
}

/* faq */
.faq_con {
    width: 100%;
    padding: 0 4rem;
    margin: 7.5rem auto 5rem;
}

.faq_btn button.active,
.faq_btn button {
    background-color: transparent;
}

.faq_btn button {
    color: #CCCCCC;
    font-size: 3.2rem;
    font-weight: 300;
    border-bottom: 0.5rem solid #FAFAFA;
    height: auto;
    padding-bottom: 1.3rem;
}

.faq_btn button.active {
    border-color: #000;
    color: #000;
}

.faq_list li .faq_tit {
    padding: 3.5rem 9rem 3.5rem 8rem;
}

.faq_tit>strong {
    font-size: 2.6rem;
    font-weight: 300;
}

.faq_arrow {
    width: 3rem;
    height: 3rem;
    background-image: url('../../assets/images/icon/Mfaq_arrow.png');
    background-size: 3rem;
    top: calc(50% - 1.5rem)
}

.faq_txt {
    background-color: #fcfcfc;
    margin: 0 -4rem;
    padding: 5.3rem 6rem 5.3rem 4.4rem;
    font-size: 2.4rem;
    line-height: 5.3rem;
}

.txt_Q {
    font-size: 4rem;
    top: 2.3rem;
}

.txt_A {
    font-size: 4rem;
}

/* 비전 */
.vision_list {
    margin-top: 7rem;
}

.vision_list li {
    padding-right: 4rem !important;
}

.vision_list li~li {
    border-top: 1px solid rgba(112, 112, 112, 0.3);
}

.vision_list .vision_02,
.vision_list .vision_03 {
    margin-top: 5rem;
}

.vision_list li img {
    display: none;
}

.vision_list li div {
    position: static;
    background-size: 11rem;
    padding-top: 7rem;
    background-position: left top 1.5rem;
    width: 100%;
}

.vision_list .vision_01 div {
    background-image: url('../../assets/images/Mnum_vision01.png');
}

.vision_list .vision_02 div {
    background-image: url('../../assets/images/Mnum_vision02.png');
}

.vision_list .vision_03 div {
    background-image: url('../../assets/images/Mnum_vision03.png');
}

.vision_list li div strong {
    font-size: 4rem;
}

.vision_list li div p {
    font-size: 2.4rem;
}

.vision_list li div p br {
    display: none;
}

.Mcol_blue {
    color: #352AD4;
    font-weight: 700;
}

.Mcol_orange {
    color: #FF8324;
    font-weight: 700;
}

.Mcol_grey {
    font-weight: 700;
}

.Mimg_vision {
    display: block;
    padding-top: 9rem;
}

.Mimg_vision img {
    width: 100%;
    margin-bottom: -13.5rem;
}

/* 그룹사소개 */
#group_slide {
    padding-top: 5rem;
    margin-top: 7rem;
    padding-bottom: 7rem;
    margin-bottom: 0;
}

.group_slide .swiper-slide {
    width: 42rem;
    margin: 0 1.5rem;
}

.group_slide .swiper-slide .group_txt {
    height: 56rem;
    margin-left: 0;
}

.group_slide .swiper-slide.swiper-slide-active .group_txt {
    width: 42rem;
    height: 60rem;
    box-shadow: 1.5rem 1.5rem 1.5rem rgb(0 0 0 / 16%)
}

.group_slide .swiper-slide.swiper-slide-next+.swiper-slide .group_txt {
    margin-left: 0;
}

.group_slide .swiper-slide.swiper-slide-active strong {
    font-size: 2.8rem;
}

.group_slide .swiper-slide.swiper-slide-active p {
    font-size: 2rem;
    line-height: 3.9rem;
}

.group_slide .group_txt p br {
    display: none;
}

.group_pagination.swiper-scrollbar {
    left: 2rem;
    width: calc(100% - 4rem);
}

.group_btnBox {
    top: 8rem;
    right: 4rem;
}

/* cl/bi */
.cibi_list .cibi_img {
    height: 30rem;
}

.cibi_list .cibi_img img {
    max-width: 70%;
}

.con_box.marbtm_130 {
    margin-bottom: 7rem;
}

/* 평생교육원 */
.edu_wrap {
    padding-top: 6rem;
    margin-bottom: 0;
}

.insurance_call {
    padding-top: 0;
    margin-bottom: -12.5rem;
}

/* 보험사업 */
.insurance_btm {
    margin-bottom: 12rem;
}

.insurance_midBox .imgBox {
    width: 29rem;
}

.insurance_midBox .txtBox {
    width: calc(100% - 30rem);
}

.insurance_list {
    padding-top: 11.3rem;
}

.insurance_list li {
    width: 50%;
    vertical-align: top;
    height: 42rem;
}

.insurance_list li:last-child {
    border: 1px solid #e6e6e6;
}

/* 오시는 길 */
.map_conbox {
    margin-left: 0;
}

.map_conbox .sub_title {
    padding-left: 4rem;
}

.map_box {
    margin-top: -7rem;
}

.map_box img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.map_box .address_txt {
    width: 100%;
    display: block;
    padding: 3.2rem 4rem 0;
}

.traffic_box {
    padding: 0 4rem;
}

/* 트니트니사업 */
.teuni_tit {
    font-size: 2.8rem;
}

.teuni_1346 {
    padding: 0 4rem;
    margin: 0;
}

.teuni_btn button.active,
.teuni_btn button {
    background-color: transparent;
}

.teuni_btn button {
    color: #CCCCCC;
    font-size: 3.2rem;
    font-weight: 300;
    border-bottom: 0.5rem solid #FAFAFA;
    height: auto;
    padding-bottom: 1.3rem;
    line-height: normal;
}

.teuni_btn button.active {
    border-color: #000;
    color: #000;
}

.teuni_toplist {
    padding-bottom: 12rem;
    text-align: center;
}

.teuni_toplist li {
    width: calc(33.33% - 1.6rem);
    margin-bottom: 3rem;
}

.teuni_mid {
    padding-left: 4rem;
}

.teuni_app,
.teuni_adventure {
    padding-top: 15rem;
}

.friends_con {
    margin-top: 15rem;
}

.business_con {
    padding: 7rem 0;
    margin-top: 0;
}

.business_map {
    margin-left: 4rem;
}

.business_map .business_maplist {
    width: 49%;
}

.more_teuni.teuni_1346 {
    margin-top: 7rem;
}

#nuri_slide {
    padding-left: 2rem;
    padding-top: 12rem;
    margin-top: 0;
    padding-bottom: 7rem;
    margin-bottom: 0;
}

.nuri_slide .swiper-slide {
    width: 47rem;
    margin: 0 1.5rem;
}

.nuri_slide .swiper-slide.swiper-slide-active .nuri_txt {
    width: 47rem;
    height: 60rem;
    box-shadow: 1.5rem 1.5rem 1.5rem rgb(0 0 0 / 16%)
}

.nuri_slide .swiper-slide strong,
.nuri_slide .swiper-slide.swiper-slide-active strong {
    font-size: 3rem;
}

.nuri_slide .swiper-slide p,
.nuri_slide .swiper-slide.swiper-slide-active p {
    font-size: 2.2rem;
    line-height: 3.9rem;
}

.nuri_slide .swiper-slide.swiper-slide .nuri_btm {
    bottom: 3rem;
}

.nuri_btm .orange_tag {
    width: 8.6rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.9rem;
}

.nuri_slide .swiper-slide.swiper-slide-active .nuri_txt strong:before {
    height: 10rem;
}

.nuri_slide .nuri_txt p br {
    display: none;
}

/* 방과후학교사업 */
#class_slide {
    padding-left: 6rem;
    padding-top: 12rem;
    margin-top: 7rem;
    padding-bottom: 7rem;
}

.class_slide .swiper-slide {
    width: 43rem;
    margin: 0 1.5rem;
}

.class_slide .swiper-slide .class_txt,
.class_slide .swiper-slide.swiper-slide-active .class_txt {
    width: 43rem;
    height: 60rem;
    box-shadow: 1.5rem 1.5rem 1.5rem rgb(0 0 0 / 16%)
}

.class_slide .swiper-slide strong,
.class_slide .swiper-slide.swiper-slide-active strong {
    font-size: 3rem;
}

.class_slide .swiper-slide p,
.class_slide .swiper-slide.swiper-slide-active p {
    font-size: 2.2rem;
    line-height: 3.9rem;
}

.class_slide .swiper-slide.swiper-slide .nuri_btm {
    bottom: 3rem;
}

.class_slide .orange_tag {
    width: 8.6rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.9rem;
}

.class_slide .class_txt strong:before,
.class_slide .swiper-slide.swiper-slide-active .class_txt strong:before {
    height: 10rem;
}

.class_tit,
.computer_tit {
    font-size: 3rem;
}

.class_con ul div strong,
.class_list strong {
    font-size: 2.8rem;
}

.class_list li:first-child:before {
    top: 2.7rem;
}

.class_list li:last-child:before {
    height: 9.6rem;
}

.class_list div p {
    font-size: 2.6rem;
    line-height: 4.6rem;
}

.class_txt {
    font-size: 2.6rem;
    line-height: 4.6rem;
}

.class_con ul {
    padding-top: 5rem;
}

.class_con ul div p {
    font-size: 2.2rem;
    line-height: 4.6rem;
}

.dreampro_txt {
    font-size: 3rem;
    left: 4%;
}

.dmcenter_tit {
    font-size: 3rem;
}

/* 개인정보처리방침 */
.policy_conbox {
    padding-top: 5rem;
    font-size: 2rem;
}

.policy_conbox pre {
    font-size: 2rem;
}

.policy_conbox .martop_140 {
    margin-top: 8rem;
}

.policy_tit {
    font-size: 4rem;
    padding-bottom: 5rem;
}

.policy_list {
    padding-top: 3rem;
    padding-bottom: 5rem;
}

.policy_list em,
.policy_list a {
    display: block;
    width: 100%;
}

/* 트니프렌즈 */
.friend_logo {
    max-width: calc(100% - 8rem);
}

.friend_back {
    margin-top: 0;
}

.friends_teuni {
    margin-top: 5rem;
}

.friends_teuni ul {
    padding-top: 0;
}

.friends_teuni ul li {
    height: auto;
    padding: 7rem 4rem;
}

.friends_teuni ul li div {
    position: static;
    transform: translate(0);
    max-width: 100%;
}

.friends_teuni ul li div>img {
    display: block;
    position: relative;
    transform: translateY(0);
    margin-left: auto;
    margin-right: 0;
    max-height: 30rem;
    right: 0 !important;
}

.friends_teuni ul li div strong {
    margin-top: -10rem;
}

.friends_teuni ul li div p {
    max-width: 100%;
}

/* 241127 추가 */
.noori_call {
    padding-left: .5rem;
    padding-right: .5rem;
}
.btn_bot {
    display: inline-block;
    margin: 0 auto;
}
.btn_bot div:last-child {
    margin-top: 15px;
}
.mo_call_btn {
    display: block;
    max-width: fit-content;
}
.pc_call_btn {
    display: none;
}
.noori_call .call {
    margin: 0 auto;
}
/* //241127 추가 */

/* mobile */
@media (max-width: 768px) {

    /* footer */
    .main_footer {
        height: 15rem !important;
    }

    footer .foo_copy {
        position: unset !important;
        transform: unset !important;
    }

    .fm_list {
        padding: 0 10%;
        font-size: 0;
    }

    .fm_list ul {
        width: 50%;
    }

    .fm_list ul:nth-child(2n) {
        padding-left: 7%;
    }

    .fm_list li~li,
    .fm_list li {
        padding-top: 5.6rem;
    }

    .fm_list a {
        font-size: 2.4rem;
        font-weight: 300;
    }

    .fm_box {
        display: block;
    }

    /* footer .fm_link li { line-height: 100%; } */
    footer .fm_link li img {
        width: 6rem;
    }

    footer .fm_link li~li:after {
        margin: 0 0.9rem;
        height: 2rem;
        vertical-align: -2px;
    }

    footer .fm_link li a {
        font-size: 1.6rem;
    }

    /* footer .foo_copy { display: block; font-size: 1.8rem; } */
    .fm_x {
        width: 4rem;
        height: 4rem;
    }

    /* 메인 */
    #m_noneSlide {
        display: none;
    }

    .main_slide .slide_txt {
        left: 4rem;
        bottom: 24%;
    }

    .main_slide .slide_txt em {
        font-size: 2.8rem;
        padding-bottom: 1rem;
    }

    .main_slide .slide_txt.type2 p,
    .main_slide .slide_txt p {
        font-size: 4.2rem;
        line-height: 6.6rem;
    }

    .main_btnBox {
        left: 4rem;
        bottom: calc(24% - 13rem);
    }

    .main_prev,
    .main_next {
        display: none;
    }

    .main_pagination {
        left: 0;
    }

    /* 팝업 */
    .pop_con .pop_box {
        width: calc(100% - 5.2rem);
        max-width: 45rem;
    }

    .popTxt_box .pop_top {
        padding-bottom: 4rem;
    }

    .popTxt_box .pop_mid {
        padding-bottom: 8rem;
        font-size: 2.2rem;
    }

    .pop_btm {
        font-size: 2.4rem;
    }

    .popTxt_box {
        max-height: 50.4rem;
    }

    .pop_x {
        display: none;
    }

    /* 연구개발 */
    .develop_top {
        display: none;
    }

    .develop_btm {
        padding: 0;
        margin-top: -2rem;
    }

    .develop_btmImg {
        display: block;
        max-width: 100%;
    }

    .develop_btmImg img {
        width: 100%;
    }

    .develop_btmTxt {
        display: block;
        padding-left: 6rem;
        margin-top: 5rem;
    }

    .develop_btmTxt:before {
        width: 4rem;
    }

    .develop_btm>*~* {
        margin-top: 8rem;
    }

    .develop_btmTxt strong {
        font-size: 3.6rem;
    }

    .develop_btmTxt p {
        font-size: 2.6rem;
        line-height: 4.8rem;
    }

    .network_back {
        margin-top: 15rem;
        padding-top: 0;
        background-image: none;
    }

    .network_list li .left p br {
        display: none;
    }

    /* cl/bi */
    .cibi_back {
        background-image: none;
    }

    /* 보험사업 */
    .insurance_top {
        background-size: auto 28rem;
    }

    .insurance_btm>strong,
    .insurance_top>strong {
        font-size: 3rem;
        line-height: 4.8rem;
    }

    .insurance_btm>strong span,
    .insurance_top>strong span {
        font-size: 3.5rem;
    }

    .insurance_top ul {
        padding: 7rem 4rem 0;
    }

    .insurance_top ul li {
        width: 33.33%;
        padding-top: 33.33%;
        height: auto;
        background-image: linear-gradient(to bottom, #352AD4, #5818D9);
    }

    .insurance_top ul li~li {
        margin-left: 0;
    }

    .insurance_top ul li~li:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 60%;
        background-color: rgba(255, 255, 255, 0.3);
    }

    .insurance_top ul li div img {
        display: none;
    }

    .insurance_top ul li p {
        padding-top: 0;
        font-size: 2rem;
    }

    .insurance_top ul li p .dis_block {
        font-size: 1.6rem;
        font-weight: 300;
    }

    .insurance_mid {
        margin: 14rem auto;
    }

    .insurance_midBox .imgBox {
        width: 100%;
        display: block;
    }

    .insurance_midBox .imgBox img {
        display: none;
    }

    .insurance_midBox .imgBox strong {
        font-size: 2.5rem;
        height: 6rem;
        line-height: 6rem;
    }

    .insurance_midBox .txtBox strong span {
        font-size: 2.5rem;
    }

    .insurance_midBox .txtBox {
        width: 100%;
        margin: 0 auto;
        padding-left: 0;
        margin-top: 3rem;
    }

    .insurance_midBox .txtBox~.txtBox {
        margin-top: 2rem;
    }

    .insurance_midBox .txtBox strong:before {
        display: none;
    }

    .insurance_midBox~.insurance_midBox {
        margin-top: 15rem;
    }

    .insurance_midBox .txtBox p {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .insurance_midBox .txtBox p:before {
        top: 1.2rem;
    }

    .insurance_btm {
        padding-top: 10rem;
        background-size: auto 60rem;
    }

    /* 평생교육원 */
    .edu_wrap {
        background-size: 150% auto;
        padding-top: 55%;
        padding-bottom: 5rem;
        height: auto;
    }

    .edu_wrap strong {
        color: #000;
        font-size: 3.2rem;
        font-weight: 400;
        padding-bottom: 1.5rem;
    }

    .edu_wrap p {
        display: inline;
        background-color: transparent;
        color: #333;
        font-size: 2.4rem;
        padding: 0;
    }

    .edu_wrap br {
        display: none;
    }

    /* 오시는길 */
    .traffic_box p span {
        display: block;
        padding-left: 9rem;
        padding-top: 0.7rem;
    }

    .traffic_box ul li {
        font-size: 2rem;
    }

    .traffic_box ul li~li {
        padding-top: 1.5rem;
    }

    .traffic_box ul li span {
        width: 100%;
        display: block;
    }

    /* 트니트니 */
    .nuri_tit {
        font-size: 2.8rem;
        padding-bottom: 2rem;
    }

    .teuni_30tit {
        font-size: 2.8rem;
        line-height: 5rem;
    }

    .teuni_30tit span {
        display: block;
        margin-top: -1.5rem;
    }

    .noori_box {
        padding-top: 0rem;
    }

    .teuni_box {
        padding-top: 0rem;
    }

    .teuni_txt20 {
        font-size: 2.3rem;
        line-height: 4rem;
    }

    .teuni_toplist li {
        width: calc(50% - 1.6rem);
    }

    .teuni_mid_list li {
        height: 42rem;
    }

    .teuni_mid_list strong {
        font-size: 2.5rem;
    }

    .teuni_mid_list strong .fw_regular {
        font-size: 2rem;
    }

    .teuni_mid_list p {
        font-size: 2rem;
        line-height: 3.6rem;
    }

    .img_adventure img {
        width: 100%;
    }

    .txt_adventure ul li {
        font-size: 2.2rem;
        line-height: 4rem;
    }

    .friends_con li div strong {
        padding-bottom: 2rem;
        font-size: 3.4rem;
        line-height: 5rem;
    }

    .friends_con li div strong:before {
        display: none;
    }

    .friends_con li div p {
        font-size: 2.2rem;
    }

    .friends_con li div p br {
        display: none;
    }

    .friends_con li img {
        padding-top: 2rem;
    }

    .app_tit {
        font-size: 2.2rem;
    }

    .app_tit .col_grey {
        font-size: 2rem;
    }

    .app_list ul li {
        width: 100%;
    }

    .app_list ul li strong {
        font-size: 2.6rem;
    }

    .app_list ul li strong:before {
        height: 5rem;
        vertical-align: top;
    }

    .app_list ul li p {
        font-size: 2.2rem;
        padding-top: 1rem;
    }

    .business_toplist {
        font-size: 2.2rem;
    }

    .business_toplist li span {
        font-size: 2.4rem;
    }

    .business_toplist li em {
        font-size: 2rem;
    }

    .business_map .business_maplist {
        width: 100%;
    }

    .business_map.clear .business_maplist li~li {
        margin-top: 2rem;
    }

    .business_map .business_maplist.right {
        margin-top: 2rem;
    }

    .more_teuni div {
        padding-left: 0.3rem;
    }

    .more_teuni div * {
        margin: 0 3.5rem 3rem;
        font-size: 2.4rem;
    }

    .more_teuni div .arrow {
        padding-right: 3.6rem;
    }

    .nuri_top li {
        font-size: 2.2rem;
        line-height: 5rem;
    }

    .nuri_toplist {
        display: block;
        text-align: center;
        margin: 0 -4rem;
    }

    .nuri_toplist li {
        width: 100%;
        text-align: left;
    }

    .nuri_toplist li img {
        width: 100%;
        max-width: 100%;
    }

    .nuri_toplist li~li {
        margin-top: 5rem;
    }

    .nuri_toplist li em {
        font-size: 2.6rem;
        margin-left: 4rem;
    }

    .nuri_toplist li p {
        font-size: 2.2rem;
        line-height: 3.4rem;
        margin-left: 4rem;
    }

    .nuri_box .teuni_30tit,
    .nuri_box .nuri_top li {
        line-height: 4rem;
    }

    /* 트니프렌즈 */
    .friends_teuni ul li div>img {
        margin: 0 auto;
    }

    .friends_teuni ul li div strong {
        margin-top: 0;
    }

    .friends_teuni ul li div p {
        font-size: 2.4rem;
    }

    .friend_btmImg {
        padding-top: 10rem;
    }

    /* 드림멘토 사업 */
    .dreammentor_center {
        width: 100%;
        display: block;
    }

    .dreammentor_center div {
        width: 100%;
    }

    .dreammentor_center div:first-child {
        padding-bottom: 3.8rem;
    }

    .mypace_des {
        display: block;
    }

    .mypace_des div {
        margin-right: 0;
    }

    .mypace_des div:nth-child(2) {
        margin-top: 10%;
    }

    .mypace_dia_box {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .mypace_des_tit {
        font-size: 2.5rem;
    }

    .mypace_des .mypace_des_txt li {
        font-size: 2rem;
    }

    .experi {
        background: none;
    }

    .experi_photo_box {
        padding-top: 5%;
    }

    .photo_box1,
    .photo_box2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .photo_box1 div,
    .photo_box2 div {
        width: 100%;
    }

    .photo_box1 div:first-child,
    .photo_box2 div:first-child {
        margin-right: 0;
    }

    .fam_site_box {
        margin-top: 5%;
    }

    .site_area {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .site_item {
        width: 100%;
        margin-right: 0;
    }

    .mypace {
        padding-top: 15%;
        background: url('../../assets/images/mypace_bg.jpg') no-repeat top;
        background-size: cover;
        padding-bottom: 15%;
    }

    .mypace_logo {
        text-align: left;
        margin-bottom: 10%;
    }

    .mental_test {
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }

    .mental_card {
        height: auto;
    }

    .mental_card:nth-child(2),
    .mental_card:nth-child(4) {
        margin-top: 0;
    }

    .mental_card_img {
        width: 24%;
    }

    .mental_card_des {
        line-height: 20px;
    }

    .mental_card_sub {
        line-height: 20px;
    }

    .mental_card_prog {
        height: auto;
    }

    .mental_card_prog:nth-child(2),
    .mental_card_prog:nth-child(4) {
        margin-top: 0;
    }


}

@media (max-width: 500px) {

    /* 공통 */
    .title_txt span.dis_block {
        display: inline-block;
    }

    .empty_search {
        font-size: 2rem;
    }

    /* 그룹사소개 */
    #group_slide {
        background-size: auto 36rem;
    }

    .group_slideTit {
        font-size: 3rem;
        padding-left: 1.2rem;
    }

    .group_slide .group_txt strong:before {
        height: 6rem;
    }

    /* 연구개발 */
    .network_back {
        background-size: auto 30rem;
    }

    /* 비전 */
    .vision_list li div br {
        display: none;
    }

    /* 트니트니 */
    #class_slide,
    #nuri_slide {
        background-size: auto 36rem;
    }

    .nuri_slideTit {
        font-size: 3rem;
        padding-left: 1.2rem;
    }

    .nuri_topTxt {
        padding-left: 1.2rem;
        font-size: 2.2rem;
    }

    /* 드림멘토 사업 */
    .mypace_dia_box {
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
    }

    .experi_photo_box {
        padding-top: 10%;
    }

    .photo_box1,
    .photo_box2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .photo_box2 {
        padding-top: 3rem;
    }

    .site_area {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .photo_tit {
        font-size: 2.5rem;
    }

    .mypace_box {
        padding-top: 40%;
    }

    .mypace_logo {
        width: 49%;
    }

    .dia_item {
        width: 60%;
    }
}


.font_chg {
    font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}



















/* ss */