.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fff}.loading-container.spinner-container{flex-direction:column;align-items:center;justify-content:center}.loading-container .spinner-border{width:2.5rem;height:2.5rem}.loading-container .loading-message{margin-top:10px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center;z-index:9999}body{font:14px/1.6 Pretendard,Apple SD Gothic Neo,맑은 고딕,Malgun Gothic,Helvetica,Arial,sans-serif;color:#111;background:#fff}button,input,select,textarea{font:16px/1.6 Pretendard,Apple SD Gothic Neo,맑은 고딕,Malgun Gothic,Helvetica,Arial,sans-serif;color:#111;margin:0}input{outline-color:#111}a{color:#111;text-decoration:none}a:hover{color:#36c}li,ul{margin:0;padding:0}li{list-style:none}h1,h2,h3,h4,h5,h6{word-break:keep-all}.form-control,.form-select,.select2-container--bootstrap-5 .select2-selection--single{padding:15px 20px;font-weight:600;font-size:17px;line-height:24px;color:#111;border-radius:4px;background-color:#f3f4f5;border-color:#f3f4f5;height:auto}.form-control:hover,.form-select:hover,.select2-container--bootstrap-5 .select2-selection--single:hover{border-color:#111}.form-control:focus,.form-select:focus,.select2-container--bootstrap-5 .select2-selection--single:focus{border-color:#111;border-width:2px;padding:14px 19px;box-shadow:0 0 0 .25rem rgba(100,100,100,.15)}.form-control::placeholder,.form-select::placeholder,.select2-container--bootstrap-5 .select2-selection--single::placeholder{color:#777;font-weight:400}.form-check-input:checked{background-color:#111;border-color:#111}.form-check-input:focus{border-color:#777;box-shadow:0 0 0 .25rem rgba(100,100,100,.15)}.select2-container--bootstrap-5.select2-container--focus .select2-selection,.select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:#111;border-width:2px;padding:14px 19px;box-shadow:0 0 0 .25rem rgba(100,100,100,.15)}.select2-container--bootstrap-5 .select2-dropdown{border-color:#111;border-width:2px}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){background-color:#111}.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus{border-color:#111;border-width:2px;box-shadow:0 0 0 .25rem rgba(100,100,100,.15)}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{font-weight:600}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option{padding-top:12px;padding-bottom:12px}.btn-s{font-size:14px;gap:5px;padding:10px}.btn-n,.btn-s{font-weight:600;border-radius:6px;display:flex;justify-content:center;align-items:center}.btn-n{height:56px;font-size:18px;gap:10px}.btn-black{background:#111;color:#fff}.btn-black:hover{background:#333;color:#fff}.btn-black-o{border:1px solid #111;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#111}.btn-black-o:hover{background:#111;color:#fff}.btn-black-o:hover img.ic{filter:invert(1)}.btn-light-o{border:1px solid #ddd;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#111}.btn-light-o:hover{background:#f5f5f5;border-color:#111}.btn-block{width:100%}header{border-bottom:1px solid rgba(0,0,0,.1);background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:-webkit-sticky;position:sticky;top:0;z-index:10}header .inner{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 8px}header .inner.hasBackButton{justify-content:start;gap:20px}header .inner .links{display:flex;justify-content:space-between;gap:15px}header .inner .links a{padding:5px;border-radius:4px}header .inner .links a:hover{background:#f5f5f5}header .inner.navBar{position:relative}header .inner.navBar strong{font-size:18px;font-weight:600;flex-grow:1;text-align:center}header .inner.navBar a.goBack{position:absolute;left:20px}header .inner.navBar a.txtBtn{position:absolute;right:20px;color:#666;font-size:16px}footer{margin:60px 0 0;padding:0 8px}footer .inner{border-top:1px solid #ccc;padding-top:30px;padding-bottom:30px}footer p{color:#757575;font-size:13px}footer .logo{display:block;margin:0 0 20px}footer .logo img{height:30px}footer .address{margin:20px 0}footer .links{display:flex;gap:25px}footer .links a{color:#757575}footer .links a b{color:#111;font-weight:500}footer .links a:hover{text-decoration:underline}.content{padding:30px 13px;min-height:80vh}.pageTitle{display:flex;justify-content:space-between;align-items:center;margin:0 0 30px}.pageTitle strong{font-size:27px;font-weight:800}.pageTitle span.cnt{font-size:18px;font-weight:400}.anc{margin:30px 0 20px;font-size:16px;color:#757575}.searchBox{border-bottom:2px solid #111;padding:0 0 30px;margin:0 0 20px}.searchBox .inner{position:relative}.searchBox .inner .ic{position:absolute;left:20px;top:50%;margin-top:-12px}.searchBox .inner input{border-radius:50px;padding-left:54px}.searchBox .inner input:focus{padding-left:53px}.beautyList li{border-bottom:1px solid #ddd}.beautyList li a{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.beautyList li a:hover{background:#f5f5f5}.beautyList li a .dogInfo{display:flex;gap:10px;align-items:center}.beautyList li a .dogInfo .pic{border-radius:50%;width:50px;height:50px;object-fit:cover}.beautyList li a .dogInfo .info .name{font-weight:700;font-size:18px;color:#222;display:inline-block}.beautyList li a .dogInfo .info .owner{font-size:16px;font-weight:500;font-style:normal;color:#666;display:inline-block}.beautyList li a .dogInfo .info .owner i{font-style:normal;color:#e94235;margin:0 3px}.beautyList li a .dogInfo .info .date{display:block;color:#757575;font-size:14px}.beautyList li a .stat{display:flex;gap:5px;flex-shrink:0}.beautyList li a .tag{font-size:14px;font-weight:500;padding:4px 10px;display:inline-block;border-radius:4px}.beautyList li a .tag.tag_ing{border:1px solid #ddd;background:#fff;border-radius:4px;color:#757575}.beautyList li a .tag.tag_done{border:2px solid #111;padding:3px 9px;background:#f5f5f5;color:#111;font-weight:600}.beautyList li a .tag.tag_portfolio{background:#111;color:#fff}.beautyList li a .tag.tag_portfolio img{width:16px;height:16px;filter:invert(1)}.portfolioList li{border:0}.portfolioList li a{padding:20px;border:1px solid #ddd;border-radius:6px;margin:0 0 10px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.pagination{justify-content:center;margin:50px 0;gap:4px}.pagination .page-link{border-radius:4px;color:#111;padding:5px 14px}.pagination .active>.page-link,.pagination .page-link.active{background-color:#111;border-color:#111;color:#fff}.hasNo{margin:60px 0;text-align:center}.hasNo p{font-size:16px;color:#757575}.hasNo a.btn{max-width:250px;margin:40px auto}.stepIndicator{display:flex;justify-content:space-between;padding:20px 0 30px;border-bottom:1px solid #eee;margin:0 0 20px;position:-webkit-sticky;position:sticky;top:50px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5}.stepIndicator>div{background:#f5f5f5;color:#757575;flex:1 0;text-align:center;font-weight:600;height:30px;line-height:29px}.stepIndicator>div.current{border:1px solid #111;color:#111}.stepIndicator>div.done{background:#111;color:#fff}.stepIndicator>div:first-child{border-radius:15px 0 0 15px}.stepIndicator>div:last-child{border-radius:0 15px 15px 0}h3.midTitle{font-size:24px;font-weight:800;color:#111;margin:0 0 30px;display:flex;justify-content:space-between;align-items:center}label.ilTitle{font-size:16px;font-weight:700}label.ilTitle.big{font-size:20px;margin:0 0 10px}.ilTitle.is-label{display:flex;align-items:center;gap:5px}fieldset.compose{padding-bottom:0}fieldset.compose .il{display:flex;flex-direction:column;gap:10px;margin:0 0 40px}fieldset.compose .submitWrap{margin:40px 0 0;width:30%;min-width:330px}@media(max-width:767.98px){fieldset.compose .submitWrap{margin:0;min-width:auto;position:fixed;bottom:0;left:0;width:100%;padding:20px;z-index:5}}fieldset.compose .checkbox{margin:10px 0;display:flex;flex-direction:column;gap:5px}fieldset.compose .checkbox .form-check{padding-left:0;min-height:24px;display:flex;justify-content:space-between}fieldset.compose .checkbox input{width:24px;height:24px;margin:0 3px 0 0;float:none;vertical-align:middle}fieldset.compose .checkbox label{vertical-align:middle;font-size:16px}.radioBtns{display:flex;flex-wrap:wrap;gap:10px}.radioBtns.w100{justify-content:space-between}.radioBtns.w100 label{flex:1 1;padding:15px 0}.radioBtns label{padding:15px;border-radius:6px;cursor:pointer;font-size:17px;background-color:#f3f4f5;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;text-align:center;color:#777}.radioBtns label input[type=radio]{display:none}.radioBtns label.w100{width:110px}.radioBtns label:has(input[type=radio]:checked){background:#111;color:#fff;font-weight:600}.radioBtns label:has(input[type=radio]:checked).normal{background:#36c}.radioBtns label:has(input[type=radio]:checked).warn{background:#fbcd1e}.radioBtns label:has(input[type=radio]:checked).danger{background:#d93e28}.galleryWrapper{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.galleryWrapper .sign{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.8);color:#fff;padding:7px 10px;border-radius:4px;font-size:12px}.galleryWrapper .ex{width:32%;position:relative;align-self:flex-start}.galleryWrapper .ex img{width:100%}.galleryWrapper .ex .sign{background:hsla(0,0%,100%,.8);color:#777;top:auto;bottom:10px}.galleryWrapper .uploadBox{flex:1 1 98px;aspect-ratio:1/1;border:1px dashed #aaa;background:#f5f5f5;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;background-size:cover;background-position:50%}.galleryWrapper .uploadBox input[type=file]{display:none}.galleryWrapper .uploadIcon{pointer-events:none}.galleryWrapper .uploadIcon img{width:32px}.galleryWrapper .removeBtn{position:absolute;top:5px;right:5px;background-color:hsla(0,0%,100%,.8);color:#fff;border:none;border-radius:50%;width:30px;height:30px;text-align:center;display:none;cursor:pointer}.galleryWrapper .removeBtn img{width:16px;height:16px}.galleryWrapper .uploadBox.preview .removeBtn{display:block}.galleryWrapper .uploadBox.preview{border:none}hr.thick{border-top:2px solid #111;opacity:1;margin:30px 0}.controlPannel{display:flex;justify-content:space-between;margin:-10px 0 35px}.controlPannel .major{display:flex;gap:8px}.controlPannel .btnOpenActionSheet{border:0;background:none;border-radius:4px}.controlPannel .btnOpenActionSheet:hover{background:#eee}.checkboxBtn label{padding:10px;border-radius:6px;cursor:pointer;font-size:14px;border:1px solid #111;transition:all .2s ease-in-out;color:#111;font-weight:600;display:flex;gap:10px;align-items:center}.checkboxBtn label input[type=checkbox]{width:24px;height:24px;margin:0}.checkboxBtn label span{vertical-align:middle}.checkboxBtn label:has(input[type=checkbox]:checked){font-weight:800}.detailPageTitle{display:flex;justify-content:space-between;align-items:start;padding:0 0 30px;margin:0 0 30px;border-bottom:2px solid #111}.detailPageTitle strong{display:block;font-size:24px}.detailPageTitle .date{font-size:18px;color:#333}.detailPageTitle .dogProfilePic{border-radius:50%}.desc{margin:0 0 30px}.desc p{font-size:18px;color:#666;line-height:27px}.desc p.comment{margin:0 0 30px}.beautyResultGallery{margin:30px 0}.beautyResultGallery .slick-slider .slick-slide{padding:0 8px;box-sizing:border-box}.beautyResultGallery .slick-slider .slick-slide img{border-radius:6px;width:100%;height:auto;object-fit:cover}.beautyResultGallery .slick-slider .slick-dots{bottom:-30px}.beautyResultGallery .slick-slider .slick-dots li button{width:12px;height:12px;border-radius:50%;background:#ddd;border:none}.beautyResultGallery .slick-slider .slick-dots li button:before{content:""}.beautyResultGallery .slick-slider .slick-dots li button:hover{background:#999}.beautyResultGallery .slick-slider .slick-dots li.slick-active button{background:#36c}@media(max-width:1023px){.beautyResultGallery .slick-slider .slick-slide{padding:0}}.report{margin:40px 0 0}.report h3{text-align:center;margin:0 0 40px}.report h4{font-size:18px;font-weight:700;color:#111;margin:0 0 15px}.report .item{display:flex;justify-content:space-between;margin:0 0 26px}.report .item .itemName h4{margin:0 0 5px}.report .item .itemName .result{font-size:16px;color:#444}.report .item img{max-width:100%;width:30%;border-radius:6px;flex:0 1 100px;aspect-ratio:1/1;object-fit:cover}.report .healthSketch{display:flex;flex-direction:column;gap:15px;margin:25px 0}.report .skItem{display:flex;justify-content:space-between;align-items:center}.report .skItem h5{font-size:16px;font-weight:700;color:#111}.report .skItem .result .pill{width:102px;padding:10px;text-align:center;color:#fff;background:#111;border-radius:6px;font-size:17px;font-weight:600}.report .skItem .result .pill.normal{background-color:#36c}.report .skItem .result .pill.warning{background-color:#fbcd1e}.report .skItem .result .pill.danger{background-color:#d93e28}.ad .innerBox{border:1px solid #ddd;border-radius:6px;padding:20px;margin:0 0 20px}.ad .innerBox p{font-size:16px;color:#777;margin:15px 0}.ad .bn img{max-width:100%;border-radius:6px}@media(max-width:767.98px){.modalACSheet .modal-dialog{align-items:end}.modalACSheet.fade .modal-dialog{transform:translateY(50px)}.modalACSheet.show .modal-dialog{transform:translate(0)}}.actionsheet{padding:14px}.actionsheet .checkboxBtn{width:140px}.actionsheet .checkboxBtn label{font-size:16px}.actionsheet hr{margin:20px 0}.actionsheet .btnWrap{display:flex;flex-direction:column;gap:10px}.actionsheet button{display:flex;justify-content:start;gap:10px;width:100%;height:50px;font-size:16px;font-weight:600}.actionsheet .closeActionsheet{justify-content:center;align-items:center;border:0;border-radius:50px;background:#f5f5f5;font-size:16px;font-weight:600;height:50px}.adWrap{text-align:center;margin:-30px -25px 30px}.adWrap img{max-width:100%}.fixedBottom{position:-webkit-sticky;position:sticky;bottom:0;left:0;width:100%;text-align:center;padding:20px;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fixedBottom a{max-width:540px;margin:0 auto}.signForm{display:flex;flex-direction:column;gap:10px}.signForm .btnSendCode{font-size:14px;font-weight:600}.signForm .btnSendCode:disabled{color:#999;background:#f5f5f5}.signForm .verificationCode .salt{position:relative;margin:0 0 10px}.signForm .verificationCode .salt .time{position:absolute;right:10px;top:15px;color:#777;font-size:16px;font-weight:600}.signForm .verificationCode .salt .time img{margin-right:5px}.signForm .verificationCode .btnVerify{width:100px}.signForm .agreeBox{margin:60px 0;display:flex;flex-direction:column;gap:10px}.signForm .agreeBox .form-check{padding-left:0;min-height:24px;display:flex;justify-content:space-between}.signForm .agreeBox .form-check label{vertical-align:middle;font-size:16px;color:#888;letter-spacing:-.5px}.signForm .agreeBox .form-check label a{color:#36c;font-weight:600;text-decoration:underline}.signForm .agreeBox .form-check label em.essen{color:#e94235;font-size:16px;font-style:normal}.signForm .agreeBox .form-check label.check-all{background:#f3f4f5;padding:10px 15px 10px 10px;border-radius:4px;margin-left:-10px;color:#555;font-weight:600;border:1px dashed #ddd;flex-grow:1}.signForm .agreeBox .form-check a{color:#36c;font-weight:600;font-size:12px;margin-top:3px;text-decoration:underline}.signForm .agreeBox .form-check>div{display:flex;align-items:stretch;flex-grow:1;padding-left:10px}.signForm .agreeBox .form-check-input{width:24px;height:24px;margin:0 10px 0 0;float:none}.signForm .agreeBox .form-check-input:checked{background-color:#36c;border-color:#36c}.login{padding:50px 40px 0;max-width:430px;margin:0 auto;text-align:center}.login .logo{margin:0 0 40px}.login .help{margin-top:45px;font-size:15px}.login .help a{text-decoration:underline}.login .tail{padding:0 8%;margin-top:180px}.login .tail p.copyrights{margin-top:40px;font-size:13px;color:#888}.signup{padding:20px 40px;max-width:480px;margin:0 auto}.signup .tail{text-align:center}.signup .tail p.copyrights{margin-top:40px;font-size:13px;color:#888}.btnResetPW{border:1px dashed #aaa;color:#e94235;font-weight:400}.avatarBox{text-align:center;margin:30px 0}.avatarBox .picWrap{position:relative;display:inline-block}.avatarBox .picWrap button.uploadPic{position:absolute;right:-5px;bottom:15px;display:flex;width:50px;height:50px;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;border:1px solid #ddd;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.avatarBox .picWrap button.uploadPic img{width:24px;height:24px}.avatarBox .userProfilePic{border-radius:50%;margin:0 0 20px;width:120px;height:120px;object-fit:cover}.avatarBox strong.name{font-size:18px;font-weight:700;display:block;margin:0 0 4px}.avatarBox em.assign{display:block;font-style:normal;font-size:14px;color:#666}.avatarBox span.id{font-size:14px;color:#888}.statBox{background:#f5f5f5;border-radius:12px;padding:20px;justify-content:space-between}.statBox,.statBox .statItem{display:flex;align-items:center}.statBox .statItem{flex-direction:column;gap:15px;flex:1 0}.statBox .statItem img.ic{height:30px}.statBox .statItem span.t{font-size:14px;color:#666}.statBox .statItem b.cnt{font-size:28px;font-weight:700;line-height:20px}.statBox .divider{width:1px;height:78px;flex-shrink:0;background:#d9d9d9}.profileBtns{gap:15px}.profileBtns,.verifyTel{margin:30px 0;display:flex;flex-direction:column}.verifyTel{padding:50px 15px 15px;position:relative;border:1px solid #ccc;border-radius:6px;gap:10px}.verifyTel .btnCancel{position:absolute;right:15px;top:10px;font-size:14px;color:#757575}.changePW{margin:30px 0}.changePW .ilTitle{margin-bottom:10px}.pdfPF .docHeader .top{display:flex;justify-content:space-between;padding:30px 0}.pdfPF .docHeader .top .date{color:#666;font-size:16px}.pdfPF .docHeader .about{padding:25px 0;border-top:2px solid #111;border-bottom:2px solid #111;display:flex;justify-content:space-between;align-items:center}.pdfPF .docHeader .about h1{color:#111;font-size:32px;font-weight:800}.pdfPF .docHeader .about .career{font-size:20px;color:#666;margin:0 0 50px}.pdfPF .docHeader .about .userPic{max-width:300px;max-height:300px;object-fit:cover;border-radius:12px}@media(max-width:767.98px){.pdfPF .docHeader .about .userPic{width:64px;height:64px;align-self:start;border-radius:50%}}.pdfPF .docHeader .about .pfStat{display:flex;gap:20px}.pdfPF .docHeader .about .pfStat .statBox{width:50%;max-width:200px;flex:1 1 150px}.pdfPF .docHeader .about .pfStat .top3{padding:10px 0}.pdfPF .docHeader .about .pfStat .top3 h3{font-size:28px;font-weight:700}.pdfPF .docHeader .about .pfStat .top3>div{font-size:16px;font-weight:700}.pdfPF .docHeader .about .hint{font-size:14px;font-style:normal;font-weight:400;margin:10px 0 0}.pdfPF .docContent{padding:0 0 40px}.pdfPF .docContent h2{font-size:32px;font-weight:800;margin:40px 0 50px}.pdfPF .docContent h3.breed{font-size:24px;font-weight:700;color:#36c;margin:30px 0}.pdfPF .docContent .pfItem .info{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px}.pdfPF .docContent .pfItem .info>div{display:flex;gap:15px;align-items:center}.pdfPF .docContent .pfItem .info>div img{border-radius:50%;width:70px;height:70px}.pdfPF .docContent .pfItem .info>div .name{font-size:24px;font-weight:700}.pdfPF .docContent .pfItem .info .date{font-size:18px;font-weight:400}.pdfPF .docContent .pfItem .gal{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 30px}.pdfPF .docContent .pfItem .gal img{flex:1 0 100px;aspect-ratio:1/1;border-radius:12px;max-width:100%}.pdfPF .docContent .pieGraph{max-width:750px;margin:40px auto}.pdfPF .docContent .barchart{max-width:1250px;margin:40px auto}.pdfPF .docFooter{text-align:center;padding:50px 0;margin:80px 0 0}.pdfPF .docFooter .horiLogo{height:200px}.pdfPF .docFooter .hint{margin:40px 0 20px}.pdfPF .docFooter .copyrights,.pdfPF .docFooter .hint{color:#666;font-size:16px}.responsive-banner{width:100%;height:auto;max-width:408px;border-radius:8px}.badge.is-label{padding:.25em .5em;line-height:1;vertical-align:middle;font-size:12px}