@charset "utf-8";

.con-info-wrap{display:flex; flex-wrap:wrap; gap:1.2rem;}
.con-info-title{width:100%; display:flex; align-items: center; gap:0.4rem; color:var(--red); font-weight:700; line-height:2.6rem; font-size:var(--heading-small);}
.con-info-details{width:100%; padding-left:2.4rem;}

/* 센터소개 */
.center-intro .first{font-size:var(--heading-large);font-family: 'Paperozi';}
.center-intro .first em{font-weight:600;}
.center-intro1{border-radius:var(--radius-medium); background:url(/images/animal_2026/contents/intro_photo1.jpg) left center / cover no-repeat; min-height:48rem; box-sizing:border-box; padding:6rem; display:flex; justify-content: flex-end;}
.center-intro1 .txt-box{background-color:rgba(15, 140, 149, 0.8); padding:5rem 4rem; color:#fff; width:29rem; box-sizing:border-box;}
.center-intro1 .txt-box .first{margin-bottom:5.5rem;font-weight:600;line-height:1.2;}
.center-intro1 .txt-box .first:after{display:block;content:'';height:0.1rem;width:6rem;background-color:#fff; margin-top:1.2rem;}
.center-intro2{padding:4rem 0; text-align:center; border-bottom:0.1rem solid #D9D9D9; margin-bottom:4rem;}
.center-intro3{display:flex; gap:7rem; align-items: center;}
.center-intro3 .photo{width:50%;}

.center-rules{display:grid; grid-template-columns: repeat(3, 1fr); gap:3rem;}
.center-rules > li{border-radius:var(--radius-medium); padding:5rem 4rem; height:35rem; box-sizing:border-box; background-position:right bottom; background-repeat:no-repeat; background-size:cover; font-size:var(--body-large); font-weight:500;}
.center-rules > li.item1{background-image:url(/images/animal_2026/contents/bg_rule1.jpg);}
.center-rules > li.item2{background-image:url(/images/animal_2026/contents/bg_rule2.jpg);}
.center-rules > li.item3{background-image:url(/images/animal_2026/contents/bg_rule3.jpg);}
.center-rules > li.item4{background-image:url(/images/animal_2026/contents/bg_rule4.jpg);}
.center-rules > li.item5{background-image:url(/images/animal_2026/contents/bg_rule5.jpg);}
.center-rules .label{font-size:var(--body-xlarge); font-weight:500;}
.center-rules .time{font-size:var(--body-xxlarge); font-weight:600;}
.center-rules .item1{color:#fff;}

.center-rules2{display:grid; gap:3rem; grid-template-columns: repeat(5, 1fr); text-align:center;}
.center-rules2 .img{width:100%; border-radius:1.2rem; max-width:100%; aspect-ratio: 1/1; background-color:#E8F5F4; display:flex; align-items: center; justify-content: center;}
.center-rules2 .img:before{display:block;content:''; width:12rem; max-width:80%; aspect-ratio: 1/1; background-position:center; background-size:contain; background-repeat:no-repeat;}
.center-rules2 .item1 .img:before{background-image:url(/images/animal_2026/contents/ic_rules_refer1.png);}
.center-rules2 .item2 .img:before{background-image:url(/images/animal_2026/contents/ic_rules_refer2.png);}
.center-rules2 .item3 .img:before{background-image:url(/images/animal_2026/contents/ic_rules_refer3.png);}
.center-rules2 .item4 .img:before{background-image:url(/images/animal_2026/contents/ic_rules_refer4.png);}
.center-rules2 .item5 .img:before{background-image:url(/images/animal_2026/contents/ic_rules_refer5.png);}
.center-rules2 .txt{margin-top:1.6rem; font-size:var(--body-large); font-weight:600;}

.center-preview{display:flex; flex-direction: column; gap:4rem;}
.center-preview-item{display:flex; gap:4rem;}
.center-preview-item .photo{border-radius:var(--radius-medium); overflow:hidden; flex:1;}
.center-preview-item .info{padding-top:6rem; width:26rem;}
.center-preview-item .name{display:block; font-size:var(--heading-xxlarge); font-weight:500; line-height:1; margin-bottom:2rem;}
.center-preview-item .name:before{display:block;content:'';width:2.4rem;height:2.4rem; background:url(/images/animal_2026/contents/arr_preview.svg) center no-repeat; margin-bottom:1rem;}
.center-preview-item .desc{line-height:1.6;}

.center-contact{display:flex; flex-direction: column; gap:2.8rem;}
.center-contact > *{width:100%; box-sizing:border-box;}
.center-map{border-radius:var(--radius-medium); overflow:hidden;}
.center-address{display:flex; align-items: center; justify-content: center; gap:1.6rem; background-color:var(--gray-10); padding:2rem 2.4rem; border-radius:3rem; font-size:var(--body-large); line-height:2rem;}
.center-address .title{color:var(--gray-80); font-weight:700; display:flex; align-items: center; gap:0.4rem; flex-shrink: 0;}
.center-address .title:before{display:block;content:'';width:2rem;height:2rem; background:url(/images/animal_2026/contents/ic_address.svg) center no-repeat;flex-shrink: 0;}
.center-traffic{display:grid; grid-template-columns: repeat(3, 1fr); gap:2.8rem;}
.center-traffic-item{border:0.1rem solid var(--gray-20); border-radius:var(--radius-medium); padding:2.8rem; font-size:var(--body-large);}
.center-traffic-item .title{font-size:var(--heading-medium);color:var(--gray-80);font-weight:700; margin-bottom:2rem; display:flex; flex-direction: column; gap:2.4rem;}
.center-traffic-item .title:before{display:block;content:'';width:3.4rem;height:3.4rem; background-position:center; background-repeat:no-repeat;}
.center-traffic-item.subway .title:before{background-image:url(/images/animal_2026/contents/ic_subway.svg);}
.center-traffic-item.bus .title:before{background-image:url(/images/animal_2026/contents/ic_bus.svg);}
.center-traffic-item.parking .title:before{background-image:url(/images/animal_2026/contents/ic_parking.svg);}
.center-traffic-item .info{line-height:1.16;}
.center-traffic-item .info li + li{margin-top:1.2rem;}

.badge-subway{height:2.5rem; padding:0 0.8rem; border-radius:1.3rem; color:#fff;font-weight:500; line-height:1; font-size:var(--body-medium);}
.badge-subway.line3{background-color:#FF7300;}
.badge-subway.newBundang{background-color:#A71E31;}

/* 입양절차 */
.adoption-process{display:grid; gap:2.8rem; grid-template-columns: repeat(3, 1fr); flex-wrap:wrap;}
.adoption-process > li{text-align:center; position:relative;}
.adoption-process > li:after{display:block;content:'';width:5.4rem;height:5.4rem; background:url(/images/animal_2026/contents/arr_process.png) center / cover no-repeat; position:absolute;right:-4rem;top:50%; transform:translateY(-50%);z-index:2;}
.adoption-process .step-box{border-radius:var(--radius-large); background-color:var(--primary-10); padding:7.2rem 4rem 4rem 4rem; height:100%; box-sizing:border-box; position:relative;}
.adoption-process .step-box:before{display:block;content:'';width:7.2rem;height:4.8rem;background:url(/images/animal_2026/contents/bg_num.png) center top / 100% no-repeat; position:absolute;left:50%;top:0;transform: translateX(-50%);}

.adoption-process .num{position:absolute;left:50%;top:-0.4rem; transform:translateX(-50%); width:3.8rem;height:3.8rem; background-color:var(--gray-80);color:#fff; font-weight:700;font-family: 'Paperozi'; border-radius:50%; line-height:3.8rem;}
.adoption-process .txt{position:relative; font-size:var(--body-large);}
.adoption-process .txt em{font-weight:700;}
.adoption-process .txt:before{display:block;content:'';width:7.6rem;height:7.6rem; margin:0 auto 1.6rem auto; background-position:center; background-size:cover; background-repeat:no-repeat;}
.adoption-process .step1 .txt:before{background-image:url(/images/animal_2026/contents/ic_adoption_step1.png);}
.adoption-process .step2 .txt:before{background-image:url(/images/animal_2026/contents/ic_adoption_step2.png);}
.adoption-process .step3 .txt:before{background-image:url(/images/animal_2026/contents/ic_adoption_step3.png);}
.adoption-process .step4 .txt:before{background-image:url(/images/animal_2026/contents/ic_adoption_step4.png);}
.adoption-process .step5 .txt:before{background-image:url(/images/animal_2026/contents/ic_adoption_step5.png);}
.adoption-process .step6 .txt:before{background-image:url(/images/animal_2026/contents/ic_adoption_step6.png);}

.adoption-guide{border-top:0.1rem solid var(--gray-80);}
.adoption-guide > li{border-bottom:0.1rem solid var(--gray-20); padding:2.8rem; display:flex; gap:2.8rem; align-items: center;}
.adoption-guide > li:before{display:block;content:'';width:10rem;height:10rem; flex-shrink: 0; background-position:center; background-size:cover; background-repeat:no-repeat;}
.adoption-guide .item1:before{background-image:url(/images/animal_2026/contents/ic_adoption_guide1.png);}
.adoption-guide .item2:before{background-image:url(/images/animal_2026/contents/ic_adoption_guide2.png);}
.adoption-guide .item3:before{background-image:url(/images/animal_2026/contents/ic_adoption_guide3.png);}
.adoption-guide .item4:before{background-image:url(/images/animal_2026/contents/ic_adoption_guide4.png);}
.adoption-guide .txt{font-size:var(--body-large);}

/* 프로그램 */
ul.info-inline{display:flex;gap:0.3rem 2.1rem;flex-wrap:wrap; overflow:hidden;}
ul.info-inline > li{position:relative;}
ul.info-inline > li:after{display:block;content:'';width:0.1rem;height:1.1rem; background-color:var(--gray-30); position:absolute;right:-1.1rem; top:50%; transform:translateY(-50%);}
ul.info-inline > li:last-child:after{display:none;}

.badge-counsel{height:3.2rem; min-width:8rem; padding:0 1.6rem; border-radius:1.6rem; color:#fff;}
.badge-counsel.step{background-color:var(--gray-60);}
.badge-counsel.free{background-color:var(--primary);}
.badge-counsel.reserve{background-color:var(--primary-10);color:var(--primary);}

.counsel-reason{display:grid; gap:2.8rem; grid-template-columns: repeat(3, 1fr);}
.counsel-reason li{background-color:var(--primary-10); border-radius:var(--radius-medium); text-align:center; padding:4rem;}
.counsel-reason .title{display:flex; flex-direction: column; align-items: center;gap:2.8rem; font-weight:700;font-size:var(--heading-medium);line-height:1.4; margin-bottom:2rem;}
.counsel-reason li .title:before{display:block;content:'';width:6.4rem;height:6.4rem; background-position:center; background-size:cover; background-repeat:no-repeat;}
.counsel-reason .item1 .title:before{background-image:url(/images/animal_2026/contents/ic_reason1.png);}
.counsel-reason .item2 .title:before{background-image:url(/images/animal_2026/contents/ic_reason2.png);}
.counsel-reason .item3 .title:before{background-image:url(/images/animal_2026/contents/ic_reason3.png);}
.counsel-reason .desc{font-size:var(--body-large);line-height:2.6rem;}

.counsel-wrap{border-radius:var(--radius-medium); background-color:var(--gray-10); padding:2.8rem; display:flex; gap:2.8rem; flex-wrap:wrap;}
.counsel-step{border-radius:var(--radius-medium); background-color:#fff; padding:4rem; box-sizing:border-box; width:calc(50% - 1.4rem); display:flex; flex-direction: column; gap:2rem;}
.counsel-step > *{width:100%;}
.counsel-step .badges{display:flex; align-items: center; gap:0.6rem;}
.counsel-step .title{font-size:var(--heading-large);font-weight:700; line-height:3.2rem;}
.counsel-step .desc{font-size:var(--body-large); line-height:2.6rem; letter-spacing:-0.02em;}
.counsel-step .txt-list{margin:0;}
.counsel-step .txt-list li + li{margin-top:0.8rem;}
.counsel-wrap .con-info-wrap{width:100%;}
.counsel-wrap .con-info-details{display:flex; flex-direction: column; gap:0.6rem;}
.counsel-info-details-item{display:flex; gap:0.4rem 0.6rem; align-items: flex-start; width:100%; flex-wrap:wrap;}
.counsel-info-details-item .title{font-weight:600;}

.counselor-list{display:grid; gap:2.8rem; grid-template-columns: repeat(2, 1fr);}
.counselor-item{display:flex; gap:2rem; align-items: center; padding:2.8rem; border:0.1rem solid var(--gray-20); border-radius:var(--radius-medium);}
.counselor-item .photo{width:8rem;height:8rem;border-radius:var(--radius-xlarge);overflow:hidden; flex-shrink: 0;}
.counselor-item .photo img{width:100%; aspect-ratio: 1/1; object-fit: cover;}
.counselor-item .name{font-size:var(--heading-medium);font-weight:700; display:block; margin-bottom:1.2rem;}
.counselor-item .details{line-height:2rem;}

/* 펫티켓 인증제 */
.certification-result-wrap{background-color:var(--gray-10);border-radius:var(--radius-medium); padding:6rem 4rem;}
.certification-complete{text-align:center; display:flex; flex-direction: column; align-items: center; gap:2.8rem; padding-bottom:4rem; border-bottom:0.1rem solid var(--gray-20);}
.certification-complete .result-msg{font-size:var(--heading-large);}
.certification-complete .result-msg em{font-weight:700;}
.certification-complete .result-msg.complete:before{display:block;content:'';width:5rem;height:5rem; margin:0 auto 2rem auto; background:url(/images/animal_2026/contents/ic_complete.svg) center / cover no-repeat;}

.certification-complete .complete-code{display:flex; gap:0.8rem; align-items: center; margin:1.2rem 0;}
.certification-complete .complete-pet .photo{width:14.8rem;height:14.8rem; overflow:hidden; border-radius:50%;}
.certification-complete .complete-pet .photo img{width:100%;min-height:100%; object-fit: cover;}
.certification-complete .complete-pet .name{margin-top:1.2rem;}
.certification-complete .complete-pet .name .label{font-weight:700; margin-right:0.8rem;}

.certification-info{display:flex; flex-direction: column; align-items: center; gap:2.8rem; margin-top:4rem;}
.certification-info .qrcode-info{display:flex; gap:2.8rem; align-items: center;}
.certification-info .qrcode-info .qrcode{border:0.1rem solid var(--gray-20);border-radius:var(--radius-medium); padding:1.2rem; background-color:#fff; aspect-ratio: 1/1; width:17rem; box-sizing:border-box; position:relative;}
.certification-info .qrcode-info .qrcode img{width:100%;height:100%;}
.certification-info .protector-info li + li{margin-top:1.6rem;}
.certification-info .protector-info li{display:flex; gap:0.4rem;}
.certification-info .protector-info .label{font-weight:700; width:6rem; flex-shrink: 0;}
.certification-info .btns-wrap{margin:0;}
.certification-date{font-size:var(--body-small);}
.certification-date li{display:flex; gap:0.8rem; align-items: center;}
.certification-date .label{font-weight:700;}

.no-result-msg{height:24rem; display:flex;align-items: center;justify-content: center;font-size:var(--heading-large);}

.app-petInfo{text-align:center;}
.app-petInfo .info-inline{justify-content: center;}

.system-intro{display:grid; gap:2.8rem; grid-template-columns: repeat(2, 1fr); margin-top:1.6rem;}
.system-intro-item{display:flex; gap:2rem; align-items: center; padding:2.8rem; border:0.1rem solid var(--gray-20); border-radius:var(--radius-medium);}
.system-intro-item:before{display:block;content:'';width:8rem;height:8rem;border-radius:var(--radius-xlarge);overflow:hidden; background-color:var(--gray-10); background-position:center; background-repeat:no-repeat; background-size:cover; flex-shrink: 0;}
.system-intro-item.item1:before{background-image:url(/images/animal_2026/contents/ic_system_intro1.svg);}
.system-intro-item.item2:before{background-image:url(/images/animal_2026/contents/ic_system_intro2.svg);}
.system-intro-item .label{font-size:var(--heading-medium);font-weight:700; display:block; margin-bottom:1.2rem;}
.system-intro-item .details{line-height:2rem;}

.system-process{display:grid; gap:2.8rem; grid-template-columns: repeat(5, 1fr);}
.system-process > li{text-align:center; position:relative; flex:1;}
.system-process > li:after{display:block;content:'';width:5.4rem;height:5.4rem; background:url(/images/animal_2026/contents/arr_process.png) center / cover no-repeat; position:absolute;right:-4rem;top:50%; transform:translateY(-50%);z-index:2;}
.system-process > li:last-child:after{display:none;}
.system-process .step-box{border-radius:var(--radius-large); background-color:var(--primary-10); padding:5.4rem 1.2rem 4rem 1.2rem; height:100%; box-sizing:border-box; position:relative;}
.system-process .step-box:before{display:block;content:'';width:7.2rem;height:4.8rem;background:url(/images/animal_2026/contents/bg_num.png) center top / 100% no-repeat; position:absolute;left:50%;top:0;transform: translateX(-50%);}

.system-process .num{position:absolute;left:50%;top:-0.4rem; transform:translateX(-50%); width:3.8rem;height:3.8rem; background-color:var(--gray-80);color:#fff; font-size:var(--body-medium); font-weight:700;font-family: 'Paperozi'; border-radius:50%; line-height:3.8rem;}
.system-process .txt{position:relative;font-weight:700; font-size:var(--body-large);}
.system-process .txt:before{display:block;content:'';width:7.6rem;height:7.6rem; margin:0 auto 1.2rem auto; background-position:center; background-size:cover; background-repeat:no-repeat;}
.system-process .step1 .txt:before{background-image:url(/images/animal_2026/contents/ic_system_step1.png);}
.system-process .step2 .txt:before{background-image:url(/images/animal_2026/contents/ic_system_step2.png);}
.system-process .step3 .txt:before{background-image:url(/images/animal_2026/contents/ic_system_step3.png);}
.system-process .step4 .txt:before{background-image:url(/images/animal_2026/contents/ic_system_step4.png);}
.system-process .step5 .txt:before{background-image:url(/images/animal_2026/contents/ic_system_step5.png);}

.facilities-tag{text-align:right; margin-bottom:1.6rem;}
.badge-region{height:3.2rem; border-radius:1.6rem; padding:0 1.6rem; gap:0.4rem; background-color:var(--primary-10); color:var(--primary);font-weight:500;}
.badge-region:before{display:block;content:'';width:1.6rem;height:1.6rem; background:url(/images/animal_2026/contents/ic_spot.svg) center no-repeat;}
.facilities-list{display:grid; gap:2.8rem; grid-template-columns: repeat(2, 1fr);}
.facilities-item-wrap{display:flex; gap:2rem; align-items: center; padding:2.8rem; border:0.1rem solid var(--gray-20); border-radius:var(--radius-medium);}
.facilities-item-wrap .thumb{width:8rem;height:8rem;border-radius:var(--radius-xlarge);overflow:hidden; flex-shrink: 0;}
.facilities-item-wrap .thumb img{width:100%;min-height:100%;object-fit: cover;}
.facilities-item-wrap .title{font-size:var(--heading-medium);color:var(--gray-80);}
.facilities-item-wrap .info-inline{margin-top:1.2rem;}

.facilities-map{width:100%; aspect-ratio:680/360; background-color:var(--gray-10);}

/* faq */
.faq-list-wrap{border:0.1rem solid var(--gray-80);border-width:0.1rem 0;}
.faq-list-wrap .accItem{border-bottom:0.1rem solid var(--gray-20);}
.faq-list-wrap .accItem:last-child{border-bottom:none;}
.faq-list-wrap .accSummary{width:100%; padding:2.8rem; display:flex; align-items: center; gap:2rem; font-size:2.2rem;line-height:2.6rem; font-weight:700; text-align:left;}
.faq-list-wrap .accSummary:after{display:block;content:'';width:2.6rem;height:2.6rem; background:url(/images/animal_2026/contents/ic_plus.svg) center / cover no-repeat; margin-left:auto;}
.faq-list-wrap .accDetail{padding:0 2.8rem 2.8rem 2.8rem;}
.faq-list-wrap .faq-answer{line-height:1.9;}
.faq-list-wrap .active .accSummary:after{background-image:url(/images/animal_2026/contents/ic_minus.svg);}



@media (max-width: 1080px) {

  .center-rules{gap:2rem;}
  .center-rules > li{padding:2.8rem; height:35rem;}

  .center-rules2{gap:2rem;}

  .center-preview{gap:2.8rem;}
  .center-preview-item{gap:2.8rem;}
  .center-preview-item .info{padding-top:2.4rem;}
  .center-preview-item .name{margin-bottom:1.2rem;}

  .center-contact{gap:2rem;}
  .center-traffic{gap:2rem;}
  .center-traffic-item{padding:2.4rem;}
  .center-traffic-item .title{gap:2rem;}

  .adoption-process{gap:2rem;}
  .adoption-process > li:after{width:4rem;height:4rem;right:-2.8rem;}
  .adoption-guide > li{padding:2.4rem 2rem; align-items:flex-start; gap:2rem;}

  .system-process{gap:2rem;}
  .system-process > li:after{width:4rem;height:4rem;right:-2.8rem;}

  .counsel-wrap{padding:2rem; gap:2rem;}
  .counsel-step{padding:2.8rem; width:calc(50% - 1rem);}

  .counselor-list{gap:2rem;}
  .counselor-item{padding:2.4rem 2rem;}

  .counsel-reason{gap:2rem;}

  .system-intro{gap:2rem;}
  .system-intro-item{padding:2.4rem 2rem;}

  .facilities-list{gap:2rem;}
  .facilities-item-wrap{padding:2.4rem 2rem;}

  .faq-list-wrap .accSummary{padding:2.4rem;}
  .faq-list-wrap .accDetail{padding:0 2rem 2rem 2rem;}

}

@media (min-width: 768px) {
  .adoption-process > li:nth-child(3n):after{display:none;}
}
@media (max-width: 768px) {

  .center-intro1{min-height:2rem; padding:2.4rem;}
  .center-intro1 .txt-box{padding:3.2rem; width:auto;}
  .center-intro1 .txt-box .first{margin-bottom:1.6rem;}
  .center-intro2{padding:3.2rem 0;margin-bottom:3.2rem;}
  .center-intro3{gap:3.2rem;}
  .center-intro3 .photo{width:50%;}

  .center-rules{grid-template-columns: repeat(3, 1fr); gap:1.6rem;}
  .center-rules > li{padding:2.4rem; height:auto; aspect-ratio: 32/35; }

  .center-rules2{flex-wrap:wrap; gap:1.6rem 0; grid-template-columns: repeat(2, 1fr);}
  .center-rules2 li{display:flex; gap:1.6rem; text-align:left; align-items: center;}
  .center-rules2 .img{width:10rem;height:10rem; flex-shrink: 0;}
  .center-rules2 .txt{margin:0; padding:0 1.6rem 0 0;}
  .center-rules2 .txt br{display:none;}

  .center-preview{gap:2rem;}
  .center-preview-item .info{width:22rem; padding-top:1.6rem;}

  .center-traffic{gap:1.6rem;}
  .center-traffic-item{padding:2rem;}

  .adoption-process{grid-template-columns: repeat(2, 1fr); gap:1.6rem;}
  .adoption-process > li:nth-child(2n):after{display:none;}
  .adoption-process > li:after{right:-2.6rem;}

  .system-process{gap:1.6rem;}
  .system-process > li:after{right:-2.6rem;}

  .adoption-guide > li{padding:2rem 1.2rem; gap:1.6rem;}
  .adoption-guide > li:before{width:8rem;height:8rem;}

  .counsel-reason{gap:1.6rem;}
  .counsel-reason li{padding:2.4rem;}
  .counsel-reason .title{gap:2rem; margin-bottom:1.2rem;}

  .counsel-wrap{padding:1.2rem; gap:1.2rem;}
  .counsel-wrap .con-info-wrap{padding:1.2rem;}
  .counsel-step{padding:2.4rem; gap:1.6rem; width:calc(50% - 0.6rem);}
  .counselor-item{padding:2rem 1.6rem;}
  .counselor-item .name{margin-bottom:0.8rem;}

  .counselor-list{gap:1.2rem; grid-template-columns: repeat(1, 1fr);}

  .system-intro{gap:1.2rem; grid-template-columns: repeat(1, 1fr);}
  .system-intro-item{padding:2rem 1.6rem;}
  .system-intro-item .label{margin-bottom:0.8rem;}

  .certification-result-wrap{padding:3.2rem 2rem;}
  .certification-complete{gap:2rem; padding-bottom:2rem;}
  .certification-complete .complete-code{margin-bottom:0;}
  .certification-info{gap:2rem; margin-top:2rem;}
  .certification-info .qrcode-info{gap:2rem;}
  .certification-info .protector-info li + li{margin-top:0.8rem;}

  .facilities-list{gap:1.2rem; grid-template-columns: repeat(1, 1fr);}
  .facilities-item-wrap{padding:2rem 1.6rem;}
  .facilities-item-wrap .info-inline{margin-top:0.8rem;}

  .faq-list-wrap .accSummary{padding:2rem 1.2rem 2rem 2rem; font-size:1.8rem;}
  .faq-list-wrap .accSummary:after{width:2rem;height:2rem;}
  .faq-list-wrap .faq-answer{line-height:1.5;}

}

@media (max-width: 600px) {
  .center-rules{grid-template-columns: repeat(2, 1fr); gap:1.2rem;}

  .center-rules2{gap:1.2rem; grid-template-columns: repeat(1, 1fr);}
  .center-rules2 .img{width:8rem;height:8rem;}
  .center-rules2 .txt{padding:0;}

  .center-preview-item{flex-wrap:wrap; gap:1.6rem;}
  .center-preview-item .photo{width:100%;}
  .center-preview-item .info{width:100%; padding:0 1.6rem;}
  .center-preview-item .name{display:flex; align-items: center; gap:0.8rem; margin-bottom:0.8rem; font-size:2.2rem;}
  .center-preview-item .name:before{margin:0; transform:rotate(90deg); width:2rem;height:2rem;}
  .center-preview-item .desc br{display:none;}

  .center-address{flex-wrap:wrap; justify-content: flex-start; gap:0.8rem; border-radius:var(--radius-medium);}
  .center-traffic {grid-template-columns: repeat(1, 1fr); gap: 1.2rem;}
  .center-traffic-item .title{flex-direction: row; gap:1.6rem; align-items: center;}

  .adoption-process .step-box{padding:5.2rem 2.4rem 2.4rem 2.4rem;}
  .adoption-process .txt:before{width:6rem;height:6rem; margin-bottom:1.2rem;}
  .adoption-process .txt br{display:none;}

  .counsel-reason{gap:1.6rem; grid-template-columns: repeat(1, 1fr);}
  .counsel-reason li .title{gap:1.6rem;}
  .counsel-reason li .title:before{width:6rem;height:6rem;}
  .counsel-reason .desc br{display:none;}

  .counsel-step{width:100%;}

  .counsel-wrap .con-info-details{padding-left:0;}

  .system-process{grid-template-columns: repeat(3, 1fr);}
  .system-process .step-box{padding-top:5.2rem;padding-bottom:2.4rem;}
  .system-process .txt:before{width:6rem;height:6rem;}

  .certification-result-wrap{padding:2.4rem 1.6rem;}
  .certification-info .qrcode-info .qrcode{width:10rem; padding:1rem;}
  .certification-info .protector-info .label{width:4.8rem;}

  .faq-list-wrap .accSummary{padding-left:1.2rem;}
  .faq-list-wrap .accDetail{padding:0 1.2rem 2rem 1.2rem;}

  .con-info-wrap{gap:0.6rem;}

}

@media (max-width: 430px) {

  .center-intro1 .txt-box{font-size:var(--body-small); padding:2.4rem;}
  .center-intro1{padding:0; overflow:hidden;}
  .center-intro3{flex-wrap:wrap;}
  .center-intro3 .photo{width:100%;}

  .center-rules{gap:1.2rem;}
  .center-rules > li{padding:2.4rem 2rem;}

  .facilities-map{aspect-ratio:1/0.8;}

  .adoption-guide > li:before{width:6rem;height:6rem;}

  .system-process{grid-template-columns: repeat(2, 1fr);}
  .system-process > li:nth-child(2n):after{display:none;}

  .certification-info .qrcode-info .qrcode{width:7.2rem;}

}

.login-wrap{text-align:center;margin-bottom:30px;}
.login-wrap .front-copy{padding:20px 0 30px;}
.login-wrap .front-copy p:nth-of-type(1){font-size:28px;letter-spacing:-1px;padding:0 0 15px 0; font-weight:700;}
.login-wrap .front-copy p:nth-of-type(2){line-height:1.5em;}
.login-form{width:350px;margin:0 auto;padding:0 0 30px 0;}
.login-form:after{display:block;content:'';clear:both;}
.login-form .input{float:left;}
.login-form .input > div{display:flex; align-items:center; margin-bottom:5px;}
.login-form .input .row label{display:inline-block;width:70px;font-size:15px;font-weight:700;text-align:left;}
.login-form .input .row input{width:180px;}
.login-form .pw-wrap{position:relative;}
.login-form .pw-toggle {display: flex;align-items: center;justify-content: center;position:absolute;right:0;top:0;width: 36px;height:36px;background: none;border: none;cursor: pointer;padding: 0;}
.login-form .pw-wrap .icon-view {display: inline-flex;width: 20px;height: 15px;background: url(/images/seocho_2022/member/eye_closed.png) no-repeat center center;background-size: contain;text-indent: -9999px;}
.login-form .pw-wrap .icon-view.active {background: url(/images/seocho_2022/member/eye_open.png) no-repeat center center;background-size: contain;}

.login-form .input .save{padding-left:70px;font-size:14px;text-align:left;}
.login-form .input .save input{margin-right:5px;}
.login-form .command{float:right;}
.login-form .command input{background:#2e63aa;color:#ffffff;border:none;width:87px;height:93px;font-weight:500;}
.login-guide{border:1px solid #e5e5e5;padding:25px 0;font-size:14px;}
.login-guide > div{display:inline;margin:0 20px;white-space:nowrap;}
.login-guide p{display:inline;background:url(/images/seocho/common/content/icon_dot.gif) 0 4px no-repeat;padding:0 8px;}
.login-guide a{display:inline-block;height:25px;line-height:25px;background-color:#444444;color:#f8f8f8;padding:0 15px;}

.login-sns-type{border: 1px solid #e5e5e5; padding: 24px; font-size: 15px; display:flex; flex-wrap:wrap; justify-content: center; align-items: center; margin-bottom:30px;}
.login-sns-type h5{font-size:18px; margin:0 20px; line-height:48px;}
.login-sns-type .sns-select{display:inline-flex; gap:20px 12px; flex-wrap:wrap;}
.login-sns-type .btn-snsLogin{display:flex; align-items:center; width:200px; height:48px; font-size:18px; margin:0 auto;}
.login-sns-type .btn-snsLogin:before{display:block;content:'';width:60px;height:54px; border-right:1px solid rgba(255,255,255,1);}
.login-sns-type .btn-snsLogin span{display:flex;width:calc(100% - 60px); text-align:center; align-items:center; justify-content:center;}
.login-sns-type .btn-snsLogin.naver{background-color:#0f900f; color:#fff;}
.login-sns-type .btn-snsLogin.naver:before{background:url(/images/seocho_2022/member/i_logo_naver.svg) center center no-repeat;}
.login-sns-type .btn-snsLogin.kakao{background-color:#F9E000; color:#371C1D;}
.login-sns-type .btn-snsLogin.kakao:before{background:url(/images/seocho_2022/member/i_logo_kakao.svg) center center no-repeat;}
.login-sns-type .guide-txt{margin-top:16px; font-size:14px; line-height:1.5em;}

@media all and (max-width:599px) {
	.login-sns-type{padding:20px;}
	.login-sns-type .btn-snsLogin{width:90%; font-size:16px;}
	.login-sns-type .guide-txt br{display:none;}
}

.re-agree-guide{border:1px solid #e5e5e5; padding:20px; font-size:15px;}
.re-agree-guide + .login-guide{border-top:none;}
.re-agree-guide .title{font-size:16px; font-weight:500; margin-bottom:10px;}

.login-select-title{text-align:center; font-size:28px; margin:50px 0 25px; font-weight:700;}
.login-select-wrap{display:flex; border:1px solid #CDCDCD; padding:50px 0;}
.login-select-wrap .login-item + .login-item{border-left:1px solid #CDCDCD;}
.login-select-wrap .login-item{text-align:center; box-sizing:border-box; width:33.3333%; padding:0 20px;}
.login-select-wrap h5{font-size:24px; margin-bottom:25px;}
.login-select-wrap .guide-txt{font-size:14px; line-height:1.5em;}
.login-select-wrap .btn{margin-top:20px;}
.login-select-wrap .btn a{display:flex; align-items:center; justify-content:center; height:40px;width:112px; background-color:#8F8F8F; color:#fff; margin:0 auto;}
.login-select-wrap .i-phone,
.login-select-wrap .i-ipin{width:120px;height:120px; margin:0 auto 20px auto;}
.login-select-wrap .i-phone{background:url(/images/seocho_2022/member/i_login_phone.png) center center no-repeat;}
.login-select-wrap .i-ipin{background:url(/images/seocho_2022/member/i_login_ipin.png) center center no-repeat;}
.login-select-wrap .login-item.phone .guide-txt,
.login-select-wrap .login-item.ipin .guide-txt{min-height:60px;display:flex;align-items:center; justify-content:center; }

.login-select-wrap.col2 .login-item{width:50%;}

@media all and (max-width:599px) {
	.login-select-title{font-size:22px; margin:40px 0 20px;}
	.login-select-wrap{padding:0 20px; flex-wrap:wrap}
	.login-select-wrap .login-item + .login-item{border-left:none; border-top:1px solid #CDCDCD;}
	.login-select-wrap .login-item{width:100% !important; padding:30px 0;}
	.login-select-wrap h5{font-size:20px; margin-bottom:10px;}
	.login-select-wrap .btn{margin-top:20px;}
	.login-select-wrap .btn a{height:40px;width:112px;}
	.login-select-wrap .i-phone,
	.login-select-wrap .i-ipin{width:80px;height:80px; background-size:cover !important; margin-bottom:10px;}
	.login-select-wrap .guide-txt br{display:none;}
}