@charset "utf-8";

.header_sub_start {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 38px;
    text-align:left;
}

.header_sub_center {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_sub_end {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 38px;
    text-align:right;
}

#header_sub_title {
    font-size: 1.12rem;
    display: inline-block;
    max-width: 270px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: none;
    text-decoration: none;
    color: initial;
    box-shadow: none;
    padding: 0;
    line-height: 1;
}

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


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


.card_section {
    background: #fff;
    width: 560px;
}

.card_section .card_logo {
    margin-bottom: 0.8rem;
}

.card_section .card_logo span {
    font-weight: bold;
    font-size: 1.3rem;
}

.card_section .card_logo img {
    height: 30px;
}

.card_section .card_box {
    display: flex;
    align-items: end;
    height: 600px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.card_more {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    background: #fff;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    color: #888;
    border-radius: 50%!important;
    cursor: pointer;
}

.mobile_wrap .card_section .card_box {
    height: auto;
    margin-bottom: 1.75rem;
}
.mobile_wrap .card_section .card_box .swiper {
    margin-top: 167px;
}

.mobile_wrap .item_box .text_area .price_box .sale_percent,
.mobile_wrap .item_box .text_area .price_box .price,
.mobile_wrap .item_box .text_area .price_box .price:after {
    font-size: 0.85rem;
}





/* swiper */
.M_MAIN_BANNER .swiper-slide { width: 83%; }
.M_MAIN_BANNER .swiper-slide img { width:100%; border-radius:10px 10px 10px 30px; }
.M_MAIN_BANNER button { margin: 111px 10px 10px 38px; opacity: 0.6; border-radius: 12px; background-color: #000; opacity: 0.6; }
.M_MAIN_BANNER button span { font-size: 13px; }
.M_MAIN_BANNER button .swiper-pagination-fraction { color: #fff; font-weight: 500; }
.M_MAIN_BANNER button .swiper-pagination-total { color: #ccc; }
.M_MAIN_BANNER .number_pagination { position: absolute; right: 10px; bottom: 10px; background: rgba(0,0,0,0.6); padding: 0 14px; border-radius: 12px; z-index : 1; }
.M_MAIN_BANNER .swiper-pagination-fraction { font-family: Roboto; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.15; letter-spacing: -0.52px; text-align: right; color: #fff; }

.W_MAIN_BANNER .swiper { width: 1140px; padding: 50px 50px; }
.W_MAIN_BANNER .swiper-scrollbar { background:#fff ; }
.W_MAIN_BANNER .swiper-scrollbar-drag { background:#51cdc9 ; }

#D1_LIST.M_MAIN_BANNER .swiper-slide { width: 60%; margin: 0 10px; }
#D1_LIST.M_MAIN_BANNER .swiper-slide img { width: 100%; border-radius: 10px; }
#D1_LIST.M_MAIN_BANNER .swiper-container-horizontal>.swiper-pagination-bullets, 
#D1_LIST.M_MAIN_BANNER .swiper-pagination-custom, 
#D1_LIST.M_MAIN_BANNER .swiper-pagination-fraction {
    display: initial;
}

#D1_LIST.M_MAIN_BANNER .swiper-scrollbar {
    background: rgba(255,255,255,.3);
    bottom: 20px;
    height: 1px;
    width: 50%;
    left: 50%;
    margin-left: -25%;
}

#D1_LIST.M_MAIN_BANNER .swiper-scrollbar-drag {
    background: #67c8c6;
}


#D_DDY_BANNER .swiper-slide { width: 83%; }
#D_DDY_BANNER .swiper-slide img { border-radius: 10px; }
#D_DDY_BANNER .swiper-pagination-bullets { text-align: center; }
#D_DDY_BANNER .swiper-pagination-bullets .swiper-pagination-bullet { margin-right: 10px; background: #e5e5e5; opacity: 1; }
#D_DDY_BANNER .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #aaa; }
#D_DDY_BANNER .swiper-button-next, 
#D_DDY_BANNER .swiper-button-prev { color: #fff; background: none; }

#D_PLANNING .planning_head { position: relative; }
#D_PLANNING .planning_head img { border-radius: 10px; }
#D_PLANNING .planning_title_box { margin-top : 6px; margin-bottom : 30px; }
#D_PLANNING .planning_title_box .sub_tit { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: -0.42px; color: #888; }
#D_PLANNING .number_pagination { position: absolute; right: 10px; bottom: 10px; background: rgba(0,0,0,0.6); padding: 0 14px; border-radius: 12px; }
#D_PLANNING .swiper-pagination-fraction { font-family: Roboto; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.15; letter-spacing: -0.52px; text-align: right; color: #fff; }
#D_PLANNING .btn_more button { border-radius: 5px; border: solid 1px #ccc; background-color: #fff; font-size: 13px; padding: 10px 0 10px 0; }

#D_MD_BEST-pagination { text-align: center; margin-top: 1rem; }











/* .mobile-gnb { position: relative; background:#fff; padding: 0 0.75rem; }
.mobile-gnb:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e1e1e1; }
.mobile-gnb .swiper-slide { padding: .375rem 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: 1rem; }
.mobile-gnb .swiper-slide.on span { color: #51cdc9; font-weight: bold; }
.mobile-gnb .swiper-slide.on span:after { content: ''; display: block; position: absolute; left: 0px; right: 0px; bottom: 0; width: 100%; height: 3px; 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: 10px 0;
}

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

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

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

.mobile-gnb-rounded-pill .swiper-slide a span {
}

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

.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;
} */







    #cate_1_gnb a > div.ratio {
        background-color: transparent !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* 아이콘 카테고리 행: 상품탭용 .mobile-gnb 좌우 패딩 제거 (원본 모바일 head) */
    #cate_1_gnb.mobile-gnb {
        padding-left: 0;
        padding-right: 0;
    }

    #cate_1_0 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_00-off.svg) }
    .active #cate_1_0 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_00.svg) }

    #cate_1_10502 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_01-off.svg) }
    .active #cate_1_10502 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_01.svg) }

    #cate_1_10503 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_02-off.svg) }
    .active #cate_1_10503 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_02.svg) }

    #cate_1_10504 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_03-off.svg) }
    .active #cate_1_10504 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_03.svg) }

    #cate_1_10505 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_04-off.svg) }
    .active #cate_1_10505 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_04.svg) }

    #cate_1_10506 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_05-off.svg) }
    .active #cate_1_10506 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_05.svg) }

    #cate_1_10507 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_06-off.svg) }
    .active #cate_1_10507 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_06.svg) }

    #cate_1_10508 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_07-off.svg) }
    .active #cate_1_10508 > div.ratio { background-image:url(https://indend-resource.s3.ap-northeast-1.amazonaws.com/front/welfare/main/cate/svc-icon_07.svg) }



    #scroll_show_header { 
        transform: initial;
        transition: transform 2s;
    }
    
    #scroll_show_header.scrollDown { 
        transform: translate(0, -160px);
    }




#D_PLANNING .market_price {
    display: none;
}

#D_PLANNING .naver_price_box  {
    display: none;
}

#D_PLANNING .price_box  {
    border-bottom: 0;
}