@charset "utf-8";

/* display */
.hide{display:none !important;}
.show{display:block !important;}

/* align */
.align-left{text-align:left !important;}
.align-right{text-align:right !important;}
.align-center{text-align:center !important;}
.valign-top{vertical-align:top;}
.valign-middle{vertical-align:middle;}
.valign-bottom{vertical-align:bottom;}

/* width */
.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}
.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}
.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}
.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}
.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}
.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}
.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}
.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}
.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}
.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}
.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}
.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}
.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}
.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}
.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}
.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}
.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}
.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}
.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}
.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}

/* button */
.btn,
a.btn,
input.btn,
button.btn{height:4.4rem; padding:0.8rem 2rem; font-size:var(--body-medium); box-sizing:border-box; vertical-align:middle; border-radius:var(--radius-xsmall); font-weight:500; text-align:center; background-color:var(--white); min-width:8.8rem;}
label.btn,
a.btn{display:inline-flex; align-items:center; justify-content:center;}

.btn.filled{background-color:var(--gray-80); color:var(--white);}
.btn.filled.gray{background-color:var(--gray-20); color:var(--gray-80);}
.btn.lined{border:0.1rem solid var(--gray-80); color:var(--gray-80);}
.btn.text{height:2rem; line-height:2rem; padding:0; min-width:unset;}
.btn:focus-visible{outline:0.2rem dotted var(--black);}
.btn.disabled{pointer-events:none;}

.btn.filled:hover{background-color:var(--gray-60);}
.btn.filled.gray:hover{background-color:var(--gray-30);}
.btn.lined:hover{border-color:var(--gray-50);color:var(--gray-50);}

.btn[class*="icon-"]{gap:0.4em;}
.btn[class*="icon-"]:before{display:block;content:'';width:2rem;height:2rem; flex-shrink: 0; background-position:center; background-repeat:no-repeat;}
.btn.text[class*="icon-"]:before{order:1;}
.btn.icon-go:before{ background-image:url(/images/animal_2026/contents/ic_go.svg);}
.btn.icon-download:before{ background-image:url(/images/animal_2026/contents/ic_download.svg);}
.btn.icon-sound:before{ background-image:url(/images/animal_2026/contents/ic_sound.svg);}
.btn.icon-qrcode:before{ background-image:url(/images/animal_2026/contents/ic_qrcode.svg);}

.btn-icon{display:block;width:2rem;height:2rem;overflow:hidden;text-align:left;text-indent:-9999rem;}
.btn-icon.sm{width:1.8rem;height:1.8rem;}
.btn-icon.edit{background:url(/images/animal_2026/contents/icon_edit.svg) center / cover no-repeat;}
.btn-icon.delete{background:url(/images/animal_2026/contents/icon_delete.svg) center / cover no-repeat;}

.btn.filled.disabled,
.btn.filled[disabled]{background-color:var(--gray-60); color:var(--white); pointer-events:none;}
.btn.lined.disabled,
.btn.lined[disabled]{border-color:var(--gray-50); color:var(--gray-50); pointer-events:none;}

.btns-wrap{display:flex; align-items: center; justify-content: center; gap:1.2rem; margin:2.8rem 0;}
.btns-wrap.first{margin-top:0;}
.btns-wrap.last{margin-bottom:0;}

/* font */
.paperozi{font-family: 'Paperozi';}

.txt-primary{color:var(--primary) !important;}
.txt-gray{color:var(--gray-50) !important;}
.txt-red{color:var(--red);}

.txt-bold{font-weight:700;}
.txt-semiBold{font-weight:600;}
.txt-medium{font-weight:500;}
.txt-regular{font-weight:400;}

.txt-small{font-size:var(--body-small);}

.txt-nowrap{white-space:nowrap;}

.txt-underline,
a.txt-underline{text-decoration:underline; text-underline-position: under;}
a.txt-underline{text-decoration-color:var(--gray-50);}

.txt-link[target="_blank"]{display:inline-flex; align-items:center;}
.txt-link[target="_blank"]:after{display:inline-block; content:''; width:2rem; height:2rem; background:url(/images/animal_2026/layout/ic_blank.svg) center / contain no-repeat; margin:0 0.4rem; flex-shrink:0;}

.g-txt{margin:0.8rem 0;}
.g-txt.first{margin-top:0;}
.g-txt.last{margin-bottom:0;}

.txt-flex{display:flex;}
.txt-flex > .fixed{flex-shrink: 0;}
.txt-flex > .fixed + *{margin-left:0.5rem;}

/* bullet */
.txt-list{margin:1.2rem 0;}
.txt-list:first-child{margin-top:0;}
.txt-list:last-child{margin-bottom:0;}
.txt-list .item-label{font-weight:700;}
.txt-list .item-head{font-weight:700; display:block; margin-bottom:0.4rem;}
.txt-list > li{position:relative;}
.txt-list > li + li{margin-top:0.4rem;}
ol.txt-list{margin-left:2rem;}

.txt-list.dot > li{padding-left:2.4rem;}
.txt-list.dot > li:before{display:block; content:''; width:0.4rem; height:0.4rem; border-radius:50%; background-color:var(--gray-60); position:absolute; top:0.63em; left:0.8rem;}

.txt-list.check > li{ padding-left:2.4rem;}
.txt-list.check > li:before{display:block; content:''; width:2rem; height:2rem; position:absolute; top:0.1em; left:0; background:url(/images/animal_2026/contents/ic_checklist.svg) center no-repeat;}

