@charset "utf-8";
/*───────────────────────────────────────────────────────────

	 리스트 타입 및 옵션

───────────────────────────────────────────────────────────*/
@import url("../goods/goods.css");


/*** 쇼핑몰 메인본문 | main/index.php ***/
#header_wrap header {position:absolute; background:#000000; z-index:310;} /*none*/
#header_wrap header.on {background:#000000;}
#header_wrap header.on .header_box .cart_count {background:#333333;}
#header_wrap header .header_box .h_logo a {font-size:0; line-height:0; background:none;}
#header_wrap header .header_box .h_logo img {width:100%; visibility:visible;}
/* 좌측 메뉴 */
#header_wrap header .header_box .side_menu span {display:inline-block; width:20px; height:14px; font-size:0; background:url('https://m.dealpang.com/data/skin/mobile/fresh/img/icon/icon_menu.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 검색 */
#header_wrap header .header_box .top_search span {display:inline-block; width:15.5px; height:15px;  font-size:0; background:url('https://m.dealpang.com/data/skin/mobile/fresh/img/icon/icon_search.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 마이페이지 */
#header_wrap header .header_box .mypage span {display:inline-block; width:18px; height:19px; font-size:0; background:url('https://m.dealpang.com/data/skin/mobile/fresh/img/icon/icon_mypage.png') no-repeat center; background-size:100%; vertical-align:top;}
/* 장바구니 */
#header_wrap header .header_box .cart span {display:inline-block; width:18px; height:19px;  font-size:0; background:url('https://m.dealpang.com/data/skin/mobile/fresh/img/icon/icon_cart.png') no-repeat center; background-size:100%; vertical-align:top;}
#header_wrap header .header_box .cart_count {position:absolute; top:8px; right:0; display:block; padding:3px 6px 1px 6px; line-height:15px; border-radius:100%; color:#fff; background:#8eb111;  vertical-align:middle; font-size:12px;}

