@charset "utf-8";

/* header */
header {position:fixed;top:0;left:0;z-index:60;width:100%;background:#fff;border-bottom:1px solid #ebebeb;}
header h1 {width:85px;}
header h1.tit-petlife {width:180px;}
header .header-line {display:flex;justify-content:space-between;align-items:center;width:90%;margin:0 auto;padding:12px 0;}
header .header-line .user {position:relative;}
header .header-line .user .name {display:flex;justify-content:space-between;align-items:center;color:#444;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
header .header-line .user .name i {width:9px;height:7px;margin-left:12px;}
header .header-line .user .name.on i {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
header .header-line .user .detail {position:absolute;top:30px;right:0;width:200px;border:1px solid #000;text-align:center;}
header .header-line .user .detail li a {display:block;padding:6px 0;background:#fff;}

#wrap {/*overflow-x:hidden;*/min-height:100vh;}
#container #content {position:relative;}
#container #content section {}
section aside {position:fixed;top:74px;left:0;width:240px;height:calc(100vh - 101px);padding:20px;border-right:1px solid #ebebeb;}
section aside ul li a {display:block;padding:8px 12px;}
section aside .depth01 {}
section aside .depth01 > li {transition:all 0.8s;}
section aside .depth01 > li > a {display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #bbb;}
section aside .depth01 > li > a i {width:9px;height:7px;}
section aside .depth01 > li.on > a i {transform:rotate(180deg);-webkit-transform:rotate(180deg);}
section aside .depth02 {padding-left:12px;}
section aside .depth02 li a {color:#606060;}
section aside .depth02 li.on a {color:#000;}
section article {position:relative;top:0;left:240px;width:calc(100% - 240px);padding:125px 24px 24px;}

.img {width:120px;margin:0 auto;}

.layout-flex {display:flex;justify-content:space-between;align-items:center;}
.layout-flex.thum {justify-content:center;}
.layout-flex.thum .img {margin:0;}
.layout-flex.thum .img + .img {margin-left:12px;}

.tit-area {text-align:center;}
.tit-area span {display:-webkit-box;overflow:hidden;white-space:initial;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

/* table */
.tbl {overflow-x:hidden;width:100%;text-align:center;}
.tbl thead th {}
.tbl tbody td {}
.tbl tbody td .btn {padding:4px 8px;border-radius:14px;}

.tbl.type01 thead th {padding:20px 0;background:#d7d7d7;}
.tbl.type01 tbody td {padding:12px 0;border-bottom:1px solid #bbb;color:#555;font-size:13px;}
.tbl.type01 tbody td.tit-td {max-width:200px;}
.tbl.type01 tbody td.tit-td .tit {display:-webkit-box;overflow:hidden;white-space:initial;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.tbl.type01 tbody td:hover.tit-td .tit,
.tbl.type01 tbody td:hover .tit-area span {text-decoration:underline;cursor:pointer;}
.tbl.type01 tbody td .divide {color:#555;}

.tbl.type02 tbody th {width:250px;border-bottom:1px solid #bbb;background:#d7d7d7;font-size:14px;}
.tbl.type02 tbody td {padding:16px 14px;border-bottom:1px solid #bbb;font-size:14px;text-align:left;}
.tbl.type02 tbody td .flex-align {display:flex;align-items:center;}
.tbl.type02 tbody td .flex-align.fastart {justify-content:start;}
.tbl.type02 tbody td .flex-align.quantity {align-items:start;flex-direction:column;}
.tbl.type02 tbody td input {padding:12px 8px;border:1px solid #bbb;}
.tbl.type02 tbody td p {padding-top:4px;color:#8b8b8b;font-size:12px;}
.tbl.type02 tbody td select {width:100%;background:#fff url('../images/common/bg_select.png') no-repeat 98% 60%/12px;}
.tbl.type02 tbody td label {cursor:pointer;}
.tbl.type02 tbody td .ipt.ipt-raradio {display:inline-block;width:40px;cursor:pointer;appearance:auto;-webkit-appearance:auto;}
.tbl.type02 tbody td .ipt.ipt-tel:nth-child(1) {width:20%;}
.tbl.type02 tbody td .ipt.ipt-tel:nth-child(2) {width:calc(100% - 40% - 20% - 20px);margin:0 10px;}
.tbl.type02 tbody td .ipt.ipt-tel:nth-child(3) {width:40%;}
.tbl.type02 tbody td .img {width:120px;height:80px;}
.tbl.type02 tbody td .add-file {position:relative;}
.tbl.type02 tbody td .add-file .ipt-file {width:80%;margin-left:12px;border:0;}
.tbl.type02 tbody td .btn-close {position:absolute;top:50%;right:20px;width:20px;height:20px;transform:translateY(-50%);}
.tbl.type02 tbody td .btn-close span {display:inline-block;position:absolute;top:50%;left:0;width:20px;height:2px;background:#000;transform:rotate(45deg);-webkit-transform:rotate(45deg);text-indent:-9999px;}
.tbl.type02 tbody td .btn-close span::before {content:"";position:absolute;top:50%;left:0;width:20px;height:2px;background:#000;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.tbl.type02 tbody td textarea {width:100%;min-height:200px;}

/* button */
.btn.btn-cancel {background:#ccc;}
.btn.btn-delete {background:#dc3545;}
.btn.btn-edit,
.btn-register {background:#000;}

.content .btn-nick,
.content .btn-download {color:#0000ff;text-decoration:underline;}

/* 로그인 */
.login {display:flex;justify-content:center;align-items:center;height:100vh;}
.login article {left:0;width:300px;padding:0;}
.login h1 {width:85px;margin:0 auto;padding-bottom:48px;}
.login .user-entry {padding:14px 4px;border-bottom:2px solid #000;}
.login .user-entry label {display:none;}
.login .btn-area {padding-top:54px;text-align:center;}
.login .btn-area .btn-login {width:100%;padding:12px 0;background:#1a88cd;}

/* content */
article h2 {padding-bottom:40px;font-size:22px;font-weight:700;}
.etc-box {overflow:hidden;padding-bottom:26px;}
.etc-box .search-area,
.etc-box .calendar-area,
.etc-box .ipt-area {display:flex;align-items:center;float:left;}
.etc-box .search-area input,
.etc-box .calendar-area input,
.etc-box .ipt-area input {margin:0 10px;padding:11px 4px 10px;border:1px solid #eee;}
.etc-box .search-area select {margin-right:10px;}
.etc-box .react-datepicker-wrapper {margin-right:10px;}
.etc-box .react-datepicker-wrapper .react-datepicker__input-container input {margin:0;}
.etc-box .search-area .btn-search,
.etc-box .calendar-area .btn-search,
.etc-box .ipt-area .btn-search {padding:6px 12px;background:#bbb;}
.etc-box .btn-area {float:right;}
.etc-box .btn-area .btn {padding:12px 36px;border-radius:20px;background:#0082ed;font-size:14px;}
.etc-box .btn-area .btn + .btn {margin-left:8px;}

/* 대시보드 */
.today-total {display:flex;justify-content:space-between;}
.today-total dl {width:30%;padding:24px 0;border:1px solid #bbb;text-align:center;}
.today-total dl dt {padding-bottom:24px;font-size:14px;}
.today-total dl dd {font-size:18px;font-weight:700;}

/* 관리자 생성 */
.info-edit h2 {padding-bottom:20px;text-align:center;}
.info-edit .content .tbl-box {width:800px;margin:0 auto;}
.info-edit .content .btn-area {padding-top:36px;text-align:center;}
.info-edit .content .btn-area .btn {padding:12px 42px;}
.info-edit .content .btn-area .btn + .btn {margin-left:12px;}
.info-edit .content .btn-area .btn.btn-edit {background:#1a88cd;}

/* ipt */
.ipt-radio,
.ipt-check {width:20px;-webkit-appearance:auto;}
.ipt-file {border:0;}

/* flex */
.layout-flex.start {justify-content:start;}
.layout-flex.start .img {margin:0;}
.layout-flex.start .modify {margin-left:12px;}
.layout-flex.thum-center {justify-content:center;}

/* popup */
.modal {position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:rgba(0,0,0,0.75);}
.popup {position:fixed;top:50%;left:50%;z-index:30;min-width:340px;text-align:center;transform:translate(-50%, -50%);}
.popup h3 {padding:15px 0 14px;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;background:#fff;font-size:24px;font-weight:700;}
.popup .content {padding:38px 0 34px;background:#fff;}
.popup .btn-area {padding:12px 0 24px;border-radius:0 0 12px 12px;background:#fff;}
.popup .btn-area .btn {padding:8px 20px;}
.popup .btn-area .btn + .btn {margin-left:10px;}
.popup .btn-area .btn.btn-confirm {background:#1a88cd;}

.popup.type01 {width:900px;height:85vh;}
.popup.type01 .content {overflow-y:scroll;height:calc(85vh - 44px);padding:16px;}

.popup.type02 {}

.sub header {display:none;}
.sub aside {top:0;height:100vh;padding:0;}
.sub aside .user,
.sub aside .crew {display:flex;flex-direction:column;justify-content:center;align-items:center;height:100px;}
.sub aside .depth01 {width:100%;}
.sub aside .depth01 li a {display:block;padding:16px;border-bottom:0;color:#666;}
.sub aside .depth01 li.on a {background:#ccc;color:#000;}
.sub section article {padding:80px 24px 24px;}

.sub .content {overflow:hidden;}
.sub .content .etc-box .btn-area {padding:0;}
.sub .content .tbl-box .tbl .ipt-radio {width:20px;-webkit-appearance:auto;}

/* 회원 정보 > 종합 정보 */
.sub .content .layout-left {float:left;width:76%;}
.sub .content .layout-right {float:right;width:calc(100% - 76% - 32px);}
.sub .content .tbl-box + .tbl-box {padding-top:36px;}
.sub .content .tbl-box h3 {padding-bottom:14px;}
.sub .content .tbl-box .tbl tbody th {width:20%;}
.sub .content .tbl-box .tbl tbody td {overflow:hidden;}
.sub .content .tbl-box .tbl tbody td .layout-flex .btn-area .btn-modify {display:inline-block;padding:4px 8px;border:1px solid #919191;border-radius:12px;color:#919191;}
.sub .content .memo {border:1px solid #bbb;border-radius:12px;background:#f3f3f3;}
.sub .content .memo + .memo {margin-top:12px;}
.sub .content .memo .user {display:flex;justify-content:space-between;padding:6px;font-size:14px;}
.sub .content .memo .txt-box {position:relative;height:100px;padding:12px 6px;}
.sub .content .memo .txt-box .ipt {width:100%;background:transparent;}
.sub .content .memo .txt-box .txt {overflow-y:scroll;height:calc(100% - 14px);text-align:left;}
.sub .content .memo .txt-box .date {position:absolute;right:6px;bottom:12px;font-size:12px;}
.sub .content .memo .btn-area {overflow:hidden;padding:14px 0;border-top:1px solid #bbb;border-radius:0 0 12px 12px;background:#f3f3f3;}
.sub .content .memo .btn-area .btn-confirm,
.sub .content .memo .btn-area .btn-cancel {float:left;width:50%;}

.popup.type02.popup-detail {width:90%;height:85vh;background:#fff;}

/* 회원 정보 > 종합 정보 - 회원 상태 수정 */
.popup.type01.popup-detail {width:600px;height:auto;}
.popup.type01.popup-detail .content {overflow-y:hidden;padding:38px 12px 34px;}
.popup.type01.popup-detail .content .select-area {width:60%;margin:0 auto;}
.popup.type01.popup-detail .content .select-area select {width:100%;}
.popup.type01.popup-detail .content .txt {margin-top:16px;}
.popup.type01.popup-detail .content .txt textarea {width:100%;min-height:500px;}
.popup.type01.popup-detail .content .txt .tip {padding-top:8px;color:#bbb;font-size:12px;text-align:left;}

/* 회원 정보 > 종합 정보 - 재화 수정 요청 */
.popup.type01.popup-detail .content .change {margin-top:22px;}
.popup.type01.popup-detail .content .change .divide {display:flex;align-items:center;}
.popup.type01.popup-detail .content .change .divide + .divide {margin-top:6px;}
.popup.type01.popup-detail .content .change .divide .ipt-check {width:22px;-webkit-appearance:auto;}
.popup.type01.popup-detail .content .change .divide label {width:180px;text-align:left;}
.popup.type01.popup-detail .content .change .divide .ipt {width:calc(100% - 22px - 180px);border:1px solid #ccc;}
.popup.type01.popup-detail .content .alert {padding-top:8px;color:#ff0000;font-size:12px;text-align:left;}

/* 회원 정보 > 종합 정보 - 재화 수정 요청 */
.popup.type01.popup-detail .content .txt-chat {overflow-y:scroll;width:100%;height:30vh;text-align:left;}
.popup.type01.popup-detail .content .txt-chat .line {color:#747474;font-size:14px;}
.popup.type01.popup-detail .content .txt-chat .line + .line {padding-top:6px;}

/* 회원 정보 > 전체 회원 > 보기 버튼 > 보유 펫 */
.sub .content .possess-list li {display:flex;align-items:center;padding:32px 0;border:1px solid #bbb;text-align:center;}
.sub .content .possess-list li + li {margin-top:16px;}
.sub .content .possess-list li .num {width:20%;}
.sub .content .possess-list li .img {width:120px;}
.sub .content .possess-list li .kind {width:30%;padding-left:60px;text-align:left;}
.sub .content .possess-list li .pet-info {width:calc(100% - 20% - 120px - 30%);}
.sub .content .possess-list li .pet-info dl {display:flex;}
.sub .content .possess-list li .pet-info dl dd {margin-left:8px;}

/* 회원 정보 > 전체 회원 > 보기 버튼 > 보유 아이템 */
.sub .ask-detail .content .tbl-box .tbl tbody td .layout-flex {justify-content:start;}
.sub .ask-detail .content .tbl-box .tbl tbody td .layout-flex .img-name {padding-left:12px;}
.sub .ask-detail .content .tbl-box .tbl tbody td .ipt-file {border:0;}

/* 회원 정보 > 전체 회원 > 보기 버튼 > 메모 내역 */
.sub .memo-detail .content .txt-area {display:flex;justify-content:space-between;padding-bottom:36px;}
.sub .memo-detail .content .txt-area textarea {overflow:hidden;width:85%;height:150px;}
.sub .memo-detail .content .txt-area .btn-area {display:flex;flex-direction:column;width:10%;}
.sub .memo-detail .content .txt-area .btn-area .btn {display:flex;justify-content:center;align-items:center;height:100%;}
.sub .memo-detail .content .txt-area .btn-area .btn + .btn {margin-top:12px;}

/* 외주 정보 > 작가 목록 > 작가, 공통 */
.popup.type02.outsrc {height:70vh;}
.popup.type02.outsrc .content {overflow-y:scroll;height:calc(70vh - 44px)}
.popup.type02.outsrc .content .tbl td .layout-flex {display:flex;justify-content:space-between;}
.popup.type02.outsrc .content .tbl td .layout-flex .ipt-tel:nth-of-type(1) {width:20%;}
.popup.type02.outsrc .content .tbl td .layout-flex .ipt-tel:nth-of-type(2) {width:36%;margin:0 10px;}
.popup.type02.outsrc .content .tbl td .layout-flex .ipt-tel:nth-of-type(3) {width:36%;}
.popup.type02.outsrc .content .tbl td .ipt-commission {width:80%;margin-right:10px;}
.popup.type02.outsrc .content .tbl td .unique {border:0;background:none;color:#a5a5a5;}

/* 외주 정보 > 작가 목록 > 큐레이터 */
.popup.type02.outsrc .content .tbl td .profile {display:flex;align-items:center;width:100px;height:100px;margin:0 auto;border:1px solid #bbb;}
.popup.type02.outsrc .content .tbl td .ipt-file {border:0;}
.popup.type02.outsrc .content .tbl td .error {color:#ff0000;}
.popup.type02.outsrc .content .tbl td textarea {overflow:hidden;resize:none;}

/* 아이템샵 관리 > 정산관리 > 상세 */
.popup.type01 h4 {padding-bottom:20px;text-align:left;}
.popup.type01 .tbl-box + .tbl-box {margin-top:32px;}

/* 이벤트 관리 > 이벤트 목록 */

/* 조회 */
.content .log-area {overflow-y:scroll;min-height:600px;padding:20px;border:1px solid #bbb;font-size:14px;line-height:1.7;}

/* 펫 라이프 */
.pet-life .petlife-list select {padding:10px 28px 10px 12px;border:1px solid #eee;border-radius:20px;background:#fff url('../images/common/bg_select.png') no-repeat 92% 60%/9px;font-size:16px;font-family:'NotoSans', '돋움', sans-serif;letter-spacing:1px;cursor:pointer;}
.pet-life .petlife-list .search {position:relative;}
.pet-life .petlife-list .search input {width:442px;height:42px;margin:0 0 0 10px;padding:11px 14px 10px;border-radius:20px;}
.pet-life .petlife-list .search .btn-search {position:absolute;top:50%;right:18px;width:19px;height:19px;padding:0;background:url('../images/common/btn_search.png') no-repeat 0 0/100%;transform:translateY(-50%);text-indent:-9999px;}
.pet-life .petlife-list .img {width:60px;}
.pet-life .petlife-list .tbl th {background:#0082ed;color:#fff;}
.pet-life .petlife-list .tbl th input[type="checkbox"]:checked + label {background:url('../images/common/bg_check01_on.png') no-repeat 0 0/100%;}
.pet-life .petlife-list .tbl tr:hover td {background:#f9f9f9;}
.pet-life .petlife-list .tbl input[type="checkbox"] {display:none;}
.pet-life .petlife-list .tbl input[type="checkbox"] + label {width:24px;height:24px;background:url('../images/common/bg_check.png') no-repeat 0 0/100%;-webkit-appearance:auto;}
.pet-life .petlife-list .tbl input[type="checkbox"]:checked + label {background:url('../images/common/bg_check_on.png') no-repeat 0 0/100%;}
.pet-life .petlife-list .tbl .embody {display:flex;justify-content:center;align-items:center;color:#555;}
.pet-life .petlife-list .tbl .embody i {display:block;width:11px;height:11px;margin-right:5px;background:url('../images/common/ic_embody.png') no-repeat 50% 50%/100%;}
.pet-life .petlife-list .tbl .state.request {display:inline-block;padding:4px 10px;background:#ffefef;color:#ff5757;font-size:11px;}
.pet-life .petlife-list .tbl .state.save {display:inline-block;padding:4px 10px;background:#e1ffed;color:#1cc085;font-size:11px;}

.pet-life .petlife-list .pop-pet {width:520px;box-shadow:0 8px 36px rgba(0,0,0,0.16);}
.pet-life .petlife-list .pop-pet .content {padding:45px 0 30px;}
.pet-life .petlife-list .pop-pet .content .box {padding:0 60px;}
.pet-life .petlife-list .pop-pet .content .box .radio-area input {display:none;}
.pet-life .petlife-list .pop-pet .content .box .radio-area input[type="radio"] + label:nth-of-type(1) {margin-top:0;}
.pet-life .petlife-list .pop-pet .content .box .radio-area input[type="radio"] + label {display:block;width:100%;height:24px;margin-top:15px;padding-left:40px;background:url('../images/common/bg_radio.png') no-repeat 0 0/24px;line-height:24px;text-align:left;-webkit-appearance:auto;}
.pet-life .petlife-list .pop-pet .content .box .radio-area input[type="radio"]:checked + label {background:url('../images/common/bg_radio_on.png') no-repeat 0 0/24px;}
.pet-life .petlife-list .pop-pet .content .calendar-area {display:flex;justify-content:center;height:42px;margin-top:15px;}
.pet-life .petlife-list .pop-pet .content .calendar-area .react-datepicker-wrapper + .react-datepicker-wrapper {margin-left:10px;}
.pet-life .petlife-list .pop-pet .content .calendar-area .react-datepicker-wrapper .react-datepicker__input-container input {width:200px;height:42px;margin:0;border:1px solid #eee;border-radius:20px;background:url('../images/common/ic_calendar.png') no-repeat 92% 50%/14px;}
.pet-life .petlife-list .pop-pet .content .calendar-area .react-datepicker-wrapper.time .react-datepicker__input-container input {width:90px;background:url('../images/common/ic_arrow.png') no-repeat 86% 50%/10px;}
.pet-life .petlife-list .pop-pet .content .btn-area {display:flex;justify-content:center;padding:38px 0 0;}
.pet-life .petlife-list .pop-pet .content .btn-area .btn {display:flex;justify-content:center;align-items:center;width:195px;height:52px;border-radius:5px;background:#0082ed;color:#fff;font-size:14px;font-weight:700;}
.pet-life .petlife-list .pop-pet .content .btn-area .btn.btn-cancel {border:1px solid #ccc;background:none;color:#666;}

.petlife-edit header,
.petlife-edit aside {display:none;}
.petlife-edit section article {left:0;width:100%;padding:0;}
.petlife-edit .content .etc-box {display:flex;justify-content:end;align-items:center;position:sticky;top:0;right:0;z-index:100;height:87px;padding:0 70px 0 0;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.petlife-edit .content .etc-box .btn {padding:13px 21px;border-radius:30px;background:#0082ed;color:#fff;font-size:14px;}
.petlife-edit .content .etc-box .btn:nth-child(odd) {background:#fff;border:1px solid #0082ed;color:#0082ed;}
.petlife-edit .content .thum-register-wrap {background:#f4f4f4;}
.petlife-edit .content .thum-register-wrap .thum-register {width:1200px;margin:0 auto;padding:35px 0;}
.petlife-edit .content .thum-register-wrap .thum-register > h3 {font-weight:700;}
.petlife-edit .content .thum-register-wrap .thum-register > h3 span {display:none;color:#0082ed;font-weight:700;}
.petlife-edit .content .thum-register-wrap .thum-register > p {padding:6px 0 14px;font-size:13px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area {display:flex;width:1200px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box {position:relative;overflow:hidden;height:150px;background:#eee;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box + .img-box {margin-left:11px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-1080x1182 {width:137px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-1080x1668 {width:98px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-1080x645 {width:252px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-450x450 {width:136px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-720x788  {width:137px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-720x1112 {width:98px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-300x300 {width:252px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-720x430 {width:136px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload {display:flex;flex-direction:column;justify-content:center;position:absolute;top:50%;left:50%;width:100%;height:150px;transform:translate(-50%, -50%);}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload form {height:150px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload form .fileUploader {position:relative;height:100%;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload form .fileUploader::before {content:"사진 추가";position:absolute;top:76px;left:50%;width:100%;color:#999;font-size:18px;text-align:center;transform:translateX(-50%);}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload form .fileUploader .fileContainer {position:relative;height:100%;margin:0;padding:0;background:none;box-shadow:none;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload form .fileUploader .fileContainer::before {position:absolute;top:98px;left:50%;z-index:-10;color:#aaa;font-size:11px;text-align:center;transform:translateX(-50%);}

.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-1080x1182 .fileUploader .fileContainer::before {content:"1080*1182";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-1080x1668 .fileUploader .fileContainer::before {content:"1080*1668";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-1080x645 .fileUploader .fileContainer::before {content:"1080*645";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-450x450 .fileUploader .fileContainer::before {content:"450*450";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-720x788 .fileUploader .fileContainer::before {content:"720*780";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-720x1112 .fileUploader .fileContainer::before {content:"720*1112";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-300x300 .fileUploader .fileContainer::before {content:"300*300";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.img-720x430 .fileUploader .fileContainer::before {content:"720*430";}


.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload form .fileUploader .fileContainer button {display:block;position:absolute;width:100%;height:100%;margin:0 auto;background:url('../images/common/bg_register.png') no-repeat 50% 34px/45px;text-indent:-9999px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload form .fileUploader .fileContainer input {position:absolute;z-index:-1;width:auto;opacity:0;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload form .fileUploader .fileContainer .errorsContainer {position:absolute;bottom:6px;left:50%;transform:translateX(-50%);}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload form .fileUploader .fileContainer .uploadPictureContainer {width:100%;height:150px;margin:0;padding:0;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .upload form .fileUploader .fileContainer .uploadPictureContainer .deleteImage {display:block;position:absolute;top:10px;right:6px;width:20px;background:url('../images/common/btn_close02.png') no-repeat 0 0/20px;text-indent:-9999px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .img {display:none;position:absolute;top:50%;left:50%;overflow:hidden;width:auto;transform:translate(-50%, -50%);}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box .btn-close {display:none;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on .upload > * {display:none;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on:hover .upload {display:flex;z-index:15;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on:hover .upload > * {display:block;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on .img {display:block;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on:hover::before {content:"";position:absolute;top:0;left:0;z-index:15;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on .btn-close {display:none;position:absolute;top:10px;right:6px;z-index:20;width:20px;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on:hover .btn-close {display:block;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview .img {display:block;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview:hover .img {z-index:10;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview .upload > * {display:block;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview .upload form .fileUploader::before,
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview .upload form .fileUploader .fileContainer::before {content:none;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on:hover .upload form .fileUploader::before {content:"사진 추가";color:#fff;}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview.img-1080x1182:hover .upload form .fileUploader .fileContainer::before {content:"1080*1182";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview.img-1080x1668:hover .upload form .fileUploader .fileContainer::before {content:"1080*1668";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview.img-1080x645:hover .upload form .fileUploader .fileContainer::before {content:"1080*645";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview.img-450x450:hover .upload form .fileUploader .fileContainer::before {content:"450*450";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview.img-720x788:hover .upload form .fileUploader .fileContainer::before {content:"720*780";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview.img-720x1112:hover .upload form .fileUploader .fileContainer::before {content:"720*1112";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview.img-300x300:hover .upload form .fileUploader .fileContainer::before {content:"300*300";}
.petlife-edit .content .thum-register-wrap .thum-register .register-area .img-box.on.preview.img-720x430:hover .upload form .fileUploader .fileContainer::before {content:"720*430";}

.petlife-edit .register-content {width:1200px;margin:0 auto;padding:30px 0 120px;}
.petlife-edit .register-content textarea {overflow:hidden;width:100%;border:0;resize:none;}
.petlife-edit .register-content textarea::placeholder {color:#ccc;}
.petlife-edit .register-content .select-area {margin-left:30px;}
.petlife-edit .register-content .select-area select {width:160px;height:42px;border:1px solid #eee;border-radius:20px;background:#fff url('../images/common/bg_select.png') no-repeat 90% 50%/9px;}
.petlife-edit .register-content .tit-sub-area {margin-left:30px;padding:20px 0 4px;}
.petlife-edit .register-content .tit-sub-area textarea {width:calc(100% - 30px);height:25px;border:0;font-size:18px;resize:none;}
.petlife-edit .register-content .tit-area {margin-left:30px;}
.petlife-edit .register-content .tit-area textarea {height:38px;font-size:28px;}

.petlife-edit .register-content .register-box {margin-top:30px;}
.petlife-edit .register-content .register-box .list {display:flex;justify-content:center;align-items:center;z-index:80;padding:19px 23px 19px 32px;background:#0082ed;}
.petlife-edit .register-content .register-box .list.fix {position:fixed;top:87px;left:50%;z-index:60;width:1200px;transform:translateX(-50%);}
.petlife-edit .register-content .register-box .list.fix::before {content:'';position:absolute;top:0;left:50%;width:1000%;height:60px;background:#0082ed;transform:translateX(-50%);}
.petlife-edit .register-content .register-box .list a {z-index:10;height:22px;color:#fff;font-size:13px;line-height:22px;}
.petlife-edit .register-content .register-box .list a + a {margin-left:14px;}
.petlife-edit .register-content .register-box .list a:hover {color:#fff800;}
.petlife-edit .register-content .register-box .list a i {float:left;display:block;height:22px;margin-right:6px;}

.petlife-edit .register-content .register-box .list a.btn-type05,
.petlife-edit .register-content .register-box .list a.btn-type08 {position:relative;padding-left:23px;}
.petlife-edit .register-content .register-box .list a.btn-type05::before,
.petlife-edit .register-content .register-box .list a.btn-type08::before {content:"";position:absolute;top:50%;left:0;width:2px;height:16px;background:rgba(255,255,255,0.3);transform:translateY(-50%);}
.petlife-edit .register-content .register-box .list a.btn-type10 {float:right;}
.petlife-edit .register-content .register-box .list a.btn-type01 i {width:18px;background:url('../images/common/btn_type01.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type02 i {width:18px;background:url('../images/common/btn_type02.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type03 i {width:18px;background:url('../images/common/btn_type03.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type04 i {width:18px;background:url('../images/common/btn_type04.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type05 i {width:15px;background:url('../images/common/btn_type05.png') no-repeat 0 50%/15px;}
.petlife-edit .register-content .register-box .list a.btn-type06 i {width:18px;background:url('../images/common/btn_type06.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type07 i {width:18px;background:url('../images/common/btn_type07.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type08 i {width:18px;background:url('../images/common/btn_type08.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type09 i {width:18px;background:url('../images/common/btn_type09.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type10 i {width:18px;background:url('../images/common/btn_type10.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type01:hover i {width:18px;background:url('../images/common/btn_type01_on.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type02:hover i {width:18px;background:url('../images/common/btn_type02_on.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type03:hover i {width:18px;background:url('../images/common/btn_type03_on.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type04:hover i {width:18px;background:url('../images/common/btn_type04_on.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type05:hover i {width:15px;background:url('../images/common/btn_type05_on.png') no-repeat 0 50%/15px;}
.petlife-edit .register-content .register-box .list a.btn-type06:hover i {width:18px;background:url('../images/common/btn_type06_on.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type07:hover i {width:18px;background:url('../images/common/btn_type07_on.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type08:hover i {width:18px;background:url('../images/common/btn_type08_on.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type09:hover i {width:18px;background:url('../images/common/btn_type09_on.png') no-repeat 0 50%/18px;}
.petlife-edit .register-content .register-box .list a.btn-type10:hover i {width:18px;background:url('../images/common/btn_type10_on.png') no-repeat 0 50%/18px;}

.petlife-edit .register-content .register-box .kind {display:flex;align-items:center;margin-top:30px;padding:0 30px;}
.petlife-edit .register-content .register-box .kind + .kind {margin-top:20px;}
.petlife-edit .register-content .register-box .kind.tit.quotation + .kind.txt.quotation {margin-top:0;}
.petlife-edit .register-content .register-box .kind.tit textarea {height:27px;font-size:20px;}
.petlife-edit .register-content .register-box .kind.tit-sub textarea {height:22px;font-size:16px;}
.petlife-edit .register-content .register-box .kind.txt textarea {overflow:auto;height:auto;min-height:144px;border:0;font-size:14px;resize:auto;}
.petlife-edit .register-content .register-box .kind.tit.quotation textarea {height:42px;background:#f4f4f4;line-height:42px;}
.petlife-edit .register-content .register-box .kind.txt.quotation textarea {overflow:auto;height:auto;min-height:144px;border:0;background:#f4f4f4;resize:auto;}
.petlife-edit .register-content .register-box .kind.picture .register-area {display:flex;flex-wrap:wrap;align-items:center;position:relative;width:100%;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box {position:relative;overflow:hidden;width:200px;height:150px;border:1px solid #eee;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box + .img-box {margin-left:7.5px;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box:nth-child(5n+1) {margin-left:0;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box:nth-child(n+6) {margin-top:7.5px;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .upload {display:flex;flex-direction:column;justify-content:center;position:absolute;top:50%;left:50%;z-index:20;width:100%;height:150px;transform:translate(-50%, -50%);}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .upload form {height:150px;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .upload form .fileUploader {position:relative;height:100%;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .upload form .fileUploader::before {content:"사진 추가";position:absolute;top:80px;left:50%;width:100%;color:#999;font-size:14px;font-weight:700;text-align:center;transform:translateX(-50%);}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.add {border:0;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .btn-add {position:absolute;top:50%;left:50%;width:50px;transform:translate(-50%, -50%);}

.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .upload form .fileUploader .fileContainer {display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;height:100%;margin:0;padding:0;background:none;box-shadow:none;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .upload form .fileUploader .fileContainer::before {content:"최대 파일 사이즈 5MB";position:absolute;top:100px;left:50%;z-index:-10;width:100%;color:#ccc;font-size:11px;text-align:center;transform:translateX(-50%);}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .upload form .fileUploader .fileContainer button {display:block;position:absolute;width:100%;height:100%;margin:0 auto;background:url('../images/common/bg_register.png') no-repeat 50% 34px/45px;text-indent:-9999px;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .upload form .fileUploader .fileContainer .errorsContainer {position:absolute;bottom:6px;left:50%;transform:translateX(-50%);}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .upload form .fileUploader .fileContainer .uploadPictureContainer {width:100%;height:150px;margin:0;padding:0;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .upload form .fileUploader .fileContainer .uploadPictureContainer .deleteImage {display:block;position:absolute;top:10px;right:6px;z-index:40;width:20px;background:url('../images/common/btn_close02.png') no-repeat 0 0/20px;text-indent:-9999px;cursor:pointer;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .img {display:none;position:absolute;top:50%;left:50%;overflow:hidden;width:auto;transform:translate(-50%, -50%);}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box .btn-close {position:absolute;top:10px;right:6px;width:20px;z-index:20;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on .img {display:block;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on .btn-close {display:none;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on .upload > * {display:none;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on:hover::before {content:"";position:absolute;top:0;left:0;z-index:20;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on:hover .upload {display:flex;z-index:35;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on:hover .upload > * {display:block;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on:hover .btn-close {display:block;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on.preview:hover::before {content:"";position:absolute;top:0;left:0;z-index:25;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on.preview .img {display:block;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on.preview .upload > * {display:block;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on.preview .upload form .fileUploader .fileContainer button {display:none;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on.preview .upload form .fileUploader::before,
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on.preview .upload form .fileUploader .fileContainer::before {content:none;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on:hover .upload form .fileUploader::before {content:"사진 추가";color:#fff;}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on:hover .upload form .fileUploader .fileContainer::before {content:"최대 파일 사이즈 5MB";}
.petlife-edit .register-content .register-box .kind.picture .register-area .img-box.on:hover .upload form .fileUploader .fileContainer button {display:block;}

.petlife-edit .register-content .register-box .kind.slide .register-area {justify-content:space-between;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box {width:100%;height:auto;border:0;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box + .img-box {margin-top:20px;margin-left:0;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box .upload {position:relative;top:auto;left:auto;height:auto;transform:none;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box.on .upload > * {display:block;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box.on:hover::before {content:none;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box .upload form {height:auto;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box .upload form .fileUploader .fileContainer {border:1px solid #eee;border-radius:0;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box .upload form .fileUploader .fileContainer button {top:34px;width:110px;height:80px;padding:0;background:url('../images/common/bg_register.png') no-repeat 50% 0/45px;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box .upload form .fileUploader .fileContainer .uploadPicturesWrapper {display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-top:144px;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box .upload form .fileUploader .fileContainer .uploadPicturesWrapper > div {justify-content:start !important;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box .upload form .fileUploader .fileContainer .uploadPictureContainer {position:relative;overflow:hidden;width:198px;height:152px;border:0;background:none;box-shadow:none;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box .upload form .fileUploader .fileContainer .uploadPictureContainer + .uploadPictureContainer {margin-left:9.5px;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box .upload form .fileUploader .fileContainer .uploadPictureContainer:nth-child(5n+1) {margin-left:0;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box .upload form .fileUploader .fileContainer .uploadPictureContainer:nth-child(n+6) {margin-top:22px;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box.add {margin-top:40px;}
.petlife-edit .register-content .register-box .kind.slide .register-area .img-box.add .btn-add {display:block;position:relative;top:auto;left:auto;width:50px;margin:0 auto;transform:none;}

.petlife-edit .register-content .register-box .kind.slide.modify .register-area {justify-content:start;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame {width:200px;height:150px;border:1px solid #eee;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame + .img-box {margin-top:0;margin-left:7.5px;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame:nth-child(6) {margin-left:0;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame:nth-child(n+6) {margin-top:8.5px;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame .img {display:block;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame.delete {width:36px;border:0;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame.add {width:100%;border:0;}
.petlife-edit .register-content .register-box .kind.slide.modify.preview .register-area .img-box.frame .upload {height:150px;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame .upload form .fileUploader {width:100%;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame .upload form .fileUploader .fileContainer {border:0;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame.on .upload form .fileUploader .fileContainer button {display:none;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame.on:hover .upload form .fileUploader .fileContainer button {display:block;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame .upload form .fileUploader .fileContainer .uploadPictureContainer {width:100%;}
.petlife-edit .register-content .register-box .kind.slide.modify .register-area .img-box.frame .upload form .fileUploader .fileContainer .uploadPicturesWrapper {margin-top:0;}
.petlife-edit .register-content .register-box .kind .register-area .img-box .picker {display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;z-index:50;width:100%;height:20px;border:1px solid #eee;background:#eee;}
.petlife-edit .register-content .register-box .kind .register-area .img-box .picker a {display:flex;justify-content:center;align-items:center;width:50%;}
.petlife-edit .register-content .register-box .kind .register-area .img-box .picker a:nth-child(1) {border-right:1px solid #eee;}
.petlife-edit .register-content .register-box .kind .register-area .img-box .picker a img {width:9px;}

.petlife-edit .register-content .register-box .kind.picture.modify .register-area .img-box.on .upload form .fileUploader::before,
.petlife-edit .register-content .register-box .kind.picture.modify .register-area .img-box.on .upload form .fileUploader .fileContainer::before {content:none;}

.petlife-edit .register-content .register-box .kind.picture.modify .register-area .img-box.on:hover::before {content:"";position:absolute;top:0;left:0;z-index:15;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.petlife-edit .register-content .register-box .kind.picture.modify .register-area .img-box.on:hover .upload form .fileUploader::before {content:"사진추가";color:#fff;}
.petlife-edit .register-content .register-box .kind.picture.modify .register-area .img-box.on:hover .upload form .fileUploader .fileContainer::before {content:"최대 파일 사이즈 5MB";}

.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box {position:relative;overflow:hidden;width:270px;height:387px;border:1px solid #eee;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box:nth-child(5n+1) {margin-left:0;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box:nth-child(n+4),
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box:nth-child(n+6) {margin-top:31px;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box .upload {position:relative;height:387px;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box .upload form {height:387px;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box .upload form .fileUploader::before {top:182px;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box .upload form .fileUploader .fileContainer button {background:url(../images/common/bg_register.png) no-repeat 50% 134px/45px;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box .upload form .fileUploader .fileContainer::before {top:202px;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box .upload form .fileUploader .fileContainer .errorsContainer {position:absolute;bottom:6px;left:50%;transform:translateX(-50%);}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box .upload form .fileUploader .fileContainer .uploadPictureContainer {width:100%;height:387px;margin:0;padding:0;background:none;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box .upload textarea {position:absolute;bottom:28px;left:50%;width:230px;height:74px;background:#f4f4f4;font-size:11px;transform:translateX(-50%);}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box .upload textarea::placeholder {padding:10px;font-size:11px;line-height:18px;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box .img {display:none;width:100%;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on .upload textarea {display:block;background:none;color:#fff;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on:hover .upload textarea {color:#959595;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on.preview:hover::before {content:"" !important;position:absolute;top:0;left:0;z-index:25;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on.preview .img {display:block;z-index:-10;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on.preview:hover .img {z-index:10;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on.preview .upload > * {display:block;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on.preview .upload form .fileUploader .fileContainer button {display:none;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on.preview:hover .upload form .fileUploader .fileContainer::before {content:"최대 파일 사이즈 5MB";}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on.preview:hover .upload form .fileUploader .fileContainer button {display:block;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on.preview:hover .upload form .fileUploader .fileContainer .btn-close {display:none;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.on.preview:hover::before {content:none;}
.petlife-edit .register-content .register-box .kind.cardnews .register-area .img-box.add {border:0;}
.petlife-edit .register-content .register-box .kind.divide p {width:100%;padding:26px 0 25px;border:1px solid #ccc;border-radius:40px;color:#999;font-size:14px;text-align:center;}

.petlife-edit .register-content .register-box .kind .controller {display:flex;flex-direction:column;margin-right:30px;}
.petlife-edit .register-content .register-box .kind .controller a {display:flex;justify-content:center;align-items:center;width:30px;height:21px;background:#edf6ff;text-indent:-9999px;}
.petlife-edit .register-content .register-box .kind .controller a.btn-up {background:url('../images/common/btn_up.png') no-repeat 0 0/100%;}
.petlife-edit .register-content .register-box .kind .controller a.btn-up:hover {background:url('../images/common/btn_up_on.png') no-repeat 0 0/100%;}
.petlife-edit .register-content .register-box .kind .controller a.btn-down {background:url('../images/common/btn_down.png') no-repeat 0 0/100%;}
.petlife-edit .register-content .register-box .kind .controller a.btn-down:hover {background:url('../images/common/btn_down_on.png') no-repeat 0 0/100%;}
.petlife-edit .register-content .register-box .kind .controller a:hover {background:rgba(112,186,255,0.2);}
.petlife-edit .register-content .register-box .kind .controller a img {width:9px;height:8px;}
.petlife-edit .register-content .register-box .kind > .btn-close {width:20px;margin-left:30px;}

.petlife-edit .register-content .hash-tag {margin-top:80px;padding:30px 30px 0;border-top:1px solid #ebebeb;}
.petlife-edit .register-content .hash-tag p {padding-bottom:16px;font-size:13px;}
.petlife-edit .register-content .hash-tag .tag-box {display:flex;flex-wrap:wrap;}
.petlife-edit .register-content .hash-tag .tag-box button {height:36px;margin-right:10px;padding:9px 12px 8px 34px;border-radius:20px;background:#0082ed url('../images/common/ic_plus.png') no-repeat 10% 54%/12px;color:#fff;}
.petlife-edit .register-content .hash-tag .tag-box .tag {display:flex;justify-content:space-between;align-items:center;min-width:140px;height:36px;margin-right:10px;border-radius:20px;background:#f4f4f4 url('../images/common/ic_hash.png') no-repeat 8% 54%/12px;}
.petlife-edit .register-content .hash-tag .tag-box .tag:nth-child(n+8) {margin-top:12px;}
.petlife-edit .register-content .hash-tag .tag-box .tag input {display:block;width:72px;height:18px;margin:0 14px 0 28px;background:transparent;font-size:13px;}
.petlife-edit .register-content .hash-tag .tag-box .tag input::placeholder {color:#ccc;}
.petlife-edit .register-content .hash-tag .tag-box .tag .btn-close {display:block;width:11px;height:11px;margin-right:14px;}

.petlife-edit.registered header,
.petlife-edit.registered aside {display:block;}
.petlife-edit.registered section article {left:240px;width:calc(100% - 240px);padding:101px 0 24px;}
.petlife-edit.registered .content .etc-box {z-index:50;box-shadow:none;}
.petlife-edit.registered .content .thum-register-wrap .thum-register .register-area .img-box.on:hover::before {content:none;}
.petlife-edit.registered .content .thum-register-wrap .thum-register .register-area .img-box.on .upload {display:none;}
.petlife-edit.registered .content .thum-register-wrap .thum-register .register-area .img-box .img {display:block;width:100%;}
.petlife-edit.registered .register-content .register-box .kind.picture .register-area .img-box.on:hover::before {content:none;}
.petlife-edit.registered .register-content .register-box .kind.picture.cardnews .register-area .img-box.on .upload {display:block;}
.petlife-edit.registered .register-content .register-box .kind.picture.cardnews .register-area .img-box.on:hover .upload textarea {color:#fff;}
.petlife-edit.registered .register-content .register-box .kind.divide p {height:70px;border:0;text-indent:-999999px;}
.petlife-edit.registered .register-content .register-box .kind .controller {display:none;}
.petlife-edit.registered .register-content .register-box .kind .btn-close {display:none;}
.petlife-edit.registered .register-content .register-box .kind.picture .register-area .img-box .img {display:block;width:100%;}

/* 펫크루 > 상세 보기 > 작성 게시글 */
.write .content-copy {margin:20px 0;padding:20px;border:1px solid #bbb;}
.write .content-copy .img {margin:12px 0 0;}
.write .comment-list {padding:20px;border:1px solid #bbb;}
.write .comment-list li {position:relative;}
.write .comment-list li + li {margin-top:20px;padding-top:20px;border-top:1px solid #bbb;}
.write .comment-list li .info {display:flex;}
.write .comment-list li .info .date {margin-left:8px;}
.write .comment-list li .copy {padding:24px 0 12px;}
.write .comment-list li .btn-delete {display:inline-block;position:absolute;top:20px;right:0;padding:8px 22px;border:1px solid #bbb;}
.write .comment-list li .comment-list {border:0;}
.write .comment-list li .comment-list li {padding-top:20px;border-top:1px solid #bbb;}

/* 펫크루 > 상세 보기 > 작성 앨범 */
.tbl-box .tbl .layout-flex.thum-center .img {margin:0;}
.tbl-box .tbl .layout-flex.thum-center .img + .img {margin-left:12px;}

/* 펫크루 > 신고 게시글 목록 > 상세 보기 */
.write.declare .tbl-box + .tbl-box {margin-top:12px;}

/* 운영관리 > 자주 묻는 질문 */
.accodion-box {text-align:center;}
.accodion-box .tit-accodion {display:flex;justify-content:center;padding:16px 0;border:1px solid #bbb;background:#d7d7d7;}
.accodion-box .tit-accodion .divide-ipt {width:5%;}
.accodion-box .tit-accodion .divide-num {width:5%;}
.accodion-box .tit-accodion .divide-tit {width:55%;}
.accodion-box .tit-accodion .divide-writer {width:15%;}
.accodion-box .tit-accodion .divide-date {width:10%;}
.accodion-box .tit-accodion .divide-data {width:10%;}

.accodion-box .question-list {border-right:1px solid #bbb;border-left:1px solid #bbb;text-align:center;}
.accodion-box .question-list li {border-bottom:1px solid #bbb;cursor:pointer;}
.accodion-box .question-list li .acd {display:flex;justify-content:center;align-items:center;padding:12px 0;}
.accodion-box .question-list li .acd .divide-ipt {width:5%;}
.accodion-box .question-list li .acd .divide-num {width:5%;}
.accodion-box .question-list li .acd .divide-tit {width:55%;}
.accodion-box .question-list li .acd .divide-writer {width:15%;}
.accodion-box .question-list li .acd .divide-date {width:10%;}
.accodion-box .question-list li .acd .divide-data {width:10%;}
.accodion-box .question-list li .copy {padding:20px;border-top:1px solid #bbb;background:#f1f1f1;text-align:left;}

/* 환경설정 > 약관조회 */
.etc-box .list {display:flex;}
.etc-box .list li.on {background:#bbb;}
.etc-box .list li + li {margin-left:12px;}
.etc-box .list li a {display:block;padding:12px;border:1px solid #bbb;}
.clause-box {overflow-y:scroll;height:600px;padding:20px;border:1px solid #bbb;}