#cate_list_container {
    padding-bottom: 60px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
#cate_container {
	padding-bottom: 60px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
}
.main_view_box3.cate_advert {
    background: #F6F6F6;
}
.cate_top_bar_box {
	width: 100%;
	border-bottom: 1px solid var(--Grey_D, #DDD);
}
.cate_top_bar {
	max-width: 1280px;
	width: 100%;
	height: 40px;

	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 auto;
    padding: 0 10px;
}
.cate_top_bar_title, .cate_top_bar_sub_title {
	color: var(--Dark, #212121);
	font-size: 12px;
	font-weight: 800;
	line-height: 30px; /* 125% */
}

.cate_drop {
	margin-left: 8px;
    cursor: pointer;

}
.cate_arr {
	margin: 0 8px;
}
.cate_tap_main {
	max-width: 1280px;
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.depth1_list_box { width: 100%; display: flex; justify-content: center; align-items: center; gap: 20px; }
.depth1_list_box_sub { display: flex; padding: 12px 20px; flex-direction: column; justify-content: center; align-items: center; gap: 4px; border-radius: 30px; border: 1px solid var(--Grey_D, #DDD); aspect-ratio: 1/1; width: 120px; }
.depth1_list_box_sub.set0, .depth1_list_box_sub.set1 { border-radius: 50%; }


.depth1_list_box > .depth1_list_box_sub > img {
    aspect-ratio: 1/1;
    max-width: 100%;
    height: auto;
}
.depth1_list_box_sub.on {
    border: 1px solid var(--Dark, #FF820F);
    background-color: #FF820F;
}
.depth1_list_box_sub.on > p {
    color: #fff;
}
.directcateicon {
    position: absolute;
    border: 1px solid #ddd;
    font-size: 11px;
    border-radius: 100px; padding: 3px 7px; 
    background-color: #fff;
    right: 0px; top: -8px; 
}
.depth2_list_new_box {
    display: flex; align-items: center; justify-content: space-between;
    gap: 10px; width: 100%;
}
.cate_or {
    color: var(--Dark, #212121);
    font-weight: 800;
    line-height: 20px; /* 142.857% */
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;

    margin-top: 20px;
    margin-bottom: 8px;
}
.cate_or > img {
    margin-left: 4px;
}
.depth2_list_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.depth2_list_box_sub {
    display: flex;
    width: calc(100% - 0px);
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.depth2_list {
    display: flex;
    min-width: 120px;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--Grey_F1, #F1F1F1);

    color: var(--Grey_6, #666);
    font-size: 16px;
    line-height: 24px; /* 150% */

    cursor: pointer;
}
.depth2_list.on {
    background: var(--Primary, #FF820F);
    font-weight: 800;
    color: white;
}
.depth2_list_box_prev,
.depth2_list_box_next {
    border-radius: 100px;
    border: 1px solid var(--Grey_C, #CCC);
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 16px;
}
.cate_tap_post {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.depth3_list_box {
    border-radius: 30px; padding: 20px 30px;
    background-color: #F1F1F1; width: 100%;
    display: flex; align-items: flex-start; justify-content: flex-start;
    flex-wrap: wrap; gap: 15px;
}
.depth3_list_box > a {
    font-weight: 400; color: #666;
}
.depth3_list_box > a.on {
    font-weight: 700; color: #FF820F;
}
.categorylist {
    margin: auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1280px;
    width: 100%;
}

.categorytab {
    margin-top: 20px; 
}
.categorytab.minW1280 {
    max-width: 1280px;
    width: 100%;
}
.categorytab > div.title_txt {
    font-size: 27px; font-weight: 700; text-align: left;
    width: 100%;
    display: flex; align-items: center; justify-content: space-between;
    border-bottom: 2px solid #000; padding-bottom: 20px;;
}
.categorytab > div.title_txt > span:nth-child(2) {
    font-size: 14px; color: #666; font-weight: 400;
}
.categorytab > div.title_txt > span:nth-child(2) > b {
    color: #FF820F;
}
.categorytab > div.tabarea {
    display: flex; align-items: center; justify-content: space-between; margin-top: 10px;
    border-bottom: 2px solid #EEE;
}
.categorytab > div.tabarea > div.tab_button {
    display: flex; align-items: flex-start; justify-content: flex-start;
    padding: 0px 40px;
}
.categorytab > div.tabarea > div.tab_button > a {
    display: flex; height: 56px; color: #999; margin: 0px 50px;
    align-items: center; justify-content: center; 
}
.categorytab > div.tabarea > div.tab_button > a.on {
    color: #FF820F; font-weight: 700; position: relative;
}
.categorytab > div.tabarea > div.tab_button > a.on::after {
    content: ''; position: absolute; left: 0px; bottom: -2px; 
    width: 100%; height: 2px; background-color: #FF820F;
}
.categorytab > div.tabarea > div.tab_button.cate {
    width: 100%;
}

.categoryselect {
    display: flex; align-items: center; justify-content: space-between; margin-top: 40px;
    width: 100%; margin-bottom: 24px;
    max-width: 1280px;
}
.categoryselect > div.select > select {
    width: 160px; height: 44px; line-height: 44px; padding: 0px 12px; border: 1px solid #DDD; border-radius: 4px;
    background: url('../z_images/zoo_img/down-arr-select.svg') center right 10px no-repeat;
    background-size: 24px; background-color: #F5F4F9;
    cursor: pointer;
}
.categoryselect > div.orderby {
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
}

.categorycommunitylist {
    margin-top: 40px; 
    max-width: 1280px;
    width: 100%;
}
.categorycommunitylist > a.categorycommunitylist_wrap {
    padding: 20px 0; display: flex; align-items: center; justify-content: space-between;
    border-bottom: 1px solid #DDD; gap: 20px;
}

.categorycommunitylist > a.categorycommunitylist_wrap > div.infoarea {
    width: calc(100% - 148px); 
}
.categorycommunitylist > a.categorycommunitylist_wrap > div.infoarea > div.info1 {
    display: flex; align-items: center; justify-content: flex-start;
    color: #666;
    font-size: 10px;
    font-weight: 400;
}

.categorycommunitylist > a.categorycommunitylist_wrap > div.infoarea > div.info2 {
    margin-top: 12px; color: var(--Dark, #212121); font-size: 16px;font-weight: 800;

    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.categorycommunitylist > a.categorycommunitylist_wrap > div.infoarea > div.info3 {
    margin-top: 8px; color: var(--Dark, #212121); font-size: 14px; font-weight: 400;
}
.categorycommunitylist > a.categorycommunitylist_wrap > div.infoarea > div.info4 {
    margin-top: 14px; display: flex; align-items: center; justify-content: space-between;
    color: var(--Grey_6, #666);
    font-size: 12px;
    font-weight: 400;
}
.categorycommunitylist > a.categorycommunitylist_wrap > div.infoarea > div.info4 >  div:last-child {
    display: flex; align-items: center; justify-content: center;
}
.categorycommunitylist > a.categorycommunitylist_wrap > div.infoarea > div.info4 >  div:last-child > img {
    margin-right: 5px;
}
.categorycommunitylist > a.categorycommunitylist_wrap > div.infoarea > div.info1 > span {
    display: flex; width: auto; padding: 0px 10px; height: 32px; align-items: center; justify-content: center; margin-right: 8px;
    border-radius: 100px;
    border: 1px solid #212121;    
    color: #212121;
    font-size: 12px;
    font-weight: 400;
}
.categorycommunitylist > a.categorycommunitylist_wrap > div.categorycommunity_wrap_img {
    width: 128px; height: 128px; border-radius: 8px;
    background-repeat: no-repeat; background-position: center center;
    background-size: cover;
}

.categorymainSlider {   
    background-color: #fff/* #F6F6F6 */; width: 100%; /* margin-top: 40px; */
    padding: 20px 0;
}
.categorymainSlider.cate_advert {
    background-color: #F6F6F6;
    display: flex;
    justify-content: center;
	padding-bottom:40px; margin-bottom: 60px;
}
.mvb3_slide .comment_box.cate_advert {
    background-color: #F6F6F6;
}
.categorymainSlider > div.main_view_box3 {
    max-width: 1280px;
    width: 100%;
}
.categorymainSlider > div.main_view_box3 > div.slider_title {
    color: var(--Dark, #212121); margin: 20px 0; 
    font-size: 27px;
    font-weight: 700;
	letter-spacing:-0.5px;
}

.slider_title .ad-tag { display:inline-block; font-size:14px; font-weight:700; color: var(--Dark, #212121);  background:#fff; border:1px solid #212121; padding:2px 6px; border-radius:4px; margin-right:2px; vertical-align:middle; margin-bottom:2px; }
/*.category_detail_popup_area {
    max-width: 800px;
    width: 100%;
    background-color: #fff; z-index: 1;
    border-radius: 12px; 
    position: sticky; left: calc(50% - 400px); top: 100px;
    margin: 100px 0;
}*/


/*µðÅ×ÀϺä Á¤·Ä¼öÁ¤ 251202*/
.category_detail_popup_area { max-width: 800px; width: 100%; background-color: #fff; z-index: 1; border-radius: 12px; position: relative; top: 10px; margin: 10px auto 80px; }
@media (max-width: 768px) {
    .community_detail_popup { padding: 0 !important;}
	.category_detail_popup_area { border-radius: 0; ; top: 0; margin: 0 auto ; }
	}


.category_detail_popup_area > div.popup_title_banner > img {
    border-top-left-radius: 12px; border-top-right-radius: 12px;
    width: 100%;
}
.popup_ad_list {
    padding: 20px; background-color: #F6F6F6;
}
.popup_ad_list_wrap {
    margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 20px;
}
.popup_ad_list_wrap > a {
    display: flex; align-items: center; justify-content: center; width: 25%;
    flex-direction: column; background-repeat: no-repeat;
    background-size: cover; background-position: center;
}
.popup_ad_list_wrap > a > div:nth-child(1) {
    width: 100%; height: 170px; border-radius: 12px;
}
.popup_ad_list_wrap > a > div:nth-child(2) {
    display: flex; align-items: center; justify-content: space-between; width: 100%;
    margin-top: 9px;
}
.popup_ad_list_wrap > a > div:nth-child(2) > span:nth-child(1) {
    color: var(--Dark, #212121);
    font-size: 14px;
    font-weight: 800;
}
.popup_ad_list_wrap > a > div:nth-child(2) > span:nth-child(2) {
    width: 35px; height: 22px;
    display: flex; align-items: center; justify-content: center;
    color: var(--Grey_6, #666);
    font-size: 10px;
    font-weight: 800;
    background-color: #EEE; border-radius: 12px;
}
div.category_detail_popup_area > div.popup_contents {
    padding: 20px; border-bottom: 4px solid #EEEEEE;
}

.popup_contents_profiles {
    display: flex; align-items: center; justify-content: space-between;
    gap: 8px;
}
.popup_contents_profiles > div:nth-child(1){
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
.popup_contents_profiles > div:nth-child(1) > div:nth-child(1) {
    width: 36px; 
}
.popup_contents_profiles > div:nth-child(1) > div:nth-child(1) > img {
    width: 36px;
}
.popup_contents_profiles > div:nth-child(1) > div:nth-child(2) > p:nth-child(1) {
    color: var(--Dark, #212121);
    font-size: 12px;
    font-weight: 800;
}
.popup_contents_profiles > div:nth-child(1) > div:nth-child(2) > p:nth-child(2) {
    color: var(--Grey_6, #666);
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}
.popup_contents_profiles > div:nth-child(2) {
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
.popup_contents_profiles > div:nth-child(2) > div:nth-child(2) {
    display: flex; align-items: flex-start; justify-content: center; flex-direction: column;
    color: var(--Dark, #212121);
    font-size: 14px;
    font-weight: 800;
}
.popup_contents_profiles > div:nth-child(2) > div:nth-child(2) > span {
    color: var(--Grey_6, #666);
    font-size: 10px;
    font-weight: 400;
}
.popup_contents_profiles > .line {
    display: none;
    width: 1px;
    height: 30px;
    background: #ccc;
}
.popup_contents_titles {
    margin-top: 20px;
}
.popup_contents_titles > p:nth-child(1) {
    color: var(--Dark, #212121);
    font-size: 20px;
    font-weight: 800;
}
.popup_contents_titles > p:nth-child(2) {
    color: var(--Grey_6, #666);
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}

.popup_contents_animal_info {
    display: flex; align-items: center; justify-content: center; gap: 40px;
}
.popup_contents_animal_info > div:nth-child(1) {
    display: flex; align-items: center; justify-content: center;
    width: 50%;
    max-width: 200px;
}
.popup_contents_animal_info > div:nth-child(2) {
    width: 67%;
}
.popup_contents_animal_info > div:nth-child(2) > div {
    border-bottom: 1px solid #DDD; height: 32px;
    display: flex; align-items: center; justify-content: flex-start;
    color: var(--Grey_6, #212121);
    font-size: 12px;
    font-weight: 400;

}
.popup_contents_animal_info > div:nth-child(2) > div > span:nth-child(1) {
    display: inline-block; width: 40px;
    color: var(--Grey_6, #666);
}
.popup_contents_txt {
    margin-top: 20px;
    color: var(--Dark, #212121);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */    
}
.popup_contents_count_info {
    display: flex; align-items: center; justify-content: flex-end; gap: 12px;
}
.popup_contents_count_info > div {
    display: flex; align-items: center; justify-content: center; gap: 4px;
    color: var(--Grey_6, #666);
    font-size: 10px;
    font-weight: 400;
}

.popup_contents_buttons {
    display: flex; align-items: center; justify-content: space-between;
    border-top: 1px solid #eee; margin-top: 20px; padding-top: 20px;
}

.popup_contents_buttons > div:nth-child(1) {
    display: flex; gap: 20px;
}


.popup_contents_buttons > div:nth-child(2) {
    display: flex; gap: 8px;
}

.popup_contents_order_list > div.title_txt {
    color: var(--Dark, #212121);
    font-size: 14px;
    font-weight: 800;
}

.popup_contents_order_list > div.list_wrap {
    margin-top: 8px;
}
.popup_contents_order_list > div.list_wrap > div {
    margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.popup_contents_order_list > div.list_wrap > div > div:nth-child(1) {
    display: flex; align-items: center; justify-content: flex-start;
    width: 120px; gap: 8px;
    color: var(--Dark, #212121);
    font-size: 12px;
    font-weight: 800;
}
.popup_contents_order_list > div.list_wrap > div > div:nth-child(2) {
    display: flex; align-items: center; justify-content: space-between;
    width: calc(100% - 128px);
    color: var(--Dark, #212121);
    font-size: 12px;
    font-weight: 400;
}
.popup_contents_order_list > div.list_wrap > div > div:nth-child(2) > div:nth-child(1) {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 75%;
}
.popup_contents_order_list > div.list_wrap > div > div:nth-child(2) > div:nth-child(2) {
    font-size: 10px;   
}

.popup_frendly_site {
    padding: 20px; background-color:#f5f5f5;
}
.popup_frendly_site_button {
    margin-top: 12px; 
    display: flex; align-items: center; justify-content: center; flex-direction: row; 
    flex-wrap: wrap; gap: 8px;
}
.popup_frendly_site_button > button {
    width: calc(50% - 4px); 
    border-radius: 4px;
    border: 1px solid var(--Grey_D, #DDD);
    display: flex;
    height: 50px;
    padding: 12px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
	background-color: #f5f5f5;
}
.popup_frendly_site_button > button > p:nth-child(1) {
    color: var(--Dark, #212121);
    font-size: 10px;
    font-weight: 400;
}
.popup_frendly_site_button > button > p:nth-child(2) {
    color: var(--Dark, #212121);
    font-size: 14px;
    font-weight: 800;
}
.popup_close_botton {
    text-align: center; margin-top: 20px;
    display: flex; align-items: center; justify-content: center;
}

.cate_drop_box.sub2 {
    position: relative;
    display: flex;
    align-items: center;
    width: 50%;
}
.cate_drop_box.sub3 {
    position: relative;
    display: flex;
    align-items: center;
}
.cate_drop_box_list {
    display: none;
}
.cate_drop_box_list.on {
    display: flex;
    padding: 20px 40px 20px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid var(--Grey_C, #CCC);
    background: var(--White, #FFF);
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.15);

    position: absolute;
    top: 31px;
    left: -7px;
    max-width: 200px;
    min-width: 120px;
    z-index: 2;
}
.cate_drop_box_list > p {
    display: flex;
    line-height: 20px;
    cursor: pointer;
}
.mvb3_list001.cate_advert {
    width: calc((100% / 5) - 16px);
    max-height: 426px;
}
.mvb3_list001.cate_advert > .mvb3_slide_back{
    max-width: 100%;
}
.mvb3_list001.cate_advert > .comment_box.cate_advert {
    max-width: 100%;
}

.m_slide1.cate_advert.mobile > .swiper-wrapper > .m_mvb3_slide > .comment_box.cate_advert.mobile,
.m_slide1.cate_advert_mobile_post > .swiper-wrapper > .m_mvb3_slide > .comment_box.cate_advert.mobile {
    background: #F6F6F6;
}
/* .m_slide1.cate_advert.mobile > .swiper-wrapper > .swiper-slide-active:nth-child(1) {
    margin-left: 20px;
} */
.mvb3_slide_back.cate_advert {
    position: relative;
}
.mvb3_slide_back.cate_advert > .ad_mark {
    position: absolute;
    top: 5px;
    left: 5px;

    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: rgba(204, 204, 204, 50%);
    color: var(--White, #FFF);
    font-size: 8px;
    font-weight: 800;
    line-height: 16px; /* 200% */

    opacity: 0.5;
}
.swiper-wrapper.cate_advert {
    height: unset;
}
.swiper.cate_tap_m {
    width: 100%;
}
.swiper.cate_tap_m > .swiper-wrapper > .swiper-slide {
    max-width: 160px;
    width: 100%;
}
.swiper.cate_tap_m > .swiper-wrapper > .swiper-slide > a {
    display: flex;
    height: 56px;
    color: #999;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #EEE;
    width: 100%;
}
.swiper.cate_tap_m > .swiper-wrapper > .swiper-slide > a.on {
    color: #FF820F; 
    font-weight: 700;
    border-bottom: 2px solid #FF820F;
}

.cate_mobile_last_pagination {
    position: unset !important;
    padding-bottom: 20px;
    height: 6px;
}
.cate_mobile_last_pagination > .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}
.cate_mobile_last_pagination > .swiper-pagination-bullet-active {
    background: rgba(255, 130, 15, 1);
    width: 24px;
    border-radius: 100px;
}

.category_detail_pagination {
    position: unset !important;
    padding: 12px 0 20px 0;
    height: 4px;
}
.category_detail_pagination > .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
}
.category_detail_pagination > .swiper-pagination-bullet-active {
    background: #212121;
}
.popup_ad_list.category_detail {
    background-color: white;
    border-bottom: 4px solid #eee;
}
.popup_ad_list > .category_detail_advert_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
.popup_ad_list > .category_detail_advert_box > .title_box {
    display: flex;
    align-items: center;
    gap: 8px;
}
.popup_ad_list > .category_detail_advert_box > .title_box > p {
    color: var(--White, #FFF);
    font-size: 10px;
    font-weight: 800;
    line-height: 14px; /* 140% */
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--Dark, #212121);
}
.popup_ad_list > .category_detail_advert_box > .title_box > span {
    font-size: 18px;
    font-weight: 800;
    line-height: 20px; /* 133.333% */
}
.popup_ad_list > .category_detail_advert_box > .ad_box {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}
.popup_ad_list > .category_detail_advert_box > .ad_box > .ad_post {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.popup_ad_list > .category_detail_advert_box > .ad_box > .ad_post > .ad_post_back {
    aspect-ratio: 1/1;
    width: 100%;
    position: relative;
}
.popup_ad_list > .category_detail_advert_box > .ad_box > .ad_post > .ad_post_back > p {
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 800;
    border-radius: 4px;
    background: var(--Primary, #FF820F);
    display: flex;
    padding: 6px;
    justify-content: center;
    align-items: center;

    position: absolute;
    top: 4px;
    right: 4px;
}
.popup_ad_list > .category_detail_advert_box > .ad_box > .ad_post > .info {
    font-size: 16px;
    font-weight: 800;
    line-height: 18px; /* 200% */
}
.popup_contents_titles.category > .title_box > .title > p {
    display: inline-block;
    margin-bottom: 4px;
    vertical-align: top;
}
.popup_contents_titles.category > .title_box > .title {
    font-size: 20px;
    font-weight: 800;
    line-height: 27px; /* 150% */

    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.popup_contents_profiles > .line {
    display: none;
    width: 1px;
    height: 30px;
    background: #ccc;
}
.eum_point_box.mobile {
    flex-direction: column;
    align-items: center;
    width: 36%;
}
.eum_point_box.mobile > div {
    display: flex;
    align-items: center;
    gap: 4px;
}
.eum_point_box.mobile > span {
    color: var(--Grey_6, #666);
    text-align: center;
    font-size: 10px;
    line-height: 14px; /* 140% */
}
.popup_title_sliderimg {
    position: relative;
}
.popup_title_sliderimg > img {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    z-index: 1;
    padding: 15px;
}

/* 2025-12-03 À¯±â°ßÅÇ ±¤°í¿µ¿ª */
.category_tab5_banner .pc_img { display: block; }
.category_tab5_banner .mobile_img { display: none; }

@media (max-width: 768px) {
    .category_tab5_banner .pc_img { display: none; }
    .category_tab5_banner .mobile_img { display: block; }
}
/* 2025-12-03 À¯±â°ßÅÇ ±¤°í¿µ¿ª */




@media screen and (max-width: 450px) {
.popup_contents_buttons > div:nth-child(1) {display: flex; gap: 8px;}
}
@media screen and (max-width: 360px) {
.popup_contents_buttons > div:nth-child(1) {display: flex; gap: 4px;}
}

/* ¸®½ºÆ® ¼öÁ¤½ºÅ²  */
/* Ä«Å×°í¸® ¸®½ºÆ® ±×¸®µå (5¿­) */
.d-cate-list-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px 26px; width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 40px; box-sizing: border-box; }

/* Ä«µå °øÅë ½ºÅ¸ÀÏ (ÀϹÝ/½½¶óÀÌµå ¸ðµÎ Àû¿ë) */
.d-cate-list-card, .d-cate-list-card.type2-slider { display: flex; flex-direction: column; gap: 12px; text-decoration: none; color: inherit;
width: 100%; box-sizing: border-box; cursor: pointer; overflow: hidden;}
.d-cate-list-card { margin-bottom:10px; }
.d-cate-list-img-wrap { width: 100%; aspect-ratio: 1/1; position: relative; border-radius: 12px; overflow: hidden; background-color: #f3f4f6; }
.d-cate-list-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.d-cate-list-card:hover .d-cate-list-img, .d-cate-list-card.type2-slider:hover .d-cate-list-img { transform: scale(1.05); }
.d-cate-list-card:hover .d-cate-list-title, .d-cate-list-card.type2-slider:hover .d-cate-list-title { color: #FF820F; }

/* ¶óº§/¹èÁö/¿À¹ö·¹ÀÌ */
.d-cate-list-blind { position: absolute; inset: 0; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; z-index: 10; }
.d-cate-list-sold { position: absolute; inset: 0; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; z-index: 10; }
.d-cate-list-ad-badge { position: absolute; top: 8px; left: 8px; padding: 2px 6px; background: rgba(0,0,0,0.5); border-radius: 4px; color: #fff; font-size: 10px; font-weight: 700; z-index: 5; }

/* ¹èÁö ½ºÅ¸ÀÏ */
.d-cate-badge-safe { background: #d1fae5; color: #059669; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; display: inline-flex; align-items: center; }
.d-cate-badge-yugi { background: #ffedd5; color: #ea580c; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; display: inline-flex; align-items: center; }
.d-cate-badge-free { background: #ffe4e6; color: #e11d48; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; display: inline-flex; align-items: center; }
.d-cate-badge-normal { background: #A4DCF5; color: #111; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; display: inline-flex; align-items: center; }
.d-cate-list-badge-gray { background: #F5F5F5; padding: 3px 8px; border-radius: 4px; font-size: 12px; color: #666; font-weight: 600; display: flex; align-items: center; }

/* À¯Àú Á¤º¸ */
.d-cate-list-user { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.d-cate-list-avatar { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; border: 1px solid #eee; }
.d-cate-list-nick { font-size: 12px; font-weight: 700; color: #9ca3af; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
.d-cate-list-time { font-size: 11px; color: #9ca3af; white-space: nowrap; margin-left: auto; }

/* ŸÀÌƲ */
.d-cate-list-title { font-size: 17px; font-weight: 700; color: #111; margin: 5px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
height: 24px;  line-height: 1.4; }

/* ÅÂ±× ¿µ¿ª (Ç°Á¾, °¡°Ý µî) */
.d-cate-list-tags-left { display: flex; align-items: center; gap: 6px !important; overflow: hidden; white-space: nowrap; }
.d-cate-list-tags { display: flex; align-items: center; justify-content: space-between; width: 100%;  }
.d-cate-list-breed { font-size: 13px; color: #4b5563; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d-cate-list-price { font-size: 15px; font-weight: 700; color: #111; }

/* ÇÏ´Ü Á¤º¸ */
.d-cate-list-footer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 0; padding-top: 5px;  }
.d-cate-list-info { display: none; align-items: center; gap: 6px; font-size: 12px; color: #999; }
.d-cate-list-divider { width: 1px; height: 10px; background: #e5e7eb; display: inline-block; }
.d-cate-gender-f { color: #FF5A78; font-weight: 700; }
.d-cate-gender-m { color: #5A8CFF; font-weight: 700; }

/* ½ºÅÈ ¾ÆÀÌÄÜ */
.d-cate-list-stats { display: flex; align-items: center; gap: 10px; font-size: 11px; color: #9ca3af; margin-left: auto; }
.d-cate-stat-item { display: flex; align-items: center; gap: 2px; }
.d-cate-icon { width: 13px; height: 13px; fill: #d1d5db; }
.d-cate-icon-stroke { width: 13px; height: 13px; stroke: #a2a8b4 !important; fill: none; }
.d-cate-list-stats span { color: #9ca3af !important; line-height: 1 !important; position: relative; top: -1px; display: inline-block;}




/* °¡°Ýº° Ä÷¯ */
.d-price-tier-a { background-color: #E0F2F1 !important; color: #00897B !important; padding: 2px 10px; border-radius: 4px; font-weight: 700;  }
.d-price-tier-c { background-color: #E3F2FD !important; color: #1976D2 !important; padding: 2px 10px; border-radius: 4px; font-weight: 700;  }
.d-price-tier-e { background-color: #F3E5F5 !important; color: #7B1FA2 !important; padding: 2px 10px; border-radius: 4px; font-weight: 700;  }
.d-price-tier-d { background-color: #FBE9E7 !important; color: #BF360C !important; padding: 2px 10px; border-radius: 4px; font-weight: 700;  }
.d-price-tier-silver { background-color: #E8EAF6 !important; color: #3949AB !important; padding: 2px 10px; border-radius: 4px; font-weight: 700;  }
.d-price-tier-gold { background-color: #FFF3E0 !important; color: #E65100 !important; padding: 2px 10px; border-radius: 4px; font-weight: 700;  }
.d-price-tier-free { background-color: #F9D2D9 !important; color: #D35192 !important; padding: 2px 8px; border-radius: 4px; font-weight: 700;  }
.d-price-tier-consult { background-color: #F3F4F6 !important; color: #4B5563 !important; padding: 2px 10px; border-radius: 4px; font-weight: 700;  }
.d-ad-list-fallback-icon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.d-user-icon-a { background-color: #E0F2F1 !important; } .d-user-icon-a svg { fill: #00897B !important; }
.d-user-icon-c { background-color: #E3F2FD !important; } .d-user-icon-c svg { fill: #1976D2 !important; }
.d-user-icon-e { background-color: #F3E5F5 !important; } .d-user-icon-e svg { fill: #7B1FA2 !important; }
.d-user-icon-d { background-color: #FBE9E7 !important; } .d-user-icon-d svg { fill: #BF360C !important; }
.d-user-icon-silver { background-color: #E8EAF6 !important; } .d-user-icon-silver svg { fill: #3949AB !important; }
.d-user-icon-gold { background-color: #FFF3E0 !important; } .d-user-icon-gold svg { fill: #E65100 !important; }
.d-user-icon-free { background-color: #FDF2F4 !important; } .d-user-icon-free svg { fill: #E8A0B8 !important; }
.d-user-icon-consult { background-color: #F3F4F6 !important; } .d-user-icon-consult svg { fill: #e5e7eb !important; }


/* À¯±â°ß ±¤°í¿µ¿ª */
.category_tab5_banner_full { grid-column: 1 / -1 !important; display: block; width: 100%; }
.category_tab5_banner_full img { display: block; width: 100%; height: auto; }

/* Çø®¸¶ÄÏ */
.tab_box.flea_market { display: flex; align-items: center; margin-top: 6px; }
.tab_box.flea_market .tab { display: flex; align-items: center; gap: 4px; padding: 4px 8px; background-color: #F1F1F1; border-radius: 4px; color: #666; font-size: 11px; font-weight: 700; }
.tab_box.flea_market .tab img { width: 14px; height: 14px; }


/* ¹ÝÀÀÇü */
@media (max-width: 1024px) { 
.d-cate-list-grid { grid-template-columns: repeat(4, 1fr); padding: 0 16px; } 
}
@media (max-width: 768px) { 
.d-cate-list-grid { grid-template-columns: repeat(2, 1fr); gap: 12px 20px; } 
.d-cate-list-title { font-size: 15px; } 
.d-cate-list-tags-left { flex: 1; min-width: 0; }
.d-cate-list-price { font-size: 14px; } 
}




 /* ========================================== */
 /*              [Ä¿¹Â´ÏƼ]				       */
 /* ========================================== */

/* Reset & Common */
.d-community-body { padding: 0  !important; margin:0 !important; background: #F8F9FA; overflow: hidden;  }
.d-community-main { width: 100%; padding-bottom: 3rem;   }
.d-community-container { max-width: 1280px; margin: 0 auto; padding: 0;}

/* Banner */
.d-community-banner { position: relative; flex: none; width: 100%; max-width: 1280px; height: 160px; margin: 24px auto 32px; border-radius: 40px; padding: 0 64px; background: linear-gradient(to right, #0f766e, #059669); color: #fff; box-shadow: 0 10px 15px -3px rgba(15, 118, 110, 0.2); overflow: hidden; box-sizing: border-box; transition: all 0.3s ease; }
.d-community-bg-pattern { position: absolute; inset: 0; opacity: 0.1; background-image: radial-gradient(#ffffff 1.5px, transparent 1.5px); background-size: 20px 20px; pointer-events: none; z-index: 0; }
.d-community-blur-1 { display: block; position: absolute; right: -80px; top: -80px; width: 320px; height: 320px; background: #ffffff; opacity: 0.05; border-radius: 50%; filter: blur(48px); z-index: 0; }
.d-community-blur-2 { display: block; position: absolute; left: -40px; bottom: -80px; width: 256px; height: 256px; background: #ccfbf1; opacity: 0.15; border-radius: 50%; filter: blur(48px); mix-blend-mode: overlay; z-index: 0; }
.d-community-inner { position: relative; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; height: 100%; box-sizing: border-box; }
.d-community-icon-box { order: 2; width: 96px; height: 96px; background: rgba(255,255,255,0.1); border-radius: 16px; backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.2); box-shadow: inset 0 0 20px rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); transform: rotate(6deg); }
.d-community-icon-box:hover { transform: rotate(0deg); }
.d-community-icon-box svg { width: 40px; height: 40px; color: #fff; fill: none; transition: all 0.3s ease; }
.d-community-badge { display: flex; position: absolute; top: -8px; right: -8px; width: 36px; height: 36px; background: #fff; color: #0f766e; border-radius: 50%; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
.d-community-text-box { order: 1; display: flex; flex-direction: column; justify-content: center; transition: all 0.3s ease; }
.d-community-tag { display: inline-block; padding: 2px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.3); font-size: 12px; font-weight: 700; background: rgba(255,255,255,0.1); backdrop-filter: blur(4px); margin-bottom: 4px; width: max-content; color: #fff; }
.d-community-title { font-size: 36px; font-weight: 900; line-height: 1; margin: 0 0 4px; text-shadow: 0 1px 2px rgba(0,0,0,0.1); letter-spacing: -0.025em; transition: all 0.3s ease; color: #fff; }
.d-community-desc { font-size: 18px; color: #ccfbf1; opacity: 1; font-weight: 500; margin: 0; word-break: keep-all; letter-spacing: -0.025em; transition: all 0.3s ease; }
.d-pc-only { display: block; }
.d-mobile-only { display: none; }

@media (max-width: 1280px) {
    .d-community-banner { width: calc(100% - 32px); }
}

@media (max-width: 1024px) {
    .d-community-banner { padding: 0 32px; }
    .d-community-title { font-size: 28px; }
    .d-community-desc { font-size: 15px; }
    .d-community-icon-box { width: 80px; height: 80px; }
    .d-community-icon-box svg { width: 32px; height: 32px; }
}

@media (max-width: 768px) {
    .d-community-banner { width: 100%; max-width: none; height: auto; flex: none; align-self: flex-start; margin: 0 0 24px; padding: 24px 20px; border-radius: 0; background: linear-gradient(to right, #0f766e, #059669); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
    .d-community-inner { justify-content: flex-start; height: auto; }
    .d-community-icon-box { order: 1; width: 44px; height: 44px; border-radius: 12px; transform: rotate(0deg); box-shadow: none; border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(4px); background: rgba(255,255,255,0.2); }
    .d-community-icon-box:hover { transform: rotate(0deg); }
    .d-community-icon-box svg { width: 24px; height: 24px; }
    .d-community-badge { display: none; }
    .d-community-text-box { order: 2; }
    .d-community-tag { display: none; }
    .d-community-title { font-size: 20px; letter-spacing: normal; }
    .d-community-desc { font-size: 12px; color: #fff; opacity: 0.9; letter-spacing: normal; }
    .d-pc-only { display: none; }
    .d-mobile-only { display: block; }
    .d-community-blur-1, .d-community-blur-2 { display: none; }
}


/* Mobile Header */
.d-community-mobile-header { display: none; background: linear-gradient(to right, #0f766e, #059669); padding: 1.5rem 1.25rem; margin-bottom: 1.5rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); position: relative; overflow: hidden; }
.d-community-mobile-bg-pattern { position: absolute; inset: 0; opacity: 0.1; background-image: radial-gradient(#ffffff 1.5px, transparent 1.5px); background-size: 20px 20px; pointer-events: none; }
.d-community-mobile-header-inner { display: flex; align-items: center; gap: 0.75rem; position: relative; z-index: 1; }
.d-community-mobile-header-icon { padding: 0.625rem; background: rgba(255,255,255,0.2); border-radius: 0.75rem; border: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; }
.d-community-mobile-header-icon svg { width: 24px; height: 24px; color: #fff; }
.d-community-mobile-title { color: #fff; font-size: 20px; font-weight: 800; margin: 0; }
.d-community-mobile-subtitle { color: #fff; opacity: 0.9; font-size: 12px; font-weight: 500; }

/* Scroll & Utilities */
.d-community-cate-scroll { overflow-x: auto; padding: 0.5rem 0 1.5rem; margin-bottom: 1.5rem; -ms-overflow-style: none; scrollbar-width: none; }
.d-community-cate-scroll::-webkit-scrollbar { display: none; }
.d-community-cate-list { display: flex; justify-content: center; gap: 2rem; }
.d-community-cate-item { border: none; background: none; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; min-width: 90px; }
.d-community-cate-icon-box { width: 90px; height: 90px; border-radius: 24px; background: #fff; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 2px rgba(0,0,0,0.05); transition: 0.2s; }
.d-community-cate-item:hover .d-community-cate-icon-box { transform: scale(1.05); border-color: #fb923c; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
.d-community-cate-icon-box img { width: 64px; height: 64px; object-fit: contain; }
.d-community-cate-icon-box.bg-zoo { background: #f97316; border: none; box-shadow: 0 10px 15px -3px rgba(249, 115, 22, 0.3); }
.d-community-cate-icon-box svg { color: #fff; width: 40px; height: 40px; }
.d-community-cate-item span { font-size: 14px; font-weight: 700; color: #64748b; transition: color 0.2s; }
.d-community-cate-item:hover span { color: #1e293b; }
.d-community-cate-item.d-community-active span { color: #f97316; }


/* Filter Bar */
.d-community-filter-bar { display: flex; align-items: center; gap: 0.5rem; overflow-x: auto; margin-bottom: 2rem; padding-bottom: 4px; -ms-overflow-style: none; scrollbar-width: none; }
.d-community-filter-bar::-webkit-scrollbar { display: none; }
.d-community-filter-btn { white-space: nowrap; padding: 0.625rem 1.25rem; background: #fff; border: 1px solid #e2e8f0; border-radius: 999px; font-size: 15px; font-weight: 700; color: #475569; display: flex; align-items: center; gap: 0.375rem; cursor: pointer; transition: 0.2s; }
.d-community-filter-btn:hover { border-color: #fdba74; color: #ea580c; }
.d-community-filter-btn img { width: 16px; height: 16px; }
.d-community-filter-btn svg { width: 14px; height: 14px; }
.d-community-filter-btn.d-community-active { background: #f97316; color: #fff; border-color: #f97316; box-shadow: 0 4px 6px -1px rgba(249, 115, 22, 0.2); }
.d-community-find-link { margin-left: auto; white-space: nowrap; padding: 0.625rem 1.25rem; border: 1px solid #cbd5e1; border-radius: 999px; font-size: 15px; font-weight: 700; color: #64748b; text-decoration: none; display: flex; align-items: center; gap: 4px; transition: background 0.2s; }
.d-community-find-link:hover { background: #f8fafc; }
.d-community-find-link svg { width: 12px; height: 12px; }
.d-community-search-form { display: flex; align-items: center; gap: 0.5rem; overflow-x: auto; margin-left: auto; }
.d-community-search-input { height: 35px; padding: 0 12px; border: 1px solid #e2e8f0; border-radius: 999px; background: #fff; font-size: 14px; outline: none; width: 100%; max-width: 200px; box-sizing: border-box; }
.d-community-search-submit { background: #000; color: #fff; border: none; border-radius: 999px; padding: 0 15px; height: 35px; font-size: 14px; cursor: pointer; transition: background .2s; }

/* Widgets Grid */
.d-community-widget-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 3rem; }
.d-community-widget { background: #fff; border-radius: 2rem; padding: 32px 32px 22px; border: 1px solid #f1f5f9; box-shadow: 0 2px 10px rgba(0,0,0,0.03); position: relative; overflow: hidden; transition: box-shadow 0.3s; }
.d-community-widget:hover { box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08); }
.d-community-widget-content { position: relative; z-index: 1; }
.d-community-widget-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 1.5rem; }
.d-community-widget-sub { display: block; font-weight: 700; font-size: 12px; margin-bottom: 4px; letter-spacing: 0.05em; }
.d-community-widget-title { font-size: 24px; font-weight: 800; color: #1e293b; margin: 0; display: flex; align-items: center; gap: 6px; letter-spacing:-0.6px;}
.d-community-widget-title img { width: 22px; height: 22px; }
.d-community-more-link { font-size: 12px; color: rgb(148 163 184); font-weight: 700; text-decoration: none; border-bottom: 1px solid transparent; padding-bottom: 2px; transition: all 0.2s; }
.d-community-more-link:hover { border-bottom-color: currentColor; }


/* Á¾º° ¶ß°Å¿î °¨ÀÚ */
.d-community-swipe-list { display: flex; overflow-x: auto; gap: 1rem; padding-bottom: 1rem; margin: 0 -1.5rem; padding: 0.5rem 1.5rem; scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none; }
.d-community-swipe-list::-webkit-scrollbar { display: none; }
.d-community-swipe-card { width: 75vw; max-width: 280px; flex-shrink: 0; background: #fff; border-radius: 1.5rem; padding: 1.25rem; border: 1px solid #f1f5f9; box-shadow: 0 2px 12px rgba(0,0,0,0.06); scroll-snap-align: center; scroll-snap-stop: always; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; transition: transform 0.2s; }
.d-community-swipe-card:active { transform: scale(0.98); }
.d-community-swipe-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem; }
.d-community-swipe-tag-main { display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.75rem 0.375rem 0.375rem; border-radius: 999px; }
.d-community-swipe-tag-main img { width: 20px; height: 20px; object-fit: contain; }
.d-community-swipe-tag-main span { font-size: 12px; font-weight: 700; line-height: 1; margin-top: 1px; }
.d-community-swipe-tag-sub { font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 999px; display: flex; align-items: center; gap: 4px; border: 1px solid transparent; }
.d-community-swipe-title { font-size: 16px; font-weight: 700; color: #1e293b; line-height: 1.4; margin: 0 0 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.d-community-swipe-desc { font-size: 12px; color: #94a3b8; margin: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.d-community-swipe-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid #f8fafc; }
.d-community-swipe-stat { font-size: 11px; font-weight: 400; color: #94a3b8; }
.d-community-swipe-stat-group { display: flex; align-items: center; gap: 12px; }
.d-community-swipe-stat-item { display: flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 400; color: #94a3b8; }
.d-community-swipe-stat-item span {font-size: 11px; font-weight: 400; color: #94a3b8; }
.d-community-swipe-stat-item svg { width: 12px; height: 12px; }

@media (min-width: 769px) { 
.d-community-swipe-list { display: none; } 
}
@media (max-width: 768px) { 
.d-community-vertical-list.pc-only { display: none; }
.d-community-widget-title { font-size: 23px; letter-spacing:-0.6px;}
}


/* Rank List & Animation */
.d-community-rank-list { list-style: none; padding: 0; margin: 0; min-height: 260px; }



/* ¾Ö´Ï¸ÞÀÌ¼Ç Å°ÇÁ·¹ÀÓ Á¤ÀÇ */
@keyframes d-community-slide-up { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }

.d-community-rank-item { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; cursor: pointer; animation: none; opacity: 1;}
.d-community-rank-num.rank-3 { color: #b3bac4; -webkit-text-fill-color: initial; }
.d-community-rank-num { font-size: 1.875rem; font-weight: 800; font-style: italic; width: 32px; text-align: center; }
.d-community-rank-num.top-rank { background: linear-gradient(to bottom right, #f97316, #f59e0b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.d-community-rank-num.rank-3 { color: #b2b9c4; -webkit-text-fill-color: initial; }
.d-community-rank-num.rank-common { color: #dde3e9; -webkit-text-fill-color: initial; }
.d-community-rank-content { flex: 1; min-width: 0; }
.d-community-rank-content p { font-size: 15px; font-weight: 700; color: #334155; margin: 0 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s; }
.d-community-rank-item:hover p { color: #ea580c; }
.d-community-rank-meta {  display: flex; align-items: center; gap: 4px; }
.d-community-rank-meta span{font-size: 11px; color: #94a3b8; font-weight: 400;}
/* Vertical List */
.d-community-vertical-list { list-style: none; padding: 0; margin: 0; }
.d-community-vertical-list li { display: flex; align-items: center; justify-content: space-between; padding: 0.9rem 0; border-radius: 0.75rem; cursor: pointer; transition: background 0.2s; }
.d-community-vertical-list li:hover { background: #f8fafc; }
.d-community-list-tag-box { display: flex; align-items: center; gap: 12px; overflow: hidden; }
.d-community-list-tag { font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;  }
.d-community-vertical-list p { flex: 1; font-size: 15px; font-weight: 500; color: #334155; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s; }
.d-community-vertical-list li:hover p { color: #ea580c; }
.d-community-list-count { font-size: 11px; color: #94a3b8; background: #fff; padding: 2px 8px; border: 1px solid #f1f5f9; border-radius: 999px; margin-left: 10px; flex-shrink: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }

/* QnA List */
.d-community-qna-list { list-style: none; padding: 0; margin: 0; }
.d-community-qna-list li { display: flex; gap: 12px; padding: 12px; background: #f8fafc; border-radius: 1rem; margin-bottom: 12px; border: 1px solid #f1f5f9; cursor: pointer; transition: all 0.2s; }
.d-community-qna-list li:hover { background: #fff; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); border-color: #fde68a; }
.d-community-qna-icon { width: 32px; height: 32px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 2px rgba(0,0,0,0.05); flex-shrink: 0; border: 1px solid #e2e8f0; color: #f59e0b; }
.d-community-qna-info { min-width: 0; flex: 1; }
.d-community-qna-info p { font-size: 15px; font-weight: 700; color: #1e293b; margin: 0 0 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s; }
.d-community-qna-list li:hover p { color: #ea580c; }
.d-community-wait-badge { color: rgb(202 138 4); background: rgb(254 249 195); padding: 2px 6px; border-radius: 4px; font-weight: 700; margin-right: 6px; font-size: 11px; }

/* Info List */
.d-community-info-list { list-style: none; padding: 0; margin: 0; }
.d-community-info-list li { display: flex; gap: 1rem; padding: 12px; border: 1px solid #f1f5f9; border-radius: 1rem; margin-bottom: 0.75rem; align-items: center; cursor: pointer; transition: all 0.2s; background: #fff; }
.d-community-info-list li:hover { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); border-color: #bbf7d0; }
.d-community-info-main { flex: 1; min-width: 0; }
.d-community-info-head { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; }
.d-community-info-icon { width: 20px; height: 20px; border-radius: 50%; background: #dcfce7; color: #16a34a; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
.d-community-info-icon svg { width: 12px; height: 12px; }
.d-community-info-title { font-size: 15px; font-weight: 700; color: #1e293b; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4; transition: color 0.2s; }
.d-community-info-list li:hover .d-community-info-title { color: #15803d; }
.d-community-info-meta {  display: flex; align-items: center; gap: 8px; padding-left: 28px; }
.d-community-info-meta span { display: flex; align-items: center; gap: 3px; font-size: 11px; color: #94a3b8;}
.d-community-info-meta svg { width: 12px; height: 12px; }
.d-community-info-img { width: 72px; height: 72px; border-radius: 0.75rem; overflow: hidden; flex-shrink: 0; border: 1px solid #f1f5f9; }
.d-community-info-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.d-community-info-list li:hover img { transform: scale(1.1); }

/* Post Section & List */
.d-community-post-section { margin-bottom: 3rem; }
.d-community-section-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e2e8f0; padding-bottom: 1rem; margin-bottom: 1.5rem; }
.d-community-section-title { font-size: 1.25rem; font-weight: 700; margin: 0; color: #1f2937; }
.d-community-write-btn { background: #1e293b; color: #fff; padding: 0.5rem 1.25rem; border-radius: 999px; border: none; font-weight: 700; font-size: 14px; cursor: pointer; display: flex; align-items: center; gap: 6px; transition: background 0.2s; }
.d-community-write-btn:hover { background: #0f172a; }
.d-community-write-btn svg { width: 13px; height: 13px; }
.d-community-post-list { display: flex; flex-direction: column; gap: 1rem; }
.d-community-post-card { background: #fff; padding: 1.25rem; border-radius: 1.25rem; border: 1px solid #f1f5f9; display: flex; flex-direction: row; 
align-items: flex-start; gap: 1rem; cursor: pointer; transition: box-shadow 0.2s; width: 100%; box-sizing: border-box; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.d-community-post-card:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);}
.d-community-post-main { flex: 1; min-width: 0; max-width: calc(100% - 96px - 1rem); }
.d-community-post-meta { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
.d-community-post-badge { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; display: flex; align-items: center; gap: 3px; border: 1px solid transparent; }
.d-community-badge-pop { color: #dc2626; background: #fef2f2; border-color: #fee2e2; }
.d-community-badge-daily { color: #0284c7; background: #f0f9ff; border-color: #e0f2fe; }
.d-community-badge-info { color: #16a34a; background: #f0fdf4; border-color: #dcfce7; }
.d-community-badge-qna { color: #ea580c; background: #fff7ed; border-color: #ffedd5; }
.d-community-badge-etc { color: #4b5563; background: #f9fafb; border-color: #f3f4f6; }
.d-community-post-date { font-size: 11px; color: #94a3b8; font-weight: 500; }
.d-community-post-title { font-size: 18px; font-weight: 700; color: #1e293b; margin: 0 0 4px; transition: color 0.2s; }
.d-community-post-card:hover .d-community-post-title { color: #ea580c; }
.d-community-post-desc { font-size: 14px; color: #64748b; margin: 12px 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.d-community-post-stats {  display: flex; justify-content: space-between; align-items: center; }
.d-community-post-stats span { display: flex; align-items: center; gap: 4px; font-size: 12px; color: #94a3b8;}
.d-community-post-stats svg { width: 13px; height: 13px; }
.d-community-post-thumb { width: 96px; height: 96px; border-radius: 0.75rem; overflow: hidden; flex-shrink: 0; background: #f1f5f9; margin-left: auto; }
.d-community-post-thumb img { width: 100%; height: 100%; object-fit: cover; }
.d-community-more-box { text-align: center; }
.d-community-more-btn { width: 100%; max-width: 200px; font-size:15px; padding: 0.875rem; border-radius: 999px; border: 1px solid #e2e8f0; background: #fff; color: #475569; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 4px; transition: all 0.2s; }
.d-community-more-btn:hover { border-color: #fdba74; color: #ea580c; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }
.d-community-more-btn svg { width: 16px; height: 16px; }

/* Notice Box */
.d-community-notice-box { margin-bottom: 1rem; display: flex; flex-direction: column; gap: 0.5rem; }
.d-community-notice-item { display: flex; align-items: center; gap: 12px; padding: 0.75rem 1rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 0.75rem; cursor: pointer; transition: background 0.2s; }
.d-community-notice-item:hover { background: #f1f5f9; }
.d-community-notice-badge { background: #ffe4e6; color: #e11d48; font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 8px; flex-shrink: 0; display: flex; align-items: center; gap: 4px; }
.d-community-notice-title { font-size: 14px; font-weight: 700; color: #334155; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }
.d-community-notice-date { font-size: 12px; color: #94a3b8; display: none; }
@media (min-width: 768px) { 
	.d-community-notice-date { display: block; } 
	
}

/* Modal */
.rules-modal-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 9999; justify-content: center; align-items: center; padding: 20px; opacity: 0; transition: opacity 0.3s ease; }
.rules-modal-overlay.active { display: flex; opacity: 1; }
.rules-modal-content { background: #fff; border-radius: 20px; max-width: 680px; width: 100%; max-height: 85vh; display: flex; flex-direction: column; box-shadow: 0 25px 60px rgba(0,0,0,0.15); transform: translateY(20px) scale(0.98); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.rules-modal-overlay.active .rules-modal-content { transform: translateY(0) scale(1); }
.rules-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 24px 28px 16px; border-bottom: 1px solid #f1f5f9; }
.rules-modal-header h2 { font-size: 20px; font-weight: 800; color: #1e293b; display: flex; align-items: center; gap: 10px; margin: 0; }
.rules-modal-close { width: 36px; height: 36px; border-radius: 50%; border: none; background: #f1f5f9; color: #64748b; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s; flex-shrink: 0; }
.rules-modal-close:hover { background: #e2e8f0; color: #334155; }
.rules-modal-body { padding: 24px 28px 28px; overflow-y: auto; -webkit-overflow-scrolling: touch; flex: 1; min-height: 0; }
.rules-modal-body::-webkit-scrollbar { width: 4px; }
.rules-modal-body::-webkit-scrollbar-track { background: transparent; }
.rules-modal-body::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.rules-section { margin-bottom: 24px; }
.rules-section:last-child { margin-bottom: 0; }
.rules-section-title { font-size: 15px; font-weight: 700; color: #1e293b; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.rules-section-title .rules-num { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 8px; background: linear-gradient(135deg, #f97316, #ea580c); color: #fff; font-size: 12px; font-weight: 700; flex-shrink: 0; }
.rules-list { list-style: none; padding: 0; margin: 0; }
.rules-list li { position: relative; padding: 8px 0 8px 20px; font-size: 14px; color: #475569; line-height: 1.6; border-bottom: 1px solid #f8fafc; }
.rules-list li:last-child { border-bottom: none; }
.rules-list li::before { content: ''; position: absolute; left: 0; top: 16px; width: 6px; height: 6px; border-radius: 50%; background: #f97316; }
.rules-warn-box { background: #fef2f2; border: 1px solid #fecaca; border-radius: 12px; padding: 16px 20px; margin-top: 8px; }
.rules-warn-box p { font-size: 13px; color: #991b1b; line-height: 1.6; margin: 4px 0; }
.rules-warn-box .warn-title { font-weight: 700; font-size: 14px; color: #b91c1c; margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }
.rules-footer-note { background: #f8fafc; border-radius: 12px; padding: 16px 20px; margin-top: 20px; text-align: center; }
.rules-footer-note p { font-size: 13px; color: #94a3b8; margin: 2px 0; }


/* Responsive */
@media (max-width: 768px) {
	.d-community-body { padding:0  !important; }
    .d-community-container { padding: 0 1rem; }
    
    /* ÅÇ ¸Þ´º È­¸é ³¡±îÁö ½ºÅ©·Ñ µÇµµ·Ï À½¼ö ¸¶Áø ¹× Æеù Ãß°¡ */
    .d-community-cate-scroll { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; }
    .d-community-filter-bar { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; }
    
    /* iOS(»çÆĸ®) µî¿¡¼­ ¿ìÃø ³¡ ÆеùÀÌ ¹«½ÃµÇ´Â Çö»ó ¹æÁö */
    .d-community-cate-list::after, .d-community-filter-bar::after { content: ''; display: block; padding-right: 1px; flex-shrink: 0; }
    
    .d-community-cate-list { justify-content: flex-start; gap: 1rem; }
    .d-community-cate-item { min-width: 74px; }
    .d-community-cate-icon-box { width: 74px; height: 74px; }
    .d-community-cate-icon-box img { width: 56px; height: 56px; }
    .d-community-cate-icon-box svg { width: 36px; height: 36px; }
    .d-community-cate-item span { font-size: 12px; }
    .d-community-widget-grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .d-community-widget { padding: 1.5rem; }
    
    .d-community-pc-banner { display: none; }
    .d-community-mobile-header { display: block; }
    .d-community-search-form { display: none; }
    .rules-modal-overlay { padding: 12px; }
    .rules-modal-content { max-height: 90vh; border-radius: 16px; }
    .rules-modal-header { padding: 18px 20px 14px; }
    .rules-modal-header h2 { font-size: 17px; }
    .rules-modal-body { padding: 18px 20px 22px; }
   
}


@media (max-width: 480px) {
	.d-community-post-card { flex-direction: column; }
	.d-community-post-main { max-width: 100%; }
    .d-community-post-thumb { width: 100%; height: 128px; }
    .d-community-post-thumb.hidden-mobile { display: none; }

}