@charset "utf-8";

/* Category */
.list-category { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* Sort */
.list-sort { margin:15px 0px 20px; letter-spacing:-1px; }
.list-sort .on { font-weight:bold; color:crimson !important;}
.list-sort .pull-left a, .list-sort .pull-right a { display:inline-block; margin:0px 10px; }

/* List */
.list-control { line-height:1px; }
.list-page { margin:30px 0px 0px; }
.list-none { padding-top:100px; padding-bottom:100px; text-align:center; box-shadow:none !important; border:1px solid #e5e5e5; background:#fff; margin-top:50px; width:100%;}

.shop-list .item-wrap { overflow:hidden; line-height:20px; display: flex; flex-wrap : wrap;}
.shop-list .item-row { /*float:left;*/ overflow:hidden; }
.shop-list .item-list { overflow:hidden; border:1px solid #ddd; }
.shop-list .item-list.now { border:1px solid orangered;}
.shop-list .item-image { position:relative; overflow:hidden; margin:0px; }
.shop-list .item-img { position:relative; overflow:hidden; max-height:360px; }
.shop-list .item-img .wr-img { width:100%; height:auto; }
.shop-list .item-icon { position:absolute; left:0px; top:10px; line-height:1px; z-index:1; }
.shop-list .item-content { overflow:hidden; padding:10px 15px 0px; }
.shop-list .item-content strong { font-size:14px; letter-spacing:-1px; padding-right:1px; }
.shop-list .item-content .item-desc { font-size:12px; color:#888; margin-top:4px; }
.shop-list .item-cur-price { font-size:13px; padding:0px 15px; line-height:16px; height:16px; margin-top:6px; text-align:right; }
.shop-list .item-price { font-size:15px; padding:0px 15px 10px; line-height:22px; }
.shop-list .item-info { text-align:left; font-size:15px; padding:0; padding-right:5px; line-height:1em; }
.shop-list .item-info span { display:inline-block;}
.shop-list .item-info span i { margin-right:2px; }
.shop-list .item-info span.item-star i { margin-right:0px; }
.shop-list #infscr-loading { background: rgb(0, 0, 0); margin:0px; padding: 10px; border-radius: 10px; left: 50%; width: 200px; margin-left:-110px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.shop-list .item-more { text-align:center; margin:15px 0px 0px; }

.shop-list .item-point { position:absolute; left:0; bottom:0; z-index:1; margin:0px !important; padding:4px 6px 4px 15px !important; line-height:1 !important;}
.shop-list .item-point span { letter-spacing:0; }

@media all and (max-width:767px) {
	.responsive .list-control .pull-left,
	.responsive .list-page .pull-left { float:none !important; margin-bottom:10px; }
	.responsive .list-control .pull-right,
	.responsive .list-page .pull-right { float:none !important; }
}

@media (max-width:480px) { 
	.responsive .shop-list.xs-2 .item-price .font-18 { font-size: 15px; }
	.responsive .shop-list.xs-2 .item-info { font-size: 13px; }
}

/* 입주민 폐쇄몰 관련 css */

.memberb_mid {display: flex; align-items: center; justify-content: space-between; margin-top: 80px; margin-bottom: 40px;}
.memberb_mid .mbm_left p {font-size: 35px; font-weight: 700; color: #222222;}

.memberb_mid .mbm_right {max-width: 765px;}

@media (max-width:1280px) {
    .memberb_mid {flex-direction: column; width:100%;gap: 30px 0; margin-top: clamp(50px,8.072653884964682vw,80px); margin-bottom:clamp(30px,4.036326942482341vw,40px)}
    .memberb_mid .mbm_right {max-width:none; width:100%;}
}

@media (max-width:991px) {
    .memberb_mid {gap: clamp(20px,3.027245206861756vw,30px) 0;     align-items: flex-start;}
    .memberb_mid .mbm_left p {font-size: clamp(23px,3.531786074672048vw,35px);}
}

.fix_category {margin-bottom: 40px;}
.fix_category .cate_wrap .cate_top {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px;}
.fix_category .top_total {font-size: 14px; color: #666666; padding-top: 40px; margin-bottom: 20px; border-top: 1px solid #444444;}
.fix_category .top_total .main_text {font-weight: 600; color:#333333}

@media (max-width:991px) {
    .fix_category .cate_wrap .cate_top {gap:0 8px; margin-bottom: 8px;}
    .fix_category {margin-bottom: clamp(30px,4.036326942482341vw,40px);}
    .fix_category .top_total {font-size: clamp(11px,1.412714429868819vw,14px); padding-top: clamp(28px,4.036326942482341vw,40px) ; margin-bottom: clamp(18px,2.018163471241171vw,20px);}
}



/* 정렬 CSS 관련 */
.fix_category .cate_top .cate_t_right {position: relative; }
.fix_category .cate_top .array_wrap {width: 113px;  border: 1px solid #e1e1e1; border-radius:5px; overflow: hidden; text-align: center;}
.fix_category .cate_top .array_a {display: flex; align-items: center; justify-content: space-between; padding: 0 15px 0 18px; height: 45px;  font-size: 16px;color: #222222; background: #fff;}

/* dropdown open 되었을 때 */
.fix_category .cate_top .array_wrap.open {border: 1px solid #111;}
.fix_category .cate_top .array_wrap.open .array_a {background: #111; border: 1px solid #111; color: #fff;}


/* drop 메뉴 */
.fix_category .cate_top .array_wrap .array_drop {min-width: unset; position: absolute; top: 60px; left: 0; display: none; flex-direction: column; align-items: flex-start; gap: 20px 0; width: 100%; padding: 16px 20px 16px 18px; border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px; background: #fff; z-index: 20;} 
.fix_category .cate_top .array_wrap.open .array_drop {display: flex;}
.fix_category .cate_top .array_wrap .array_drop a {display: block; transition: all .3s ease-in-out; font-size: 16px; color: #666;}
.fix_category .cate_top .array_wrap .array_drop a.on {color:#111}
.fix_category .cate_top .array_wrap .array_drop li {cursor: pointer;}
.fix_category .cate_top .array_wrap .array_drop li:hover a {color:#111111}


@media (max-width:991px) {
    .fix_category .cate_top .array_wrap {width: 95px;border-radius: 2.5px;}
    .fix_category .cate_top .array_a {padding: 15px 10px 15px 18px; height: 42.5px; font-size: clamp(14px,1.614530776992936vw,16px); border-radius: 2.5px;}


    .fix_category .cate_top .array_wrap .array_drop {padding: 15px 10px 15px 18px; top: 53.5px; text-align: left; border-radius: 2.5px;}
    .fix_category .cate_top .array_wrap .array_drop a {font-size: clamp(13px,1.614530776992936vw,16px);}
}


/* arrow 공통 */

.cate_wrap .drop_common > a .arrow {position: relative; width: 14px; height: 14px;}
.cate_wrap .drop_common > a .arrow::after {content: ''; position: absolute; top: 1px; right: 3px; width: 8px;height: 8px;border-top: 1px solid #222222; border-right:1px solid #222;transform: rotate(135deg);transition: all .3s ease-in-out;}
.cate_wrap .drop_common.open > a .arrow::after {top: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(315deg);}
.cate_wrap .drop_common a {font-size: 16px; color: #222; background:#fff;}
.cate_wrap .drop_common.open a { color: #fff;}

@media (max-width:991px) {
    .cate_wrap .drop_common > a  .arrow {width: 7px; height: 7px;}
    .cate_wrap .drop_common > a .arrow::after {right: 0; top: -1px; width: 5px; height: 5px;}
    .cate_wrap .drop_common.open > a .arrow::after {top: 3px;}
}



/* 탭 */
.fix_category .cate_top .cate_t_left {width: calc(100% - 165px);}

.fix_category .cate_top .cate_t_left .cate_tab-container {position: relative; display: flex; gap: 10px; flex-wrap:wrap;}
.fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn {display: flex; height: 45px; align-items: center; justify-content: center; padding: 0 20px; border-radius:5px; border:1px solid #e1e1e1; background: #fff; cursor: pointer;}
.fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn .ctab_btn_s {display: block; font-size: 16px; color: #666666;}
.fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn.on {border: 1px solid #111111; background:#111111;}
.fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn.on .ctab_btn_s {color: #fff;}

.fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn.active {border: 1px solid #111111; background:#111111;}
.fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn.active .ctab_btn_s {color: #fff;}

@media (max-width:991px) {
    .fix_category .cate_top .cate_t_left {width: calc(100% - 110px); ; }
    .fix_category .cate_top .cate_t_left .cate_tab_wrap  {position: relative; border-radius: 2.5px; border:1px solid #e1e1e1; }
    .fix_category .cate_top .cate_t_left .cata_tab_a {display: flex; align-items: center; justify-content: space-between; width: 100%; line-height: 42.5px; padding: 0 15px; font-size: 14px;}
    .fix_category .cate_top .cate_t_left .cate_tab_wrap.open {border:1px solid #111;}
    .fix_category .cate_top .cate_t_left .cate_tab_wrap.open .cata_tab_a {background: #111;}


    .fix_category .cate_top .cate_t_left .cate_tab-container {display: none; position: absolute; flex-direction: column; align-items: flex-start; gap: 20px 0;  top:52.5px; width: 100%; padding: 15px 10px 15px 18px;   border-radius: 2.5px; box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 24px; background: #fff; z-index: 20;}
    .fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn {height: auto; padding: 0;}
    .fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn .ctab_btn_s {font-size: clamp(13px,1.614530776992936vw,16px); display: block; width: 100%;}


    .fix_category .cate_top .cate_t_left .cate_tab_wrap.open  .cate_tab-container {display: flex;}
    
    .fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn {border: none; width: 100%; justify-content: flex-start;}
    .fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn.on {background:#fff; border: none;}
    .fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn.on .ctab_btn_s {color: #222222;}
    .fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn.active {background:#fff; border: none;}
    .fix_category .cate_top .cate_t_left .cate_tab-container .ctab_btn.active .ctab_btn_s {color: #222222;}

    .fix_category .cate_top .cate_t_left .cate_tab_wrap.open .dropdown-backdrop {display: none !important;}

}





.cate_bot .tab_cont_box {display: none; justify-content: space-between; align-items: flex-start; padding: 19px 18px 19px 30px; border: 1px solid #e1e1e1; border-radius: 5px;}
.cate_bot .tab_cont_box.on {display: flex;}
.cate_bot .tab_cont_box .tab_content_ul {width: calc(100% - 85px);}
.cate_bot .tab_cont_box .tab_content_ul .tab_content_li  {display: none; flex-wrap:wrap; gap: 20px 40px;}
.cate_bot .tab_cont_box .tab_content_ul .tab_content_li.on {display: flex;}

.cate_bot .tab_cont_box .tab_content_ul .tab_content_div input {display: none;}
.cate_bot .tab_cont_box .tab_content_ul .tab_content_div input + label {position: relative; padding-left: 30px;}

.cate_bot .tab_cont_box .tab_content_ul .tab_content_div input + label::after {content: '';position: absolute; top: 50%;left: 1px; transform: translateY(-50%);width: 18px; height: 18px; border-radius: 50%;border: 1px solid #dcdcdc; box-sizing: border-box; background: #fff;}


.cate_bot .tab_cont_box .tab_content_ul .tab_content_div input:checked + label::after {background: #c5000a; border: 5px solid #fff ; box-shadow: 0 0 0 1px #dcdcdc; width: 16px; height: 16px; left: 2px;}
.cate_bot .tab_cont_box .tab_content_ul .tab_content_div .tab_radio {font-size: 16px; color: #222222;}

@media (max-width:991px) {
    .cate_bot .tab_cont_box {padding: 15px; border-radius: 2.5px;}
    .cate_bot .tab_cont_box .tab_content_ul .tab_content_li {flex-wrap:nowrap; flex-direction: column; gap: 20px 0;}

    .cate_bot .tab_cont_box .tab_content_ul .tab_content_div input + label {padding-left: clamp(20px,3.027245206861756vw,30px);}

    .cate_bot .tab_cont_box .tab_content_ul .tab_content_div input + label::after {width: 12.5px; height: 12.5px;}
    .cate_bot .tab_cont_box .tab_content_ul .tab_content_div input:checked + label::after {width: 10.5px; height: 10.5px; border: 3px solid #fff;}

    .cate_bot .tab_cont_box .tab_content_ul .tab_content_div .tab_radio {font-size: clamp(13px,1.614530776992936vw,16px); color: #222222;}

}





/* 초기화 버튼 */
.tab_reset {display: flex; align-items: center; gap: 0 6px; border: none; background: transparent;}
.tab_reset .tab_reset_img {display:inline-block;}
.tab_reset span {font-size: 16px; color: #666666;}

@media (max-width:991px) {
    .tab_reset {gap: 0 5px;}
    .tab_reset .tab_reset_img {height: 13px;}
    .tab_reset span {font-size: clamp(13px,1.614530776992936vw,16px);}
}

#filterlist-page.list-page {margin: 35px 0 0px !important; width: 100%;  min-width:100%;}
@media (max-width:991px) {
    #filterlist-page.list-page {margin: 40px 0 0px !important;}
}