@import "font.css";
#pet_help_container {
    padding-bottom: 60px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F8F9FA;
}
.cate_banner_sub {
    width: 100%;
    max-width: 1280px;
    height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 56px 60px;
    border-radius: 12px;
    background: #FFE7E5;
    margin-top: 60px;
    gap: 12px;
}
.cate_banner_sub p {
    font-family: 'Jalnan';
    font-size: 40px;
    font-weight: 700;
}
.cate_banner_sub span {
    color: var(--Grey_6, #666);
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
}
.categoryselect.pet_help {
    margin: 40px 0 20px 0;
}
.categoryselect.pet_help > .post_number{
    width: 100px;
    margin: 0;
}
.categoryselect.pet_help > div.select > select {
    background-color: white;
}
.pet_help_write_btn {
    border-radius: 100px;
    background: var(--Orange, #FF7C32);
    padding: 12px 20px;
    color: var(--White, #FFF);
    font-weight: 800;
}
.pet_help_service_box {
	padding-bottom: 40px;
    max-width: 1280px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.helper_post_box {
    border-radius: 4px;
    border: 1px solid var(--Grey_E, #EEE);
    width: calc((100% / 3) - 8px);
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}
.helper_profile_box > img {
    width: 64px;
    height: 64px;
}
.helper_comment_box {
    width: 100%;
}
.helper_comment_box > .title {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px; /* 150% */
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.helper_comment_box > .info1 {
    font-size: 12px;
    line-height: 16px; /* 133.333% */
    margin: 4px 0 12px 0;
    
}
.helper_comment_box > .info2 {
    color: var(--Primary, #FF820F);
    font-size: 12px;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
    height: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.helper_comment_box > .info2 > span {
    border-radius: 100px;
    background: var(--Primary, #FF820F);
    padding: 2px 6px;
    color: var(--White, #FFF);
    font-size: 8px;
    font-weight: 800;
    line-height: 14px; /* 175% */
}
.typeSelecter > div.price {
    display: flex;
    align-items: center;
    width: 100%;
}
.typeSelecter > div.price > input[type="text"] {
    text-align: right;
    padding: 0 20px;
}
.typeSelecter > div.price > input[type="checkbox"] {
    margin-right: 8px;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #ccc;
}
.typeSelecter > div.price > input[type="checkbox"]:checked {
    background: url(../z_images/zoo_img/checked_black.svg) no-repeat center center;
    border: none;
}
.typeSelecter > div.price > label {
    font-size: 16px;
    line-height: 24px; /* 150% */
}
.typeSelecter > div.price > p {
    margin-left: 8px;
    font-size: 16px;
    line-height: 24px; /* 150% */
}
.typeSelecter > div.price > span {
    margin: 0 12px;
    color: #ccc;
}
.nomalpagearea .safe_free_check_box .input_box input {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #ccc;
}
.helper_cate_plus_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    cursor: pointer;
    border-radius: 100px;
    background: var(--Primary, #FF820F);
}
.pet_help_post_chkbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 40px;
}
.pet_help_post_chkbox > .title {
    font-weight: 800;
    line-height: 20px; /* 142.857% */
}
.pet_help_post_chkbox > .chk_group {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 20px; /* 142.857% */
}
.pet_help_post_chkbox > .chk_group > input[type="checkbox"] {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 2px solid #ccc;
}
.pet_help_post_chkbox > .chk_group > input[type="checkbox"]:checked {
    background: url(../z_images/zoo_img/checked_black.svg) no-repeat center center;
    border: none;
}
.pet_help_post_chkbox > button {
    border-radius: 100px;
    background: var(--Dark, #212121);
    width: 200px;
    height: 36px;
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
}
.pet_service_info.helper {
    flex-direction: column;
    gap: 20px;
}
.pet_service_info.helper > .helper_post_box {
    width: 100%;
    cursor: unset;
    border: none;
    padding: 20px 0;
}
.pet_service_info.helper .info_sub_title {
    border-top: 1px solid #eee;
    padding: 8px 0;
    font-size: 12px;
    margin: 0 !important;
}
.pet_service_info.helper .info_sub_title > .set {
    border-radius: 100px;
    background: var(--Primary, #FF820F);
    padding: 2px 6px;
    color: var(--White, #FFF);
    font-size: 8px;
    font-weight: 800;
    line-height: 14px; /* 175% */
    width: unset;
    margin-left: 8px;
}
.post_do_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.post_do_box > .do_service {
    display: flex;
    align-items: center;
    gap: 20px;
}
.post_do_box > .do_service > img {
    cursor: pointer;
}
.post_do_box > button {
    border-radius: 8px;
    background: var(--Primary, #FF820F);
    padding: 8px 20px;
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
}
.post_do_box > div > button {
    border-radius: 8px;
    background: var(--Primary, #FF820F);
    padding: 8px 20px;
    color: var(--White, #FFF);
    font-size: 12px;
    font-weight: 800;
    line-height: 16px; /* 133.333% */
}

.nomalpagearea.write_pet_help2 {
    padding: 0 !important;
    max-width: 600px !important;
    width: 100% !important;
}


/* Banner */
.d-helper-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, #fb7185, #fb923c); color: #fff; box-shadow: 0 10px 15px -3px rgba(251, 146, 60, 0.2); overflow: hidden; box-sizing: border-box; transition: all 0.3s ease; }
.d-helper-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-helper-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-helper-blur-2 { display: block; position: absolute; left: -40px; bottom: -80px; width: 256px; height: 256px; background: #fed7aa; opacity: 0.2; border-radius: 50%; filter: blur(48px); mix-blend-mode: overlay; z-index: 0; }
.d-helper-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-helper-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-helper-icon-box:hover { transform: rotate(0deg); }
.d-helper-icon-box svg { width: 40px; height: 40px; color: #fff; fill: rgba(255,255,255,0.2); transition: all 0.3s ease; }
.d-helper-badge { display: flex; position: absolute; top: -8px; right: -8px; width: 36px; height: 36px; background: #fff; color: #f43f5e; 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-helper-text-box { order: 1; display: flex; flex-direction: column; justify-content: center; transition: all 0.3s ease; }
.d-helper-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-helper-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-helper-desc { font-size: 18px; color: #fff7ed; 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-helper-banner { width: calc(100% - 32px); }
}

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

@media (max-width: 767px) {
	.d-helper-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, #fb7185, #fb923c); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); }
	.d-helper-inner { justify-content: flex-start; height: auto; }
	.d-helper-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-helper-icon-box:hover { transform: rotate(0deg); }
	.d-helper-icon-box svg { width: 24px; height: 24px; fill: rgba(255,255,255,0.1); }
	.d-helper-badge { display: none; }
	.d-helper-text-box { order: 2; }
	.d-helper-tag { display: none; }
	.d-helper-title { font-size: 20px; letter-spacing: normal; }
	.d-helper-desc { font-size: 12px; color: #fff; opacity: 0.9; letter-spacing: normal; }
	.d-pc-only { display: none; }
	.d-mobile-only { display: block; }
	.d-helper-blur-1, .d-helper-blur-2 { display: none; }
}



/* 2026.03.10 ½Å±Ôcss Àû¿ë */
.pethelp_innerbox{max-width: 1280px; min-width: 360px; margin: 0 auto; padding: 0 32px;}

/* ÃßõÆêµµ¿ì¹Ì ¹è³Ê¿µ¿ª */
.pet_help_title{display: flex; gap: 8px; align-items: center; margin-bottom: 20px;}
.pet_help_title .titleIcon{ background: #f97316; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 8px;}
.pet_help_title .titleIcon svg{width: 20px; height: 20px;}
.pet_help_title .title{font-size: 24px; font-weight: 900; color: #1e293b;}
.pet_help_title .adIcon{ color: #f97316; font-weight: 700; font-size: 12px; background: #fff7ed; border: 1px solid #ffedd5; padding: 2px 8px; border-radius: 9999px;}

.pet_help_adbn{ 
    padding: 32px; border: 1px solid #ffedd5; border-radius: 24px; position: relative; overflow: hidden;  margin-bottom: 20px;
    background-image: linear-gradient(to bottom right, #fff7ed , #fff1f2);
    box-shadow : 0 1px 2px 0 rgb(0 0 0 / 0.05);
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pet_help_adbn:hover{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
 }
.pet_help_adbn .adbnBg{
    width: 128px; height: 128px; border-bottom-left-radius: 100px; position: absolute; top: 0; right: 0; opacity: 0.2;
    background-image: linear-gradient(to bottom right, #fed7aa , #fecdd3);
    transform: scale(1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.pet_help_adbn:hover .adbnBg{
    transform: scale(1.1);
}
.pet_help_adbn .adbnCont{display: flex; flex-direction: row; gap: 24px; align-items: center;}
.pet_help_adbn .adbnCont .adbnIcon{width: 96px; height: 96px; background: #fff; border-radius: 9999px; display: flex; align-items: center; justify-content: center; z-index: 1;
    box-shadow: 0 0 0 0px #fff, 0 0 0 calc(4px + 0px) rgb(255 255 255 / 0.5), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1),  0 0 #0000;
}
.pet_help_adbn .adbnCont .adbnIcon svg{fill: #f43f5e; width: 40px; height: 40px;}
.pet_help_adbn .adbnCont .adbnText{}
.pet_help_adbn .adbnCont .adbnText .title{ color: #f43f5e; font-size: 24px; line-height: 32px; font-weight: 900; margin-bottom: 8px;}
.pet_help_adbn .adbnCont .adbnText .desc{ color: #475569; font-size: 16px; line-height: 25px; font-weight: 500; margin-bottom: 16px; }
.pet_help_adbn .adbnCont .adbnText a{background: #f43f5e; color: #fff; font-size: 14px; line-height: 20px; font-weight: 700; padding: 8px 24px; border-radius: 9999px; display: inline-flex; align-items: center; gap: 4px; }
.pet_help_adbn .adbnCont .adbnText a svg{width: 16px; height: 16px;}


/* ÇÁ¸®¹Ì¾ö ¸ñ·Ï */
.pethelp_premium_list{display: grid; gap: 16px; grid-template-columns:repeat(2, minmax(0, 1fr)); margin-bottom:48px; max-width:1280px; width:100%; }
.pethelp_premium_list .pethelp_premiumBox{ background: #fff; border-radius: 24px; border: 1px solid #ffedd5; padding: 24px; position: relative; overflow: hidden;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 
        0 20px 25px -5px rgba(255, 237, 213, 0.5),
        0 8px 10px -6px rgba(255, 237, 213, 0.5);
}
.pethelp_premium_list .pethelp_premiumBox:hover{transform: translateY(-4px);}
.pethelp_premium_list .pethelp_premiumBox:hover .premiumInfo_top .txt .subject{ color: rgb(234,88,12); }
.pethelp_premiumBox .topLine{
        position: absolute; height: 6px; width: 100%; top: 0; left: 0;
        background-image: linear-gradient(to right, #fb923c , #f43f5e);
}
.pethelp_premiumBox .iconPremium{position: absolute; right: 20px; top: 20px; border-radius: 99990px; font-size: 10px; font-weight: 900; color: #ea580c; padding: 4px 10px; border: 1px solid #fed7aa; display: flex; align-items: center; justify-content: center; gap: 4px; letter-spacing: 0.25px;
    background-image: linear-gradient(to right, #ffedd5 , #ffe4e6);
}
.pethelp_premiumBox .iconPremium svg{fill: #f97316; width: 12px; height: 12px;}

.pethelp_premiumBox .premiumInfo .premiumInfo_top{display: flex; gap: 20px; display: flex; align-items: flex-start; margin-bottom: 16px;}
.pethelp_premiumBox .premiumInfo .premiumInfo_top .photo{padding: 2px; border-radius: 9999px; width: 72px; height: 72px; position: relative; flex-shrink: 0;
    background-image: linear-gradient(to bottom right, #fb923c , #fb7185);
}
.pethelp_premiumBox .premiumInfo .premiumInfo_top .photo img{border: 2px solid #fff; border-radius: 9999px; width: 100%; height: 100%;  object-fit: cover;}
.pethelp_premiumBox .premiumInfo .premiumInfo_top .photo .iconTop{position: absolute; border: 1px solid #fff; padding: 2px 6px; color: #fff; font-size: 9px; font-weight: 900; background: #1e293b; border-radius: 4px; right: -4px; bottom: -4px;}
 
.pethelp_premiumBox .premiumInfo .premiumInfo_top .txt{} 
.pethelp_premiumBox .premiumInfo .premiumInfo_top .txt .subject{ color: #1e293b; font-weight: 700; font-size: 18px; margin-bottom: 4px; line-height: 1.375; padding-right: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.pethelp_premiumBox .premiumInfo .premiumInfo_top .txt .info{display: flex; align-items: center; flex-wrap: wrap; font-size: 12px; color: #64748b;}
.pethelp_premiumBox .premiumInfo .premiumInfo_top .txt .info span::after{content: ""; margin:0 8px; display: inline-block; width: 2px; height: 10px; background: #cbd5e1;}
.pethelp_premiumBox .premiumInfo .premiumInfo_top .txt .info span.area::after,
.pethelp_premiumBox .premiumInfo .premiumInfo_top .txt .info span:last-child::after{display: none;}
.pethelp_premiumBox .premiumInfo .premiumInfo_top .txt .info .like{margin-left:8px; display: flex; align-items: center; gap:4px; background: #fff7ed; border: 1px solid #ffedd5; border-radius: 9999px; color: #f97316; font-weight: 700; padding: 2px 6px;}
.pethelp_premiumBox .premiumInfo .premiumInfo_top .txt .info .like img{width: 12px; height: 12px;}
.pethelp_premiumBox .premiumInfo .premiumInfo_bottom{ padding: 12px; background: rgba(255,255,255,0.8); border: 1px solid #ffedd5; border-radius: 12px; display: flex; justify-content: space-between; align-items: center;}
.pethelp_premiumBox .premiumInfo .premiumInfo_bottom .weekday{display: flex; flex-direction: column; gap: 4px;}
.pethelp_premiumBox .premiumInfo .premiumInfo_bottom .weekday .activity{font-size: 10px; font-weight: 700; color: #94a3b8;}
.pethelp_premiumBox .premiumInfo .premiumInfo_bottom .weekday .day{display: flex; flex-direction: row; gap: 4px;}
.pethelp_premiumBox .premiumInfo .premiumInfo_bottom .weekday .day span{background: #f3f4f6; border-radius: 9999px; line-height: 1; font-size: 10px; color: #d1d5db; font-weight: 700; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;}
.pethelp_premiumBox .premiumInfo .premiumInfo_bottom .weekday .day span.on{color: #fff; background: #f97316;}
.pethelp_premiumBox .premiumInfo .premiumInfo_bottom .pay{display: flex; flex-direction: column; gap: 2px; text-align: right; padding-left: 12px; border-left: 1px solid #f1f5f9;}
.pethelp_premiumBox .premiumInfo .premiumInfo_bottom .pay .hope{font-size: 10px; font-weight: 700; color: #94a3b8;}
.pethelp_premiumBox .premiumInfo .premiumInfo_bottom .pay .won{font-size: 18px; color: #1e293b; font-weight: 900; line-height: 1;}
.pethelp_premiumBox .premiumInfo .premiumInfo_bottom .pay .won span{font-size: 12px; color: #64748b; font-weight: 500;}


/* ÄÁÅÙÃ÷ »ó´Ü(ŸÀÌƲ, ÇÊÅÍ µî) */
.content_top{display: flex; justify-content: space-between; align-items: center; max-width: 1280px; width: 100%; margin-bottom:20px}
.content_top .total{color: #1e293b; font-weight: 700; font-size: 18px; line-height: 28px;}
.content_top .total strong{color: #f97316; }
.content_top .filter select{
     border: 1px solid #e5e7eb; border-radius: 8px;
    font-size: 14px; line-height: 20px; padding: 8px 36px 8px 16px; font-weight: 700;
    background: url('../z_images/zoo_img/down-arr-select.svg') center right 10px no-repeat;
    background-size: 24px; background-color: #fff;
    cursor: pointer;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;    
}
.content_top .filter select:hover, .content_top .filter select:focus{
    border:1px solid rgb(156,163,175);
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),
                0 2px 4px -2px rgba(0,0,0,0.1);    
}
.content_top_right{display: flex; gap: 5px; align-items: center;}


/* ÀϹݸñ·Ï */
.pethelp_normal_list{display: grid; gap: 16px; grid-template-columns:repeat(2, minmax(0, 1fr)); max-width:1280px; width:100%; margin-bottom:48px }
.pethelp_normal_list .pethelp_normalBox{ background: #fff; border-radius: 16px; border: 1px solid #f1f5f9; padding: 20px; position: relative; overflow: hidden; 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}
.pethelp_normal_list .pethelp_normalBox:hover{
    box-shadow: 
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.pethelp_normal_list .pethelp_normalBox:hover .normalInfo_right .subject{ color: rgb(234,88,12); }
.pethelp_normalBox .normalInfo {display: flex; flex-direction: row; gap: 16px;}
.pethelp_normalBox .normalInfo .normalInfo_left{display: flex; gap: 20px; align-items: flex-start; }
.pethelp_normalBox .normalInfo .normalInfo_left .photo{padding: 2px; border-radius: 9999px;  position: relative; flex-shrink: 0;}
.pethelp_normalBox .normalInfo .normalInfo_left .photo{border-radius: 9999px; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; }
.pethelp_normalBox .normalInfo .normalInfo_left .photo svg{width: 28px; height: 28px;}
.pethelp_normalBox .normalInfo .normalInfo_left .photo.male{background: #dbeafe;}
.pethelp_normalBox .normalInfo .normalInfo_left .photo.male svg{stroke: #60a5fa;}
.pethelp_normalBox .normalInfo .normalInfo_left .photo.female{background: #ffe4e6;}
.pethelp_normalBox .normalInfo .normalInfo_left .photo.female svg{ stroke: #fb7185;}

.pethelp_normalBox .normalInfo .normalInfo_left .photo img{border: 1px solid #fff; border-radius: 9999px; width: 56px; height: 56px; object-fit: cover;}
.pethelp_normalBox .normalInfo .normalInfo_right{flex: 1 1 0%; min-width: 0;}
.pethelp_normalBox .normalInfo .normalInfo_right .subject{ color: #1e293b; font-weight: 700; font-size: 16px; margin-bottom: 4px; line-height: 1.25; margin-bottom: 4px; height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pethelp_normalBox .normalInfo .normalInfo_right .info{display: flex; align-items: flex-start; flex-wrap: wrap; font-size: 12px; font-weight: 500; color: #64748b; margin-bottom: 12px;}
.pethelp_normalBox .normalInfo .normalInfo_right .info span::after{content: ""; margin:0 8px; display: inline-block; width: 2px; height: 10px; background: #cbd5e1;}
.pethelp_normalBox .normalInfo .normalInfo_right .info span.area::after,
.pethelp_normalBox .normalInfo .normalInfo_right .info span:last-child::after{display: none;}
.pethelp_normalBox .normalInfo .normalInfo_right .info .like{margin-left:auto; display: flex; align-items: center; gap:4px; background: #fff7ed; border: 1px solid #ffedd5; border-radius: 9999px; color: #f97316; font-weight: 700; padding: 2px 6px;}
.pethelp_normalBox .normalInfo .normalInfo_right .info .like img{width: 12px; height: 12px;}
.pethelp_normalBox .normalInfo .normalInfo_right .weekday{display: flex; flex-direction: row; gap: 6px; align-items:center}
.pethelp_normalBox .normalInfo .normalInfo_right .weekday .activity{font-size: 11px; font-weight: 700; color: #94a3b8; margin-right: 2px;}
.pethelp_normalBox .normalInfo .normalInfo_right .weekday .day{display: flex; flex-direction: row; gap: 4px;}
.pethelp_normalBox .normalInfo .normalInfo_right .weekday .daynone{font-size: 14px; line-height: 20px; color: #6b7280; font-weight: 800;}

.pethelp_normalBox .normalInfo .normalInfo_right .weekday .day span{background: #f3f4f6; border-radius: 9999px; line-height: 1; font-size: 10px; color: #d1d5db; font-weight: 700; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;}
.pethelp_normalBox .normalInfo .normalInfo_right .weekday .day span.on{color: #fff; background: #f97316;}
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap{margin-top: 16px; display: flex; justify-content: space-between;} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .category{} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .tag{padding: 4px 8px; font-weight: 700; border-radius: 4px; font-size: 12px; line-height: 16px;} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .tag.all{background: #ffe4e6; color: #e11d48;} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .tag.dog{background: #d1fae5; color: #059669;} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .tag.cat{background: #f3e8ff; color: #9333ea;} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .pay {display: flex; flex-direction: row; align-items: center;} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .pay .won{font-size: 14px; line-height: 20px; color: #6b7280; font-weight: 800;} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .pay .won::after{content: ""; display: inline-block; width: 1px; height: 12px; background-color: #e2e8f0; margin: 0 12px;}
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .pay .view_wrap{display: flex; flex-direction: row; gap: 6px;} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .pay .view_wrap svg{width: 12px; height: 12px; margin-right: 2px;} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .pay .view_wrap span{display: flex; align-items: center; font-size: 11px; color: #94a3b8;} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .pay .view_wrap .hit{} 
.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .pay .view_wrap .cmt{} 


.page_bottom_writeBtn{display:none; transform: translateY(20px);  opacity: 0; transition: transform 0.75s ease, opacity 0.75s ease;}
.page_bottom_writeBtn.active{transform: translateY(0);  opacity: 1;}


.perspective-1000 {perspective: 1000px;}
@keyframes flip3dUp {
    0% {
        opacity: 0;
        transform: rotateX(70deg) translateY(50px) scale(0.9);
        filter: blur(5px);
    }
    100% {
        opacity: 1;
        transform: rotateX(0) translateY(0) scale(1);
        filter: blur(0);
    }
}
.animate-3d-flip-up {transform-origin: center bottom;opacity: 0;backface-visibility: hidden;will-change: transform, opacity, filter;}
.trigger-3d-flip {animation: flip3dUp 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay: var(--delay, 0s); /* ÇÙ½É */}








@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
    .pethelp_innerbox{padding: 0 16px;}
}




@media (max-width: 768px) {
    /*.pet_help_adbn .adbnCont{flex-direction: column; text-align: center;}
    .pet_help_adbn .adbnCont .adbnIcon{ width: 80px; height: 80px;}
    .pet_help_adbn .adbnCont .adbnIcon svg{ width: 32px; height: 32px;}
    .pet_help_adbn .adbnCont .adbnText .title{font-size: 20px; line-height: 1.25}
    .pet_help_adbn .adbnCont .adbnText .desc{font-size: 14px; line-height: 20px;}*/
	
	/* 2026.03.20 ¼öÁ¤*/
	.pet_help_adbn { padding: 20px 16px; }
    .pet_help_adbn .adbnCont { display: grid; grid-template-columns: 64px 1fr; gap: 0 12px; text-align: left; align-items: center; }
    .pet_help_adbn .adbnCont .adbnIcon { width: 64px; height: 64px; grid-column: 1; grid-row: 1 / 3; align-self: flex-start; margin-top: 4px; }
    .pet_help_adbn .adbnCont .adbnIcon svg { width: 28px; height: 28px; }
    .pet_help_adbn .adbnCont .adbnText { display: contents; }
    .pet_help_adbn .adbnCont .adbnText .title { grid-column: 2; grid-row: 1; font-size: 18px; line-height: 1.3; margin-bottom: 4px; align-self: flex-end; }
    .pet_help_adbn .adbnCont .adbnText .desc { grid-column: 2; grid-row: 2; font-size: 13px; line-height: 1.4; margin-bottom: 16px; word-break: keep-all; align-self: flex-start; }
    .pet_help_adbn .adbnCont .adbnText a { grid-column: 1 / 3; grid-row: 3; justify-self: center; width: auto; padding: 8px 24px; font-size: 14px; box-sizing: border-box; }
	
	.pet_help_write_btn{display:none;}
	.page_bottom_writeBtn { display: block; position: fixed; bottom: 80px; right: 20px; z-index: 1000; }
    .pethelp_premium_list{grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .pethelp_normal_list{grid-template-columns: repeat(1, minmax(0, 1fr)); }
	
	
	
}

@media (max-width: 550px) {
    .pethelp_premiumBox .iconPremium{padding: 2px 8px; top: 0; right: 0; border-radius: 0;  border-bottom-left-radius: 12px;}
    .pethelp_premiumBox .premiumInfo .premiumInfo_top .txt .subject{padding-right: 0;}
    
}
@media (max-width: 500px) {

    .pethelp_premiumBox .premiumInfo .premiumInfo_top .txt .info{gap: 5px;}
    .pethelp_premiumBox .premiumInfo .premiumInfo_top .txt .info .like{margin-left: 0;}
    .content_top{flex-direction: column; align-items: flex-start; gap: 8px;}
    .content_top_right{width: 100%; align-items: flex-start;}
    .content_top_right .pet_help_write_btn {margin-left: auto; margin-top: -36px;}
    
}
@media (max-width: 450px) {
    .pet_help_adbn .adbnCont .adbnText .desc br{display: none;}
    .pethelp_normalBox .normalInfo .normalInfo_right{ max-width: 100%;}
    .pethelp_normalBox .normalInfo .normalInfo_right .info{gap: 5px;}
    .pethelp_normalBox .normalInfo .normalInfo_right .info .like{margin-left: 0;}

    .content_top{flex-direction: column; align-items: flex-start; gap: 8px;}
    .pethelp_premiumBox .premiumInfo .premiumInfo_top{gap: 12px;}
	

    .pethelp_premium_list .pethelp_premiumBox{ padding:24px 16px;}
    .pethelp_normal_list .pethelp_normalBox{padding:20px 12px}
    .pethelp_normalBox .normalInfo{gap: 10px;}
	.pethelp_normalBox .normalInfo .normalInfo_left .photo{width:50px; height:50px; }
    .pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .pay .won{font-size: 12px;}
    .pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .pay .won::after{margin: 0 6px;}
	.pethelp_normalBox .normalInfo .normalInfo_right .category_wrap .tag{font-size:11px;}
}

@media (max-width: 400px) {

}