@charset "utf-8";

.mobile-gnb { position: relative; background:#fff; padding: 0 0.75rem; margin: 0; }
/* .mobile-gnb:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e1e1e1; } */
.mobile-gnb .swiper-slide { padding: .55rem 0.75rem ; width: auto; }
.mobile-gnb .swiper-slide a { display: block; }
.mobile-gnb .swiper-slide a:hover .societyGroupTab__text { font-weight: bold; }
.mobile-gnb .swiper-slide span { white-space: nowrap; display: inline-block;font-weight: 400;line-height: 1.5;color: #212529;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;background-color: transparent;font-size: 0.85rem; }
.mobile-gnb .swiper-slide.on span { color: #51cdc9; font-weight: 500; }
.mobile-gnb .swiper-slide.on span:after { content: ''; display: block; position: absolute; left: 0px; right: 0px; bottom: 0; width: 100%; height: 2px; background: #51cdc9; }
.mobile-gnb-more { position: relative; background:#fff; }
/* .mobile-gnb-more:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e1e1e1; } */
.mobile-gnb-more a { white-space: nowrap; display: inline-block;font-weight: 400;line-height: 1.5;color: #212529;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;background-color: transparent;padding: 0 0.75rem;font-size: 1rem; }
.mobile-gnb-more a::before { content: "\f282"; }
.mobile-gnb-more a.collapsed::before { content: "\F286"; }
.mobile-gnb-more a::before { display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.mobile-gnb-more-box .on a { color : #51cdc9; }
.mobile-gnb-more-box .mobile-gnb-more-box-item { flex: 1 1 auto; }
.mobile-gnb-more-box .mobile-gnb-more-box-item div { border:1px solid #dee2e6; background-color: #fff; }
.mobile-gnb-more-box .mobile-gnb-more-box-item.on div { border-color : #51cdc9!important; }
.mobile-gnb-more-box .mobile-gnb-more-box-item a { display: block; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-right: 1rem; padding-left: 1rem; text-align:center; }


.mobile-gnb-rounded-pill {
    background: transparent;
    margin: 0.35rem 0;
}

.mobile-gnb-rounded-pill:after {
    content: initial;
}

.mobile-gnb-rounded-pill .swiper-slide {
    padding: .25rem 0.75rem ;
    border-radius: 100px;
}

.mobile-gnb-rounded-pill .swiper-slide.on, 
.mobile-gnb-rounded-pill .swiper-slide.active {
    background-color: #51cdc9;
}

.mobile-gnb-rounded-pill .swiper-slide a span {
    font-size: 0.85rem;
    line-height: 1;
}

.mobile-gnb-rounded-pill .swiper-slide.on a span,
.mobile-gnb-rounded-pill .swiper-slide.active a span {
    font-weight: 500;
    color:#fff;
}

.mobile-gnb-rounded-pill .swiper-slide.on a span:after,
.mobile-gnb-rounded-pill .swiper-slide.active a span:after {
    content: initial;
}

.mobile-gnb-rounded-pill + .mobile-gnb-more {
    background: transparent;
}

.mobile-gnb-rounded-pill + .mobile-gnb-more:after {
    content: initial;
}

.height_init {
    height: initial !important;
}

.border-bottom-light {
    border-bottom : 1px solid #f3f3f5;
}










.web_category .active {
    border-bottom: 2px solid var(--bs-primary);
}
.web_category .active a {
    color:var(--bs-primary);
}

.web_category .on {
    border-bottom: 2px solid var(--bs-primary);
}
.web_category .on a {
    color:var(--bs-primary);
}