/* scroll */
.scrollBox::-webkit-scrollbar {-webkit-appearance: none; width:0.6rem;}
.scrollBox::-webkit-scrollbar-thumb {background-color:#aaa; border-radius: 0.3rem; border:none;}
.scrollBox::-webkit-scrollbar-track {border-radius: 0.3rem; background-color: #eee;}

/* form */
input[type="text"],
input[type="password"],
input[type="file"],
input[type="date"],
input[type="month"]{border:0.1rem solid var(--input-line); height:var(--input-height); padding:0 1.2rem; background-color:#fff; border-radius:var(--input-radius);}
input[type="password"]{cursor:pointer;}
input[type="file"]{line-height:var(--input-height); cursor:pointer; }
input[type="file"]::-webkit-file-upload-button{font-size:var(--body-small); border:0.1rem solid var(--input-line); background-color:var(--gray-10); height:calc(100% - 0.04rem); font-family:var(--font-family-base); cursor:pointer;}

input[type="radio"],
input[type="checkbox"]{ width:2rem; height:2rem; -webkit-appearance:none; appearance: none;  position:relative; cursor:pointer; flex-shrink:0;}
input[type="radio"]:checked,
input[type="checkbox"]:checked{accent-color: var(--primary);}

input[type="checkbox"]{border-radius:50%; background-color:var(--gray-30);}
input[type="checkbox"]:before{width:1rem; height:0.6rem; display:inline-block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -70%) rotate(-45deg); border:0.2rem solid #fff; border-width:0 0 0.2rem 0.2rem; box-sizing:border-box;}
input[type="checkbox"]:checked{background-color:var(--primary); border:none;}

input[type="radio"]:before{width:2rem; height:2rem; display:inline-block; content:''; background-color:var(--white); border:0.1rem solid var(--input-line);border-radius:50%; box-sizing:border-box; position:absolute; left:0; top:0;}
input[type="radio"]:checked:before{border:none; background-color:var(--primary);}
input[type="radio"]:checked:after{position:absolute; left:0.1rem; top:0.1rem; width:1.8rem; height:1.8rem; display:block; content:''; box-sizing:border-box; border:0.3rem solid var(--white); border-radius:50%;}

input[type="radio"]:disabled{opacity:0.6;}
input[type="radio"]:disabled + span{color:var(--gray-50); opacity:0.6;}
input[type="radio"]:disabled:before{background-color:var(--bg-disabled);}
input[type="radio"]:disabled:checked:before{background-color:var(--gray-50); opacity:0.6;}

input[type="checkbox"]:disabled{border-color:var(--line-disabled); background-color:var(--bg-disabled); opacity:0.6;}
input[type="checkbox"]:disabled + span{color:var(--gray-50); opacity:0.6;}
/* input[type="checkbox"]:disabled:checked{background-color:var(--bg-disabled);} */

select{box-sizing:border-box; -webkit-appearance:none; appearance: none; cursor:pointer; border:0.1rem solid var(--input-line); height:var(--input-height); background:var(--white) url(/images/animal_2026/contents/arr_select.svg) right 0.8rem center / 2.4rem auto no-repeat; padding:0 3.6rem 0 1.2rem; min-width:8rem; border-radius:var(--input-radius); max-width:100%;}
select::-ms-expand {display: none;}
option{font-size:1em;}

textarea{border:0.1rem solid var(--input-line); padding:1.2rem; border-radius:var(--input-radius); resize: none;}

textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {color:var(--gray-40) !important; letter-spacing:0; font-weight:400;}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {color:var(--gray-40) !important; letter-spacing:0; font-weight:400;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus{border-color:var(--primary);}

input.error{border-color:var(--red);}

input[type="text"][readonly],
input[type="password"][readonly],
input[type="file"][readonly],
input[type="date"][readonly],
select[readonly]{background-color:var(--bg-readonly);}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="file"][disabled],
input[type="date"][disabled],
select[disabled]{background-color:var(--bg-disabled); opacity:0.6;}

.pointer{cursor:pointer;}

input[type="date"]{padding:0 0.4rem 0 0.8rem; width:14rem;}
input[type="date"][readonly],
input[type="date"][disabled]{padding:0 1rem;}
input[type="date"]{position: relative;}
input[type="date"]:valid::before {display: none; }

.input-text{max-width:100%;}

.input-textarea{width:100%;}

.size-sm{width:14rem;}

/* check*/
.input-check{display:inline-flex; align-items: center; gap:0.8rem; line-height:2em; min-height:4rem;}
.input-check > input{flex-shrink: 0;}
.input-check > input + span{text-overflow:ellipsis; white-space:nowrap; width:100%;}

.check-group{display:flex; align-items:center; flex-wrap:wrap; min-height:var(--input-height); box-sizing:border-box; gap:0.4rem 1.6rem;}
.check-group .input-check{min-height:2rem;}

.form-tel{display:inline-flex; align-items:center; width:100%; position:relative;}
.form-tel.full{display:flex; max-width:100%;}
.form-tel select,
.form-tel input{width:calc(100% / 3 - 1.2rem);}
.form-tel .split{width:1.8rem; text-align:center;}

.form-email{display:flex; align-items:center; gap:0.4rem; width:100%; position:relative;}
.form-email .email-id{width:calc(100% / 3 - 0.9rem);}
.form-email .email-domain{width:calc(100% / 3 - 0.9rem);}
.form-email .email-domain-opt{width:calc(100% / 3 - 1rem);}
.form-email .at{width:1.6rem; text-align:center; flex-shrink:0;}

.form-address{display:flex; flex-direction: column; gap:0.4rem; width:100%;}
.form-addr-zipcode{display:flex; align-items:center; gap:0.4rem; width:24rem; max-width:100%;}
.form-addr-zipcode input{width:10rem;}
.form-addr-detail{display:flex; flex-direction: column; gap:0.4rem;}
.form-addr-detail input{width:100%;}

/* datepicker */
/* input.input-date{width:14rem; padding-right:3.2rem; position:relative; background:url(/images/animal_2026/contents/ic_calendar.svg) right 0.5rem center no-repeat; cursor:pointer;}
input.input-date[readonly]{background-color:var(--bg-readonly) !important;} */

.ui-datepicker{position:relative; padding:0.5rem 1rem; background-color:#fff; border:0.1rem solid var(--input-line); border-radius:0.2rem; box-shadow:0 0.4rem 1.2rem var(--alpha-black-10);}
.ui-datepicker table{width:100%; font-size:var(--body-small);}
.ui-datepicker th{height:3rem; color:var(--font-color-base); text-align:center; padding:0;}
.ui-datepicker td{width:14.2857%; text-align:center; height:3rem;}
.ui-datepicker td a{display:block; height:100%; text-align:center; border-radius:0.3rem; line-height:3rem; color:var(--font-color-base); cursor:pointer;}
.ui-datepicker td a:not(.ui-state-highlight):not(.ui-state-active):hover{background-color:var(--gray-10);}
.ui-datepicker .ui-state-active{color:#fff !important; background-color:var(--primary);}
.ui-datepicker .ui-state-highlight{color:var(--font-color-base);}
.ui-datepicker .ui-datepicker-header{position:relative; padding:0;}
.ui-datepicker .ui-datepicker-title{font-size:var(--body-small);font-weight:normal; text-align:center; padding:0.5rem 0;}
.ui-datepicker .ui-datepicker-title select{width:auto; height:3rem; min-width:0; background-position:right 0.5rem center; padding-right:2rem;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute; top:0.5rem; width:3rem; height:3rem; box-sizing:border-box; border-radius:0.3rem; text-indent:-9999rem; cursor:pointer;}
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before{display:block; content:''; width:2.4rem; height:2.4rem; position:absolute; left:50%; top:50%; margin:-1.2rem 0 0 -1.2rem;}
.ui-datepicker .ui-datepicker-prev{left:0;}
.ui-datepicker .ui-datepicker-next{right:0;}
/* .ui-datepicker .ui-datepicker-prev:before{background:url(../img/common/ic_arr_prev.png) no-repeat 0 0;}
.ui-datepicker .ui-datepicker-next:before{background:url(../img/common/ic_arr_next.png) no-repeat 0 0;} */
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover{background-color:var(--gray-10);}
.ui-datepicker-month{margin-left:0.5rem !important;}

#ui-datepicker-div{display:none; width:23rem; z-index:9999;}
#ui-datepicker-div table tbody td.date-holiday a{color:var(--red);}
#ui-datepicker-div td:first-child *{color:var(--red);}
#ui-datepicker-div td:last-child *{color:var(--blue);}

#ui-datepicker-div td.ui-state-disabled{opacity:0.5; background-color:var(--gray-10);}
#ui-datepicker-div td.ui-state-disabled:empty{background:none;}

/* input[type="date" i]::-webkit-calendar-picker-indicator{ background:url(/images/animal_2026/contents/ic_calendar.svg) center no-repeat; width:2rem;height:2rem; margin-left:0.4rem; cursor:pointer;} */

/* modal */
.modalWrap{background-color:#fff; box-sizing:border-box; width:60rem; max-width:100%; padding:4rem 2.4rem 4rem 2.4rem; display:flex; flex-direction: column; max-height:100%; z-index:999; position:relative; overflow:hidden;}
.modalWrap .modal-header{min-height:2rem; display:flex; align-items: center; position:relative; flex-shrink: 0; margin-bottom:1.6rem; padding:0.8rem 1.6rem;}
.modalWrap .modal-title{padding-right:2.8rem;}
.modalWrap .modal-title h3{font-size:var(--heading-large); line-height:1.16;}

.modalWrap .modal-close{position:absolute; right:2rem; top:2rem;}
.modalWrap .modal-close .btnModalClose{width:2.8rem; height:2.8rem; background:url(/images/animal_2026/contents/ic_close.svg) center no-repeat; text-align:left; text-indent:-9999rem; overflow:hidden;}

.modalWrap .modal-body{min-height:10rem; overflow-y:auto; padding:0.8rem 1.6rem;}
.modalWrap .modal-body.center{display:flex; align-items: center; justify-content: center;}
.modalWrap .modal-body.full{padding:0; min-height:0;}
.modalWrap .modal-action{display:flex; align-items: center; justify-content: center; padding:1.6rem; flex-shrink: 0; position:relative;}
.modalWrap .modal-action .btn + *{margin-left:0.4rem;}
.modalWrap .modal-action .left{margin-right:auto;}
.modalWrap .modal-action .right{margin-left:auto;}

.modalWrap .modal-body::-webkit-scrollbar {-webkit-appearance: none; width:0.8rem;}
.modalWrap .modal-body::-webkit-scrollbar-thumb {background-color:var(--gray-30); border-radius: 0.4rem; border:none;}
.modalWrap .modal-body::-webkit-scrollbar-track {border-radius: 0.4rem; background-color: var(--gray-10);}

.modal-noframe{border:none; border-radius:0; background:none;}
.modal-noframe .modal-action{text-align:center; }

.modalWrap.sm{width:40rem;}
.modalWrap.lg{width:76rem;}

/* accordion */
.accWrap .accDetail{display:none;}
.accWrap .accItem.active .accDetail{display:block;}
.accWrap .accSummary *{pointer-events: none;}

/* category */
.category-wrap{margin:4rem 0;}
.category-list{display:flex; justify-content: center; flex-wrap:wrap;}
.category-list a{display:inline-flex; align-items: center; gap:0.4rem; height:4.2rem; padding:0 1.6rem; opacity:0.6; color:var(--gray-80); font-size:var(--body-large);}
.category-list a:hover{opacity:1;}
.category-list .active{opacity:1; border-bottom:0.2rem solid var(--gray-80);font-weight:700;}
.category-list .active:after{display:block;content:'';width:0.4rem;height:0.4rem;border-radius:50%;background-color:var(--gray-80); transform:translateY(-0.6rem);}

/* tab */
.tab-nav{padding:0.4rem; border-radius:3.2rem; background-color:var(--gray-10); margin-bottom:4rem;}
.tab-nav ul{display:flex; gap:0.2rem;}
.tab-nav li{flex:1;}
.tab-nav .tab-item{display:flex; align-items: center; justify-content: center; text-align:center; height:5.6rem; border-radius:2.6rem; opacity:0.6; font-size:var(--body-xlarge);font-weight:500; box-sizing:border-box;}
.tab-nav .active .tab-item{background-color:#fff; border:0.2rem solid var(--gray-60); color:var(--gray-80); opacity:1; font-weight:700; box-shadow:0 0 1.2rem rgba(0,0,0,0.12);}
.tab-nav li:hover .tab-item{opacity:1;}

.step-list{display:flex; align-items: center; justify-content: center; margin-bottom:2.8rem;}
.step-list li{ position:relative; display:flex; align-items: center;}
.step-list li + li:before{display:block;content:'';width:8rem;height:0.1rem;background-color:var(--gray-30); top:50%; left:-8rem; margin:0 2.8rem; flex-shrink: 0; }
.step-label{display:flex; align-items: center; gap:0.8rem;}
.step-label .num{width:2.4rem;height:2.4rem;border-radius:50%; display:inline-flex; align-items: center; justify-content: center; background-color:var(--gray-30);color:#fff;font-size:var(--body-small);font-weight:700;line-height:1;}
.step-label .txt{color:var(--gray-40);font-size:var(--body-large);}
.step-list .current .step-label .num{background-color:var(--gray-80);}
.step-list .current .step-label .txt{color:var(--gray-80);font-weight:700;}

.step-title{display:flex; align-items: center; gap:0.8rem;}
.step-title .label{display:flex; align-items: center; gap:0.8rem;}
.step-title .num{width:2.4rem;height:2.4rem;border-radius:50%; display:inline-flex; align-items: center; justify-content: center; background-color:var(--gray-80);color:#fff;font-size:var(--body-small);font-weight:700;line-height:1;}
.step-title .txt{color:var(--gray-80);font-weight:700; font-size:var(--body-large);}

/* badge */
[class*="badge-"]{display:inline-flex; align-items: center; justify-content: center; flex-shrink: 0; text-align:center; box-sizing:border-box;font-size:var(--body-small); font-weight:500;}

.badge-program{width:8rem; height:2.9rem; line-height:2.9rem; border-radius:0 0 1.2rem 1.2rem; color:#fff; }
.badge-program[data-status="open"]{background-color:#517CFF;}
.badge-program[data-status="deadline"]{background-color:#FF5191;}
.badge-program[data-status="close"]{background-color:#555;}
.badge-program[data-status="coming"]{background-color:#31B955;}

.badge-adoption{width:8rem; height:2.9rem; line-height:2.9rem; border-radius:1.2rem 0; color:#fff;}
.badge-adoption[data-status="open"]{background-color:#517CFF;}
.badge-adoption[data-status="able"]{background-color:#31B955;}
.badge-adoption[data-status="ing"]{background-color:#FF5191;}
.badge-adoption[data-status="end"]{background-color:#555;}
.badge-adoption[data-status="deliver"]{background-color:#D86324;}
.badge-adoption[data-status="transfer"]{background-color:#7434D5;}

.badge-notice{width:2.4rem;height:2.4rem; background:url(/images/animal_2026/main/ic_notice.svg) center / cover no-repeat; overflow:hidden; text-indent:-9999rem;}
.badge-comment{height:2.6rem;}
.badge-comment span{display:inline-block;height:2.2rem;line-height:2.2rem; border-radius:0.4rem; background-color:var(--gray-60);color:#fff; padding:0 0.4rem; font-weight:700;}
.badge-certification-mark{width:4.3rem;height:4.2rem; background:url(/images/animal_2026/contents/badge_certification.png) center / cover no-repeat; text-align:left;text-indent:-9999rem;overflow:hidden;}
.badge-certification{width:8rem; height:2.9rem; line-height:2.9rem; border-radius:1.5rem; color:#fff;background-color:var(--gray-60);}
.badge-th{height:2.9rem; line-height:2.9rem; border-radius:1.5rem; color:#fff;background-color:var(--gray-60); padding:0 1.2rem;}

/* icon */
i[class*="ic-"]{display:block; overflow:hidden;text-indent:-9999rem;text-align:left; flex-shrink: 0;}
.ic-file{width:2.6rem;height:2.6rem; background:url(/images/animal_2026/contents/ic_file.svg) center / cover no-repeat;}
.ic-info{width:2rem;height:2rem; background:url(/images/animal_2026/contents/ic_info_red.svg) center / cover no-repeat;}

/* board */
.board-search{margin-bottom:4rem;}
.board-search-form{display:flex; gap:0.8rem; justify-content: center; width:57rem; max-width:100%; margin:0 auto;}
.condition-group{height:5rem; border-radius:2.5rem; border:0.1rem solid var(--gray-70); box-sizing:border-box; display:flex;flex: 1; align-items: center;}
.condition-group .input-condition{width:12rem;height:100%; flex-shrink: 0; padding-right:0.1rem; position:relative;}
.condition-group .input-condition:after{display:block;content:'';width:0.1rem;height:1.9rem;background-color:var(--gray-30); position:absolute;right:0;top:50%;transform:translateY(-50%);}
.condition-group .input-condition select{height:100%;border:none;width:12rem; border-radius:2.5rem 0 0 2.5rem; padding-left:2rem; font-weight:700;}
.condition-group .input-keyword{width:100%;height:100%;}
.condition-group .input-keyword input{width:100%;height:100%;border:none; border-radius:0 2.5rem 2.5rem 0; padding:0 1.6rem;}
.board-search .btn-submit{width:5rem;height:5rem; border-radius:50%; background:var(--gray-70) url(/images/animal_2026/contents/ic_search_w.svg) center no-repeat; text-align:left;text-indent:-9999rem;overflow:hidden; flex-shrink: 0;}
.board-search .btn-submit:focus-visible{outline:0.2rem dotted var(--black);}

.board-list-top{margin-bottom:1.6rem; display:flex; align-items: flex-end;}

.board-list-status{color:var(--gray-80);}
.board-list-status em{font-weight:700; font-size:var(--body-large);}

.board-list-sort{margin-left:auto;}
.board-list-sort ul{display:flex; align-items: center; gap:2.1rem;}
.board-list-sort li + li{position:relative;}
.board-list-sort li + li:before{position:absolute;left:-1.1rem;top:50%;transform:translateY(-0.5rem); display:block;content:'';width:0.1rem;height:1.1rem;background-color:var(--gray-30);}
.board-list-sort a{display:flex; align-items: center; color:var(--gray-60);}
.board-list-sort a:hover{color:var(--gray-80);}
.board-list-sort .active{gap:0.6rem; color:var(--gray-80); font-weight:700;}
.board-list-sort .active:before{display:block;content:'';width:2rem;height:2rem; background:url(/images/animal_2026/contents/ic_sorting.svg) center no-repeat; flex-shrink: 0;}

.board-list-filter{margin-left:auto;}
.filter-item{display:flex; gap:0.8rem; align-items: center;}
.filter-item label{font-weight:500;}

.board-list{border-top:0.1rem solid var(--gray-80);}
.board-list > li{border-bottom:0.1rem solid var(--gray-20);}
.board-list > li:not(.no-data):hover{background-color:var(--gray-10);}
.board-list a{display:block;}
.board-list .no-data{text-align:center; padding:4rem 0;}
.no-data-msg{font-weight:500; font-size:1.8rem;}

.board-item-wrap{padding:2.8rem 2.4rem;}
.board-item-wrap .item-title{display:flex; gap:0.8rem; align-items: center; margin-bottom:1.6rem;}
.board-item-wrap .item-title .title{font-size:2.2rem;line-height:2.6rem;font-weight:700;color:var(--gray-80);}
.board-item-wrap .item-title i{align-self: flex-start;}
.board-item-wrap .item-info{display:flex; gap:2.4rem; line-height:2rem;}
.board-item-wrap .item-info li{display:flex; gap:0.8rem;}
.board-item-wrap .item-info .label{color:var(--gray-60);}
.board-item-wrap .item-info .data{font-weight:700;}

.gallery-list{display:grid; grid-template-columns: repeat(3, 1fr); gap:2.8rem; border:0.1rem solid var(--gray-80); border-width:0.1rem 0; padding:2.8rem 0; }
.gallery-list a{display:block; height:100%;}
.gallery-list a:hover .gallery-item-wrap{box-shadow:0 0 1.2rem rgba(0,0,0,0.2);}
.gallery-list .no-data{grid-column: span 3; text-align:center; padding:4rem 0;}

.gallery-item-wrap{border-radius:var(--radius-medium); border:0.1rem solid var(--gray-20); background-color:#fff; height:100%; position:relative;}
.gallery-item-wrap .item-photo{height:24.4rem; overflow:hidden; border-radius:var(--radius-medium) var(--radius-medium) 0 0;}
.gallery-item-wrap .item-photo img{width:100%;min-height:100%; object-fit: cover; object-position: center;}
.gallery-item-wrap .item-info{padding:2.4rem 2.8rem;}
.gallery-item-wrap .item-info .title{font-size:var(--heading-medium);line-height:2.4rem;font-weight:700;color:var(--gray-80); margin-bottom:1.2rem;}
.gallery-item-wrap .item-info .date{line-height:2rem;color:var(--gray-60); margin-top:1.2rem; position:relative;}
.gallery-item-wrap .item-info .date .label{position:absolute;left:-9999rem;}
.gallery-item-wrap .badge-adoption{position:absolute;left:0;top:0;}
.gallery-item-wrap .badge-certification-mark{position:absolute;left:0.8rem;top:0.8rem;}
.gallery-item-wrap .info-list{display:flex; gap: 0.6rem 2rem; flex-wrap:wrap; margin-top:1.2rem; line-height:2rem;}
.gallery-item-wrap .info-list li + li{position:relative;}
.gallery-item-wrap .info-list li + li:before{display:block;content:'';width:0.1rem;height:1.2rem; background-color:var(--gray-30); position:absolute;left:-1rem;top:50%; margin-top:-0.6rem;}
.gallery-item-wrap .info-list + .info-list{margin-top:0.6rem;}

.program-list{border-top:0.1rem solid var(--gray-80); border-width:0.1rem 0;}
.program-list > li{border-bottom:0.1rem solid var(--gray-20);}
.program-list a{display:block; height:100%;}
.program-list .program-item-wrap{padding:2.8rem 2.4rem;}
.program-list .no-data{text-align:center; padding:4rem 0;}

.program-item-wrap{ position:relative; display:flex; align-items: center; gap:2.4rem; }
.program-item-wrap .item-info{overflow:hidden; flex:1;}
.program-item-wrap .item-info .title{font-size:2.2rem;line-height:2.4rem;font-weight:700;color:var(--gray-80); margin-bottom:1.2rem;}
.program-item-wrap .badge-program{position:absolute;right:1.6rem;top:0;}
.program-item-wrap .info-list{display:flex; gap: 0.6rem 2rem; flex-wrap:wrap; margin-top:1.2rem; line-height:2rem; color:var(--gray-60);}
.program-item-wrap .info-list + .info-list{margin-top:0.6rem;}
.program-item-wrap .info-list li{display:flex; gap: 0.4rem; align-items: baseline;}
.program-item-wrap .info-list li + li{position:relative;}
.program-item-wrap .info-list li + li:before{display:block;content:'';width:0.1rem;height:1.2rem; background-color:var(--gray-30); position:absolute;left:-1rem;top:50%; margin-top:-0.6rem;}
.program-item-wrap .info-list .label{display:none; color:var(--gray-60);}
.program-item-wrap .info-list .label.open{display:block;}
.program-item-wrap .info-list .category .data{font-weight:500;}
.program-item-wrap .info-list .teacher .data{font-weight:700;}
.program-item-wrap .info-list .limite{margin-left:auto; height:2rem;}
.program-item-wrap .info-list .limite:before{display:none;}
.program-item-wrap .info-list .limite .current{font-weight:700; font-size:var(--heading-large);color:var(--gray-80); vertical-align:baseline; padding:0 0.3rem;}

.program-item-wrap[data-category="1"] .info-list .category .data{color:#3276DF;}
.program-item-wrap[data-category="2"] .info-list .category .data{color:#F9325D;}
.program-item-wrap[data-category="3"] .info-list .category .data{color:#008753;}
.program-item-wrap[data-category="4"] .info-list .category .data{color:#F65A2F;}
.program-item-wrap[data-category="5"] .info-list .category .data{color:#CE3FDE;}
.program-item-wrap[data-category="6"] .info-list .category .data{color:#FF5191;}
.program-item-wrap[data-category="7"] .info-list .category .data{color:#676767;}
.program-item-wrap[data-category="8"] .info-list .category .data{color:#31B955;}

/* paging */
.pagination{text-align:center; display:flex; align-items:center; justify-content:center; margin:4rem 0;}
.pagination a,
.pagination span{display:inline-flex; align-items:center; justify-content:center; height:4rem;box-sizing:border-box;line-height:2rem;}
.pagination .page-nav{color:var(--gray-50);}
.pagination .page-nav.disabled{pointer-events:none;}
.pagination .page-nav.disabled:before,
.pagination .page-nav.disabled:after{opacity:0.5;}
.pagination .page-nav.prev{padding:0 0.8rem 0 0.4rem;}
.pagination .page-nav.prev:before{display:block;content:''; width:2rem;height:2rem; background:url(/images/animal_2026/contents/page_prev.svg) center no-repeat;}
.pagination .page-nav.next{padding:0 0.4rem 0 0.8rem;}
.pagination .page-nav.next:after{display:block;content:''; width:2rem;height:2rem; background:url(/images/animal_2026/contents/page_next.svg) center no-repeat;}
.pagination .page-links{display:flex; align-items:center; justify-content:center;}
.pagination .page-links a,
.pagination .page-links span{ min-width:4rem; margin:0 0.4rem; border-radius:0.6rem;}
.pagination .page-links .active{background-color:var(--gray-60); color:#fff; font-weight:600;}
.pagination .page-links .page-dot{background:url(/images/animal_2026/contents/page_dot.svg) center no-repeat;}

.delReason-wrap{margin:2.4rem 0; display:flex; flex-wrap:wrap;}
.delReason-wrap summary{height:2rem; line-height:2rem; font-weight:500; padding:0; margin:0 0 0 auto; display:inline-flex; gap:0.4rem; align-items: center; cursor:pointer; }
.delReason-wrap summary:after{display:block;content:''; width:2rem; height:2rem; background:url(/images/animal_2026/contents/ic_details.svg) center no-repeat;}
.delReason-wrap summary span:after{content:'자세히보기'; margin-left:0.3rem;}
.delReason-wrap[open] summary span:after{content:'닫기';}
.delReason-wrap[open] summary:after{background-image:url(/images/animal_2026/contents/ic_close.svg);}
.delReason-view-contents{margin-top:1.2rem; border-radius:var(--radius-medium); background-color:#F2F8F8; border:0.1rem solid #D3E7E6; padding:2.8rem;}
.delReason-title{font-size:var(--heading-medium); line-height:2.8rem; font-weight:700; color:var(--gray-80); margin-bottom:1.6rem; display:flex; gap:0.4em; align-items: flex-start;}
.delReason-title:before{display:block;content:'';width:2.8rem;height:2.8rem; background:url(/images/animal_2026/contents/ic_law.svg) center no-repeat; flex-shrink: 0;}
.delReason-view-contents .g-txt{margin:1.6rem 0;}

.board-view{border:0.1rem solid var(--gray-80); border-width:0.1rem 0;}
.board-view-info{ border-bottom:0.1rem solid var(--gray-20); padding:2.8rem 2.4rem;}
.board-view-info .item-title{display:flex; gap:0.8rem; align-items: center; flex-wrap:wrap;}
.board-view-info .item-title .title{font-size:2.2rem;line-height:2.6rem;font-weight:700;color:var(--gray-80);}
.board-view-info .item-title [class*="badge-"]{flex-shrink: 0; border-radius:1.5rem;}
.board-view-info .item-info{display:flex; gap:2.4rem; line-height:2rem; margin-top:1.6rem;}
.board-view-info .item-info li{display:flex; gap:0.8rem;}
.board-view-info .item-info .label{color:var(--gray-60);}
.board-view-info .item-info .data{font-weight:700;}
.board-view-contents{padding:2.8rem 2.4rem; line-height:1.9; min-height:20rem;}
.board-view-contents picture,
.board-view-contents img{max-width:100%;}
.board-view-contents .photo-view{text-align:center;}

.board-attachfile{padding:0 2.4rem; margin:2rem 0;}
.board-attachfile-box{background-color:var(--gray-10); border-radius:var(--radius-small); padding:2rem;}
.board-attachfile-box .title{line-height:2rem; color:var(--gray-60); margin-bottom:1.2rem;}
.board-attachfile-list{display:flex; flex-direction: column; gap:0.8rem;}
.board-attachfile-list .attachfile-item{width:100%; border:0.1rem solid var(--gray-20); border-radius:var(--radius-small); padding:1.6rem 2rem; box-sizing:border-box; background-color:#fff;}

.attachfile-item{display:flex; align-items: center; gap:2.4rem; line-height:2rem;}
.attachfile-item .info{display:flex; gap:0.8rem; max-width:100%; overflow:hidden; flex-wrap:wrap;}
.attachfile-item .info .file-name{font-weight:700;}
.attachfile-item .info .file-volum{flex-shrink: 0;}
.attachfile-item .action{margin-left:auto; flex-shrink: 0; display:flex; gap:1.6rem;}
.attachfile-item .action .btn-download:after{background:url(/images/animal_2026/contents/ic_download.svg) center no-repeat;}
.attachfile-item .action .btn-viewer:after{background:url(/images/animal_2026/contents/ic_go.svg) center no-repeat;}
.attachfile-item .action .btn-sound:after{background:url(/images/animal_2026/contents/ic_sound.svg) center no-repeat;}

.board-comment{padding:0 2.4rem; margin:2rem 0;}
.board-comment-box{background-color:var(--gray-10); border-radius:var(--radius-small); padding:2rem;}
.board-comment-box .title{line-height:2em; color:var(--gray-60); line-height:2rem; margin-bottom:1.2rem;}
.board-comment-list{display:flex; flex-direction: column; gap:0.8rem;}
.board-comment-list .comment-item{width:100%; border:0.1rem solid var(--gray-20); border-radius:var(--radius-small); padding:1.6rem 2rem; box-sizing:border-box; background-color:#fff;}

.comment-item{display:flex; flex-wrap:wrap; gap:1.2rem;}
.comment-item .writer{line-height:2rem;font-weight:700;}
.comment-item .date{font-size:var(--body-small);line-height:2rem;color:var(--gray-60);}
.comment-item .message{width:100%;}
.comment-item .commend{display:flex; gap:8px; margin-left:auto;}
.comment-item .commend button{width:1.8rem;height:1.8rem;}
.comment-edit-form{width:100%;}
.comment-edit-form textarea{width:100%;height:8rem; border-width:1px 0 0 0; border-radius:0; padding:1.2rem 1.2rem 0 0;}
.comment-edit-form .form-commend{text-align:right; margin-top:12px;}

.animal-details{margin:2rem 0;}
.animal-details-box{background-color:var(--gray-10); border-radius:var(--radius-medium); padding:2rem;}
.animal-details-list{display:grid; grid-template-columns: repeat(3, 1fr); gap:0.8rem;}
.animal-details-list li{border:0.1rem solid var(--gray-20); border-radius:var(--radius-small); padding:1.2rem 2.4rem; box-sizing:border-box; background-color:#fff; min-width: 0;}
/* .animal-details-list li.etc{grid-column: span 2;} */
.animal-details-list .label{display:flex; gap:0.6rem; align-items: center; margin-bottom:0.6rem; font-weight:700;color:var(--gray-80); background-position:center; background-repeat:no-repeat; background-size:cover;}
.animal-details-list .label:before{display:block;content:'';width:2rem;height:2rem;}
.animal-details-list .period .label:before{background-image:url(/images/animal_2026/contents/ic_details_period.svg);}
.animal-details-list .type .label:before{background-image:url(/images/animal_2026/contents/ic_details_type.svg);}
.animal-details-list .place .label:before{background-image:url(/images/animal_2026/contents/ic_details_place.svg);}
.animal-details-list .gender .label:before{background-image:url(/images/animal_2026/contents/ic_details_gender.svg);}
.animal-details-list .age .label:before{background-image:url(/images/animal_2026/contents/ic_details_age.svg);}
.animal-details-list .weight .label:before{background-image:url(/images/animal_2026/contents/ic_details_weight.svg);}
.animal-details-list .neuter .label:before{background-image:url(/images/animal_2026/contents/ic_details_neuter.svg);}
.animal-details-list .dog .label:before{background-image:url(/images/animal_2026/contents/ic_details_dog.svg);}
.animal-details-list .etc .label:before{background-image:url(/images/animal_2026/contents/ic_details_etc.svg);}
.animal-details-list .period,
.animal-details-list .etc{grid-column: span 3;}
/* .animal-details-list .etc .data{white-space:pre-wrap;} */

.program-details{margin:2rem 0;}
.program-details-box{background-color:var(--gray-10); border-radius:var(--radius-medium); padding:2rem;}
.program-details-list{display:grid; grid-template-columns: repeat(3, 1fr); gap:0.8rem;}
.program-details-list li{border:0.1rem solid var(--gray-20); border-radius:var(--radius-small); padding:1.2rem 2.4rem; box-sizing:border-box; background-color:#fff; min-width: 0;}
.program-details-list li.etc{grid-column: span 2;}
.program-details-list .label{display:flex; gap:0.6rem; align-items: center; margin-bottom:0.6rem; font-weight:700;color:var(--gray-80); background-position:center; background-repeat:no-repeat; background-size:cover;}
.program-details-list .label:before{display:block;content:'';width:2rem;height:2rem;}
.program-details-list .period .label:before{background-image:url(/images/animal_2026/contents/ic_details_period.svg);}
.program-details-list .time .label:before{background-image:url(/images/animal_2026/contents/ic_details_time.svg);}
.program-details-list .teacher .label:before{background-image:url(/images/animal_2026/contents/ic_details_teacher.svg);}
.program-details-list .price .label:before{background-image:url(/images/animal_2026/contents/ic_details_price.svg);}
.program-details-list .limite .label:before{background-image:url(/images/animal_2026/contents/ic_details_limite.svg);}
.program-details-list .data em{font-weight:600;}
.program-details-intro{padding:1.2rem 2.4rem 2.4rem 2.4rem; min-height:20rem;}
.program-details-label{font-weight:700; color:var(--gray-80); display:block; margin-bottom:1.6rem;}

.board-view-bottom{position:relative; margin:2.8rem 0;}
.board-inner-lists .title{display:flex; gap:0.4rem; align-items: center; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width:calc(50% - 16.8rem); position:absolute;top:0; height:4.4rem; font-size:var(--body-large);line-height:2.2rem;}
.board-inner-lists .title span{align-items: center; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; max-width:100%;}
.board-inner-lists p.title{opacity:0.6;}
.board-inner-lists a:hover{text-decoration: underline; text-underline-offset: 0.3rem;}
.board-inner-lists .title.prev{left:0; justify-content: flex-start;}
.board-inner-lists .title.next{right:0; justify-content: flex-end;}
.board-inner-lists .title.next:after{transform:rotate(180deg);}
.board-inner-lists .title.prev:before,
.board-inner-lists .title.next:after{display:block;content:'';width:4rem;height:4rem; background:url(/images/animal_2026/contents/arr_list.svg) center / cover no-repeat; flex-shrink: 0;}

.board-view-bottom .board-inner-lists + .btns-wrap{width:17.6rem; text-align: center; margin:0 auto;}

.board-guide-wrap{background-color:#F2F8F8; border:0.1rem solid #D3E7E6; border-radius:var(--radius-medium);padding:2.8rem; margin-bottom:4rem;}

.required-mark{color:var(--red); font-weight:700;}
.required-guide{font-size:var(--body-small); font-weight:500;}

.form-box{background-color:#F6F6F6; border-radius:var(--radius-medium);padding:4rem;}
.form-box .required-guide{margin-bottom:0.8rem;}

.form-wrap{background-color:#fff; padding:4rem; border-radius:var(--radius-medium);}
.form-fieldset{width:56rem;margin: 0 auto; max-width:100%; display:flex; flex-direction: column; gap:2rem; box-sizing:border-box;}
.form-fieldset > *{width:100%; box-sizing:border-box;}

.form-item{display:flex; flex-direction: column; gap:0.8rem; box-sizing:border-box;}
.form-item-label,
.form-group-title{font-weight:500; display:flex; gap:0.8rem; align-items: baseline; flex-wrap:wrap;}
.form-item-label label{display:flex; gap:0.4rem;}
.form-item-label .guide,
.form-group-title .guide{font-size:var(--body-small); width:100%;}

.form-upload-group{display:flex; flex-direction: column; box-sizing:border-box;}
.form-upload-group .form-item-conts{display:flex; flex-direction: column; gap:1.2rem;}
.form-upload-group .file-upload{text-align:center;}
.form-upload-group .file-upload-guide{text-align:center;}
.form-upload-group .file-uploaded-group{margin-top:0.8rem;}
.file-uploaded-group{display:flex; flex-direction: column; gap:0.8rem;}
.file-uploaded-item{display:flex; gap:0.8rem; align-items: center;}
.file-uploaded-item input{border:0.1rem solid var(--gray-20); border-radius:var(--radius-xsmall); background-color:#fff;width:100%;}
.file-uploaded-item input::-webkit-file-upload-button{display:none;}
.file-uploaded-item .btn{width:9.6rem; flex-shrink: 0;}
.file-uploaded-item .file-name-box{border:0.1rem solid var(--gray-20); border-radius:var(--radius-xsmall); background-color:#fff; padding:0.8rem 1.6rem; display:flex; align-items: center; gap:0.8rem; box-sizing:border-box; height:var(--input-height); width:100%; overflow:hidden;}
.file-uploaded-item .file-name{max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.file-uploaded-item .btn-select{width:9.5rem;height:var(--input-height); margin-left:auto;}
.file-uploaded-item .btn-file-delete{width:2rem;height:2rem; text-indent:-9999rem;overflow:hidden; background:url(/images/animal_2026/contents/ic_delete.svg) center no-repeat; margin-left:auto; flex-shrink: 0;}

.agree-wrap{margin-top:2rem;}
.agree-wrap .agree-form{border:0.1rem solid var(--gray-20); border-radius:var(--radius-medium); padding:1.6rem 2rem; display:flex; align-items: center; flex-wrap:wrap; gap:1.2rem;}
.agree-wrap .agree-form .agree-info{display:flex; align-items: center; gap:1.6rem;}
.agree-wrap .agree-form .check-group{margin-left:auto; min-height:2rem; justify-content: flex-end;}
.agree-wrap .agree-form .title{font-weight:600;}
.agree-wrap .agree-form.checked{border-color:var(--primary);}

/* table */
.data-list{position:relative; border-top:0.1rem solid var(--gray-80); width:100%; }
.data-list table{width:100%;}
.data-list th,
.data-list td{border-bottom:0.1rem solid var(--gray-20); padding:0.8rem; text-align:center; height:5.6rem; box-sizing:border-box; word-break:break-all;}
.data-list th + *,
.data-list td + *{border-left:0.1rem solid var(--gray-20);}
.data-list thead th{background-color:var(--gray-10); height:5.5rem; line-height:1.2; border-color:var(--gray-30)}
.data-list tbody th{padding:1rem; height:5.2rem;}
.data-list td.title{text-align:left;}
.data-list .td-label{display:none;}

/* section */
.con-section{margin-bottom:4rem;}
.con-section:last-child{margin-bottom:0;}

.con-title{font-size:var(--heading-large); line-height:1.3; font-weight:700; color:var(--gray-80); margin-bottom:2rem; display:flex; gap:1rem; align-items: flex-start;}
.con-title:before{display:block;content:'';width:1.6rem;height:3rem; background:url(/images/animal_2026/contents/ic_contitle.svg) center no-repeat; flex-shrink: 0;}
.con-title.check{font-family: 'Paperozi';}
.con-title.check:before{width:3rem;height:3rem; background:url(/images/animal_2026/contents/ic_title_refer.svg) center no-repeat; flex-shrink: 0;}


@media (max-width: 1024px) {

  .category-wrap{margin:2.4rem 0;}
  .category-list a{padding:0 1.2rem;}

  .tab-nav{margin-bottom:2.4rem;}
  .tab-nav .tab-item{height:4.4rem;}

  .step-list{margin-bottom:2.4rem;}
  .step-list li + li:before{width:4rem; left:-4rem; margin:0 1.6rem;}
  .step-label{gap:0.4rem;}

  .step-title{gap:0.4rem;}

  .board-search{margin-bottom:2.4rem;}
  .condition-group{height:4.8rem;}
  .board-search .btn-submit{width:4.8rem;height:4.8rem;}

  .board-item-wrap{padding:2.4rem 2rem;}
  .board-item-wrap .item-title{margin-bottom:1.2rem;}
  .board-item-wrap .item-info{font-size:var(--body-small);}

  .gallery-list{gap:2rem; padding:2rem 0;}

  .gallery-item-wrap .item-info{padding:2rem;}
  .gallery-item-wrap .item-info .date{font-size:var(--body-small);}

  .program-list .program-item-wrap{padding:2.8rem 1.6rem;}

  .pagination{margin:2.4rem 0;}
  .pagination a,
  .pagination span{height:3.2rem;}
  .pagination .page-links a,
  .pagination .page-links span{ min-width:3.2rem;}

  .board-view-info{padding:2.4rem 1.6rem;}
  .board-view-info .item-info{gap:2rem;}
  .board-view-contents{padding:2.4rem 1.6rem; min-height:10rem;}

  .board-attachfile{padding:0;}

  .board-comment{padding:0;}

  .program-details-intro{padding:1.2rem 1.6rem 2.4rem 1.6rem;}
  .program-details-list{grid-template-columns: repeat(2, 1fr);}

  .board-view-bottom{margin:2.4rem 0;}
  .board-inner-lists .title{width:calc(50% - 16.8rem);}

  .board-guide-wrap{padding:2.4rem; margin-bottom:2.4rem;}

  .con-section{margin-bottom:3.2rem;}
  .con-title{margin-bottom:1.6rem; gap:0.4rem;}

}

@media (max-width: 768px) {

  .size-sm{width:10rem;}

  .btns-wrap{gap:0.8rem;}

  .txt-list.dot > li{padding-left:1.6rem;}
  .txt-list.dot > li:before{left:0;}

  .modalWrap{padding:2rem 0;}
  .modalWrap .modal-header{margin-bottom:0;}
  .modalWrap .modal-close{right:1.6rem;top:2.3rem;}

  .category-list a{padding:0 0.8rem;}

  .board-list-sort a{font-size:var(--body-small);}

  .board-item-wrap{padding:2rem 1.2rem;}
  .board-item-wrap .item-title{margin-bottom:0.8rem;}
  .board-item-wrap .item-title .title{font-size:1.8rem;}

  .gallery-list{grid-template-columns: repeat(2, 1fr); gap:1.6rem;}
  .gallery-list .no-data{grid-column: span 2;}

  .gallery-item-wrap .item-photo{width:100%; height:auto; aspect-ratio:322/244 ;}

  .program-list .program-item-wrap{padding:2.8rem 1.2rem;}

  .program-item-wrap{gap:2rem; flex-wrap:wrap; align-items: flex-start;}
  .program-item-wrap .item-date{width:6rem;height:6rem;}
  .program-item-wrap .item-date .month{font-size:1.3rem;}
  .program-item-wrap .item-date .day{font-size:1.8rem;}
  .program-item-wrap .badge-program{right:0; height:2.4rem;}
  .program-item-wrap .item-info .title{font-size:1.8rem;}

  .program-item-wrap .info-list{font-size:var(--body-small);}
  .program-item-wrap .info-list .limite{margin-left:0; width:100%;}
  .pagination{position:relative; flex-wrap:wrap; gap:1.2rem;}
  .pagination .page-links{order:2; width:100%;}
  .pagination .page-links a,
  .pagination .page-links span{ min-width:3.2rem; margin:0;}

  .delReason-view-contents{padding:2.4rem; font-size:var(--body-small);}
  .delReason-title{line-height:1.5;}

  .board-view-info{padding:2rem 1.2rem;}
  .board-view-info .item-title .title{font-size:1.8rem;}
  .board-view-info .item-info{margin-top:1rem; flex-wrap:wrap; font-size:var(--body-small);gap:0.4rem 1.2rem;}
  .board-view-info .item-title [class*="badge-"]{width:auto; padding:0 1.2rem;}
  .board-view-contents{padding:2.4rem 1.2rem;}

  .board-attachfile-box{padding:1.2rem;}
  .board-attachfile-box .title{padding:0.4rem; margin:0;}
  .board-attachfile-list{gap:0.4rem;}
  .board-attachfile-list .attachfile-item{flex-wrap:wrap; gap:1.2rem;}
  .attachfile-item .action{width:100%;}
  .attachfile-item .action a{font-size:var(--body-small);}

  .board-comment-box{padding:1.2rem;}
  .board-comment-box .title{padding:0.4rem 0; margin:0;}

  .animal-details-box{padding:1.2rem;}
  .animal-details-list{grid-template-columns: repeat(2, 1fr);}
  .animal-details-list li{font-size:var(--body-small);}
  .animal-details-list li.period,
  .animal-details-list li.etc {grid-column: span 2;}

  .program-details-box{padding:1.2rem;}
  .program-details-list{font-size:var(--body-small);}
  .program-details-list li.limite,
  .program-details-list li.period:last-child{grid-column: span 2;}

  .board-view-bottom{margin-top:1.2rem;}
  .board-inner-lists{display:flex; gap:2rem; margin-bottom:1.2rem;}
  .board-inner-lists .title{width:calc(50% - 1rem); position:relative;}
  .board-view-bottom .board-inner-lists + .btns-wrap{width:100%;}

  .form-box{padding:2.4rem 1.2rem 1.2rem 1.2rem;}
  .form-box .required-guide{font-size:var(--body-small);}

  .form-wrap{padding:2.4rem;}
  .file-uploaded-item{gap:0.2rem;}
  .file-uploaded-item .btn{width:8.8rem;}

  .board-guide-wrap{padding:2rem;}

  .agree-wrap .agree-form .agree-info{flex-direction: column; gap:0.8rem; width:100%; align-items: flex-start;}

  .con-title:before{height:2.4rem;}

  .data-list.m-type-labels colgroup,
	.data-list.m-type-labels thead{display:none;}
	.data-list.m-type-labels table,
	.data-list.m-type-labels tbody,
	.data-list.m-type-labels tr,
	.data-list.m-type-labels th{display:block; border:none; padding:0; text-align:left; height:auto;}
	.data-list.m-type-labels td{display:inline-block; border:none; padding:0; text-align:left; height:auto; min-height:2rem; vertical-align:middle; font-size:1.5rem;}
	.data-list.m-type-labels tbody tr{display:flex; flex-direction: column; gap:0.4rem;}
	.data-list.m-type-labels tbody td{position:relative; line-height:1.5; border:none !important; width:100%; box-sizing:border-box;}
	.data-list.m-type-labels tbody td{width:100%; min-height:2.4rem; box-sizing:border-box; display:flex; align-items: flex-start; gap:0.8rem;}
	.data-list.m-type-labels tr{border-bottom:0.1rem solid var(--gray-20); padding:1.6rem 1.2rem; position:relative;}
	.data-list.m-type-labels .no{display:none;}
	.data-list.m-type-labels .td-label{display:block; font-size:1.4rem; font-weight:500; overflow-wrap: break-word; box-sizing:border-box; text-align:left !important; flex-shrink:0; width:9rem; color:var(--gray-50);}
	.data-list.m-type-labels .td-data{overflow-wrap: break-word; box-sizing:border-box; text-align:right; margin-left:auto; flex:1;}
	.data-list.m-type-labels .title{margin-bottom:1.2rem;}
	.data-list.m-type-labels .title .td-label{display:none;}
	.data-list.m-type-labels .title .td-data{width:100%; text-align:left; font-size:1.6rem; font-size:1.6rem; font-weight:600;}
	.data-list.m-type-labels .links{text-align:right; margin-top:0.8rem;}
	.data-list.m-type-labels .links .btn{border:0.1rem solid var(--gray-30); height:3.2rem; width:100%;}
	.data-list.m-type-labels .no-data{padding:2rem 1rem;width:100%; text-align:center; justify-content: center;}

  .td-data .app-petInfo{display:flex; align-items: center; gap:1.6rem; justify-content: flex-end;}

}

@media (max-width: 480px) {
  .category-list a{padding:0 0.4rem;}
}
@media (max-width: 430px) {
  .category-list{gap:0.4rem 0;}
  .category-list a{font-size:var(--body-small); height:3.2rem;}

  .tab-nav .tab-item{font-size:var(--body-medium);}

  .board-search-form{gap:0.4rem;}
  .condition-group{height:4.4rem;}
  .condition-group .input-condition{width:10rem;}
  .board-search .btn-submit{width:4.4rem;height:4.4rem;}

  .form-wrap{padding:2rem 1.6rem;}

  .board-list .no-data{padding:2.4rem 0;}

  .gallery-list{gap:1.6rem; padding:1.6rem 0;}
  .gallery-list{grid-template-columns: repeat(1, 1fr);}
  .gallery-list .no-data{grid-column: span 1; padding:2.4rem 0;}

  .animal-details-list{gap:0.4rem;}
  .animal-details-list li{padding:1.2rem 1.6rem;}

  .program-list .no-data{padding:2.4rem 0;}
  .program-details-list li{padding:1.2rem 1.6rem;}

  .board-inner-lists .title.prev:before,
  .board-inner-lists .title.next:after{width:2.4rem;height:2.4rem;}

  .delReason-wrap summary{font-size:var(--body-small);}
  .delReason-view-contents{padding:2rem;}
  .delReason-title{font-size:var(--heading-small);}

}