.main {background:#ffffff;}
.main .main_top_menu_box {position:absolute;background:#000000;top:50px; left:0; width:100%; margin:0 0px;  z-index:300;} /*width:96% ,margin:0 15px*/
.main .main_top_menu {display:table; width:100%; border-bottom:1px solid #ffffff;} /* 96% */
.main .main_top_menu li {display:table-cell; width:20%; text-align:center;}
.main .main_top_menu li a {display:block; padding:13px 0 13px 0; font-size:15px; color:#ffffff; font-weight:normal;}
.main .main_notice {display:table; width:100%; margin:0 auto; padding:15px 0 15px 15px; box-sizing:border-box;}
.main .main_notice .tit {display:table-cell; width:70px; font-size:13px; font-weight:bold; color:#282828; text-align:left;}
.main .main_notice ul {display:table-cell;}
.main .main_notice ul li {overflow:hidden; width:94%; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; letter-spacing:-1px;}
.main .main_notice ul li a {display:block; width:100%; color:#5d5d5d;}
.main .main_notice ul li a em {float:right; font-style:normal; font-size:11px; color:#999999; letter-spacing:0px;}
/* 메인배너 */
.main .main_banner_box {margin:12px 0 10px 0;}
.main .main_banner_box img {width:100%; font-size:0;}
.main .main_banner_box1 {}
.main .main_banner_box1 img {width:100%;}
.main .main_banner_box1 li {display:table-cell; width:50%; font-size:0; text-align:center; vertical-align:top;}
.main .main_banner_box1 li a {}
.main .main_banner_box1 li a img {width:100%; font-size:0;}
.main .main_banner_box2 {padding:10px 0; font-size:0;}
.main .main_banner_box2 img {width:100%; font-size:0;}
.main .main_special_banner {padding:0 10px 0 10px; margin:0 0 0 0;}
.main .main_special_banner img {width:100%;}
.main .main_special_banner .special_banner_list {overflow:hidden; width:100%;}
.main .main_special_banner .special_banner_list li {float:left;  width:50%;display:inline-block; padding:5px 5px 0 5px; box-sizing:border-box;} 
.main .main_banner_box3 {margin:35px 0 24px 0;}
.main .main_banner_box3 img {width:100%;}

/**ICON BANNER**/
.agc_main_icon_banner {padding: 0 14px 15px 14px; margin-bottom: 38px; box-sizing: border-box;}
.agc_main_icon_banner ul {flex-wrap: wrap;}
.agc_main_icon_banner ul li {position:relative; flex-basis:calc((100% - 72px) / 5); margin-top:30px;}
.agc_main_icon_banner ul li:nth-child(-1n + 5) {margin-top:15px;}
.agc_main_icon_banner ul li:not(:nth-child(1n):nth-child(5n)) {margin-right: 18px;}
.agc_main_icon_banner ul li a {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.agc_main_icon_banner ul li a .icon_name {position:absolute; bottom:-20px; white-space: nowrap; margin-top:6px; font-size:14px; font-weight: 500; color:#333333;}

/* margin 속성 : top,right,bottom,left */
/* 이벤트 최근게시물 */
.main .main_event {}
.main .main_event ul {}
.main .main_event ul li {position:relative; padding:7px 0;}
.main .main_event ul li .img_box {font-size:0;}
.main .main_event ul li .img_box img {width:100%;}
.main .main_event ul li .event_info_box {/*position:absolute; bottom:7px; left:0;*/ width:100%; }
.main .main_event ul li .event_info_box dl {padding:20px; background:rgba(255,255,255,0.8); box-sizing:border-box;}
.main .main_event ul li .event_info_box dl dt {}
.main .main_event ul li .event_info_box dl dt a {display:block; font-size:17px; color:#222222; font-weight:bold;}
.main .main_event ul li .event_info_box dl dd {font-size:15px; color:#ab295d; font-weight:bold;}

/* 하단 정보 BOX */
.main .main_info_box {padding:15px 10px 15px 10px;}
.main .main_info_box .main_info {display:table; width:100%; margin:0 auto; padding:12px 0 12px 0; text-align:center;}
.main .main_info_box .main_info dl {display:table-cell; width:50%; text-align:left; vertical-align:top;}
.main .main_info_box .main_info dl dt {font-size:13px; margin:0 5px; font-weight:bold; border-bottom:1px solid #999;}
.main .main_info_box .main_info dl dd {font-size:11px; padding-left:5px;}

/* CS CENTER */
.main .main_info dl dd p.phone {padding:5px 0;}
.main .main_info dl dd p.phone a {font-size:22px; color:#8eb111; font-weight:bold;}
.main .main_info dl dd p.business_hours {font-size:11px; color:#666;}

/* BANK INFO */
.main .main_info dl dd .account_holder {padding:11px 0; font-size:14px;}
.main .main_info dl dd ul.main_bank {display:table-cell;}
.main .main_info dl dd ul.main_bank li { vertical-align:middle;}
.main .main_info dl dd ul.main_bank li span {font-weight:bold;}

/* 메인 탭진열 */
.best_prd .best_prd_banner {display:block; padding:0 10px;}
.best_prd .best_prd_banner img {width:100%;}
.best_prd1 {margin:42px 0 35px 0;/*  padding:30px 0 60px 0; background: url('https://m.dealpang.com/data/skin/mobile/fresh/img/etc/main_banner_bg.jpg') no-repeat 0 0; background-size:100% 100%; */}
.best_prd1 ._goods_display_main {padding: 30px 0 15px 0; background:#f9f9f9 url('https://m.dealpang.com/data/skin/mobile/fresh/img/etc/main_banner_bg2.png') no-repeat 0 0; background-size:100%;}

/* 메인 TOP 카테고리 */
.mwd_top_cate_box{width:100%; height:60px; display: flex; align-content: center; flex-flow: row wrap; background: #fff; position:fixed; top:85px; z-index:3; left:0; right:0; /*transition:all 0.4s;*/ padding:0 10px;}
.mwd_top_cate_box_bgff {width:100%; height:60px; background: #fff;}
.mwd_top_cate_box a {height:27px; width:unset!important; background: #F3F3F3; border-radius: 20px; padding: 6px 19px; text-align: center; font-size:14px; font-weight: 400; margin-right:10px;}
.mwd_top_cate_box a:last-child {margin-right:0;}
.mwd_top_cate .swiper-wrapper {overflow-x:scroll;}
.mwd_top_cate .swiper-wrapper::-webkit-scrollbar {display: none;}
.mwd_top_cate .swiper-wrapper {-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.mwd_top_cate_left {top:25px;}

/*실시간딜팡*/
.mwd_realtime_main {padding:0 15px; margin-top:40px;
    .top_text p {display:flex; justify-content:flex-start; align-items:flex-end; font-size: 22px; font-weight: 600; text-wrap:nowrap; line-height:1;
        span {margin-left:5px; font-size: 15px; font-weight: 400; letter-spacing: -0.3px;}
    }
    /*카테고리 탭 영역*/
    .top_category_wrap ul.main_depth {position:relative; display: flex; width: 100%; height: 50px; margin-top:10px;
        li {display:flex; justify-content:center; align-items:center; width: calc(100% / 4); height: inherit; padding:0 5px;
            a {width: 100%; padding:10px 0; font-size: 16px; font-weight: 400; color:#707070; letter-spacing: -0.8px; text-align:center;
           &.on {border-bottom:3px solid var(--black); color:#373737;}
           }
        }
    }
    /*상품 목록*/
    .real-time-rank-wrap {margin-top:15px; overflow: hidden;
        .rank_num {position: absolute; top:3px; left:3px; z-index: 9;
            p {display:grid; place-content:center; padding:3px 8px; background: var(--black); border-radius: 4px; font-size: 11px; color:var(--white);}
        }
        .mwd_showcase_template_nav_prev,
        .mwd_showcase_template_nav_next {display: none;}
        ul li {
            /*상품 썸네일*/
            > a .mwd_showcase_template_thum {position: relative; display: flex; align-items: center; aspect-ratio: 1 / 1; overflow: hidden;
                img {border:1px solid #eeeeee;}
            }
            .mwd_showcase_template_pd_info {padding-top:10px;
                > div {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; margin-top:8px;
                    /*상품가격*/
                    > a {display:flex; flex-wrap:wrap; width:100%;
                        > * {line-height: 1;}
                        .mwd_showcase_template_discount {/*width:min-content;*/ margin-right:10px; font-size: 19px; font-weight: 700; color:#AD2631;}
                        .mwd_showcase_template_price {flex-grow:1; font-size: 18px; font-weight: 700; letter-spacing: -1.1px;
                            span {font-size: 12px;}
                        }
                        .interest_badge {width: 100%;}
                    }
                }
                .crema-product-reviews-score {display: flex; padding-top:0;
                    > .crema_product_reviews_score__container {width: fit-content; height: fit-content; font-size: 10px !important; font-weight: 500 !important; color:#656565 !important; font-family: 'Pretendard' !important; line-height: 1 !important;
                        .crema_product_reviews_score_star_wrapper {width: 12px !important; height: 12px !important; top:0 !important;}
                    }
                }
                .agc_pro_option {display:flex; justify-content:flex-end; align-items:flex-end; flex-grow:1; flex-basis:fit-content; width:fit-content; height:14px; margin-top:0; border:none; font-size: 9px !important; line-height: 1;
                    > svg {margin-bottom:2px;}
                }
                a.btn_add_wish {top: 120px;}
            }
        }
    }
    /*더보기 버튼*/
    p.more_btn_realtime {display: flex; justify-content: center; align-items: center; width: 100%; height: 57px; margin:40px auto; background: #bd0b2b; border-radius: 5px; font-size: 17px; color:var(--white);}
}


/* 20240201 */

.renewal_cate_box.mwd_top_cate_box a {display: flex; justify-content: center; align-items: center; height: unset; width: unset!important; background: none; border-radius: 0; padding: 6px 5px; font-size: 17px; font-weight: 600; margin-right: 10px;}
.renewal_cate_box.mwd_top_cate_box .renewal a {font-size:15px;}
.renewal_cate_box.mwd_top_cate_box {overflow: hidden;}
/*.renewal_cate_box.mwd_top_cate_box a:last-child {padding-right: 40px;}*/
.renewal_cate_box.mwd_top_cate_box > .toast_btn {position: absolute; width: 35px; height: 100%; top:0; right:0; background: #ffffff; z-index: 1 ;box-shadow: -15px 0px 10px #ffffff;}

/*SMARTIX SECTION*/
.agc_main_smartix [id^=main_wrap_] li .prd_name {min-height: 2.6em;}
.agc_main_smartix [id^=main_wrap_] li .crema *,
body #container .agc_main_smartix [id^=main_wrap_] li .crema .crema-product-reviews-score > .crema_product_reviews_score__container {font-size: 9px !important;}
body #container .agc_main_smartix [id^=main_wrap_] li.price > .c_price > .price_unit {font-size: 12px !important;}

    /*BEST SECTION*/
body #container .mwd_main_populate > div.agc_pro_pay,
body #container .mwd_main_populate > div.agc_pro_pay > strong {font-size: 18px;}
body #container .mwd_main_populate > div.agc_pro_pay .price_unit {font-size: 12px;}
body #container .mwd_main_populate .crema-product-reviews-score svg {width: 11px !important; height: 11px !important;}

/*그린잇 */
.greenit_section {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width:100%;
    height:auto;

    & .agc_m_tit {
        width: 100%;
        margin-bottom: 15px;

        & span {margin:0;}
    }

    & .greenit_section_list {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    & .greenit-area__list {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        width: 100%;
        gap: 6px;
        overflow-x: auto;
        margin-bottom: 15px;

        & button {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            width:calc(((100vw - 32px) / 6) - 5px);
            height: 22px;
            font-size: 12px;
            font-weight: 400;
            color:#000;
            background: #eee;
            border-radius: 2px;
        }

        & button.active {
            color:#fff;
            background: #333;
        }
    }

    & .golfClub-list {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: row;
        width: 100%;
        height: auto;
        gap: 14px;
        overflow-x: auto;

        & li {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: column;
            flex-shrink: 0;
            width: 228px;
            cursor: pointer;

            & .club-img {
                display: flex;
                width: 100%;
                height: 160px;
                margin-bottom: 10px;
                background: #eee;
                overflow: hidden;

                & img {object-fit: cover}
            }

            & .club-date {
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
                flex-direction: row;
                gap: 6px;
                margin-bottom: 6px;

                & > span {
                    font-size: 10px;
                    font-weight: 400;
                    padding: 4px 6px;
                    border-radius: 2px;
                }

                & i {
                    font-style: normal;
                    margin-left:5px;
                }

                & .club-area {
                    color: #fff;
                    background: #333;
                    border:1px solid #333;
                }
                & .club-reserve{
                    color: #333;
                    background: #fff;
                    border:1px solid #333;
                }
            }

            & .club-name {
                font-size: 15px;
                color:#000;
                font-weight: 500;
                margin-bottom: 0;
            }
            & .club-price {
                font-size: 18px;
                color:#000;
                font-weight: 700;
            }
        }
    }
}

/*메인 고도몰 유튜브 위젯 스타일*/
.youtube_widget_box { background: #f1f1f1;
& ~.groobee_box.mar_b_40 {border-top:none;}
}

@media screen and (min-width: 320px) and (max-width: 350px) {
  .mwd_realtime_main {
    .top_text {
      p {font-size: 20px;
        span {font-size: 13px;}
      }
    }
  }
}

.main-fist-ifdo {
    height: auto;
    max-height:300px;
    margin-top: 40px;
}
#main_groobee_6, #main_groobee_7 {margin-top: 40px}