/****************************** 공용 레이아웃 ******************************/
* {margin: 0; padding: 0; box-sizing: border-box;}
html, body {width: 100%; min-height: 100%; height: 100%; background-color: #fff; font-size: 62.5%; color: #2b2b2a;}

/* wrap */
.wrap {position: relative; width: 100%; max-width: 640px; height: auto; min-height: 100%; margin-left: auto; margin-right: auto; -webkit-overflow-scrolling: touch;}

/* overlay */
#overlay {position: fixed; visibility: hidden; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 101; opacity: 0; overflow: hidden; background-color: #000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#overlay.active {visibility: visible; opacity: 0.3;}

/* main */
.wrap #main {position: relative; min-height: calc(100% - 70px); padding-bottom: 0;}
/* height: 100%; */
/* main > header */
#header {position: relative; display: flex; align-items: center; width: 100%; z-index: 100;}
#header.header-primary {justify-content: space-between; background-color: rgb(246, 247, 251); padding: 25px 27px 20px 27px;}
#header.header-primary .header-title {font-size: 24px; font-weight: 700;}
#header.header-primary .btn-refresh {position: absolute; top: 53%; right: 70px; transform: translateY(-50%); font-size: 12px; font-weight: 500; color: rgb(143 165 199); background-color: #fff; padding: 6px 8px; border-radius: 4px;}
#header.header-primary .btn-bell {position: absolute; top: 53%; right: 140px; transform: translateY(-50%); font-size: 12px; font-weight: 500; color: rgb(143 165 199); background-color: #fff; padding: 6px 8px; border-radius: 4px;}
#header.header-secondary {height: 70px; border-bottom: 1px solid rgb(244, 244, 244); background-color: #fff; padding: 0 16px;}
#header.header-secondary .header-title {width: 100%; font-size: 1.8rem; font-weight: 500; text-align: center;}
#header.header-secondary .header-after {position: absolute; top: 50%; left: 16px; transform: translateY(-50%);}
#header.header-secondary .header-before {position: absolute; top: 50%; right: 16px; transform: translateY(-50%);}
#header.header-secondary .header-before .link-edit {font-size: 12px; font-weight: 500; color: rgb(174, 174, 174);}
#header.header-third {display: flex; justify-content: space-between; padding: 20px 27px 0 27px; background-color: rgb(246, 247, 251);}

/* main > footer */
footer {position: fixed; left: 0; bottom: 0; width: 100%; display: flex; align-items: center; height: 70px; padding: 0 40px; background-color: #fff; box-shadow: 0 3px 20px 0 rgba(101, 101, 101, 0.2);}
footer .footer-nav {display: flex; justify-content: space-between; width: 100%;}
footer .footer-nav .nav-item {flex: 1; display: flex; flex-direction: column; align-items: center; max-width: 50px;}
footer .footer-nav .nav-item .nav-item-img {}
footer .footer-nav .nav-item .nav-item-img .menu-normal {display: block;}
footer .footer-nav .nav-item .nav-item-img .menu-active {display: none;}
footer .footer-nav .nav-item.active .nav-item-img .menu-normal {display: none;}
footer .footer-nav .nav-item.active .nav-item-img .menu-active {display: block;}
footer .footer-nav .nav-item .nav-item-text {font-size: 13px; color: rgb(165, 179, 197); font-weight: 500; margin-top: 3px;}
footer .footer-nav .nav-item.active .nav-item-text {color: rgb(88, 48, 216); font-weight: 600;}

/****************************** 공용 스타일링 ******************************/
.app-content {padding: 27px;}
.app-content .form-wrapper {}
.app-content .form-wrapper .form-title {font-size: 20px; font-weight: 800; margin-bottom: 22px;}
.app-content .form-wrapper .form-content {}

.app-text-message {padding: 0 40px; text-align: center;}

.content-button {}
.content-button.fixed-bottom a {width: calc(100% - 58px); margin-bottom: 17px;}
.content-button.fixed-bottom a:last-child {margin-bottom: 60px;}

.contents-center {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: calc(100vh - 70px - 193px); padding: 0 27px;}

/* 메인 탭 */
.app-list-tab {padding: 0 27px 70px 27px;}
.app-list-tab .request-list {}
.app-list-tab .request-list .request-item {position: relative; background-color: #fff; box-shadow: 6px 6px 20px 0 rgba(157, 157, 157, 0.16); border-radius: 12px; padding: 18px 16px 25px 16px; margin-bottom: 16px;}
.app-list-tab .request-list .request-item .finish-item {position: relative; background-color: #808080; box-shadow: 6px 6px 20px 0 rgba(157, 157, 157, 0.16); border-radius: 12px; padding: 18px 16px 25px 16px; margin-bottom: 16px;}
.app-list-tab .request-list .request-item .btn_request-status {position: absolute; top: 14px; right: 14px; min-width: 70px; padding: 5px 8px; border-radius: 6px;}
.app-list-tab .request-list .request-item.status1 .btn_request-status {background-color: rgb(255, 187, 44); color: #fff;}
.app-list-tab .request-list .request-item.status2 .btn_request-status {background-color: rgb(90, 191, 71); color: #fff;}
.app-list-tab .request-list .request-item.status3 .btn_request-status {background-color: rgb(66, 146, 247); color: #fff;}
.app-list-tab .request-list .request-item.status4 .btn_request-status {background-color: rgb(233, 236, 245); color: rgb(165, 179, 197);}
.app-list-tab .request-list .request-item.status5 .btn_request-status {background-color: rgb(255, 204, 204); color: #fff;}
.app-list-tab .request-list .request-item.status6 .btn_request-status {background-color: rgb(153, 102, 255); color: #fff;}
.app-list-tab .request-list .request-item.status7 .btn_request-status {background-color: rgb(204, 153, 102); color: #fff;}
.app-list-tab .request-list .request-item.status8 .btn_request-status {background-color: rgb(051, 153, 204); color: #fff;}
.app-list-tab .request-list .request-item.status9 .btn_request-status {background-color: rgb(255, 153, 102); color: #fff;}

.app-list-tab .request-list .request-item .ri-header {position: relative;}
.app-list-tab .request-list .request-item .ri-header .rh-date {font-size: 16px; font-weight: 700; margin-right: 7px;}
.app-list-tab .request-list .request-item .ri-header .rh-type {}
.app-list-tab .request-list .request-item .ri-header .rh-type .rht-item {position: relative; display: inline-block; font-size: 14px; font-weight: 400; color: rgb(192, 194, 197); margin-right: 2px; padding-right: 8px;}
.app-list-tab .request-list .request-item .ri-header .rh-type .rht-item::after {position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: ''; width: 3px; height: 3px; background-color: rgb(221, 221, 221); border-radius: 50%;}
.app-list-tab .request-list .request-item .ri-header .rh-type .rht-item:last-child {margin-right: 0; padding-right: 0;}
.app-list-tab .request-list .request-item .ri-header .rh-type .rht-item:last-child::after {background-color: none; width: 0; height: 0;}
.app-list-tab .request-list .request-item .ri-header .rh-text {font-size: 14px; font-weight: 700; color: rgb(192, 194, 197);}
.app-list-tab .request-list .request-item .ri-header .rh-number {font-size: 14px; font-weight: 700; margin-left: 8px;}
.app-list-tab .request-list .request-item .ri-body {margin-top: 20px;}
.app-list-tab .request-list .request-item .ri-body .rb-row {font-size: 16px; font-weight: 400; margin-bottom: 11px;}
.app-list-tab .request-list .request-item .ri-body .rb-row:last-child {margin-bottom: 0;}
.app-list-tab .request-list .request-item .ri-body .rb-row .rr-date {position: relative; display: inline-block; padding-left: 25px;}
.app-list-tab .request-list .request-item .ri-body .rb-row .rr-addr1 {position: relative; display: inline-block; padding-left: 25px;}
.app-list-tab .request-list .request-item .ri-body .rb-row .rr-addr2 {position: relative; display: inline-block; padding-left: 25px;}
.app-list-tab .request-list .request-item .ri-body .rb-row .rr-date::after {position: absolute; top: 0; left: 0; content: ''; width: 17px; height: 17px; background: url('../img/icon-calendar.png');}
.app-list-tab .request-list .request-item .ri-body .rb-row .rr-addr1::after {position: absolute; top: 0; left: 0; content: ''; width: 17px; height: 17px; background: url('../img/icon-marker.svg');}
.app-list-tab .request-list .request-item .ri-body .rb-row .rr-addr1::before {position: absolute; top: 15px; left: 8px; content: ''; width: 1px; height: 100%; background-color: rgb(192, 194, 197);}
.app-list-tab .request-list .request-item .ri-body .rb-row .rr-addr2::after {position: absolute; top: 0; left: 0; content: ''; width: 17px; height: 17px; background: url('../img/icon-marker.svg');}

/* 탭 컨테이너 */
.btn_tab-prev {}
.btn_tab-next {}
.tab_count {display: none;}
.tab_count.active {display: block;}

.tab-wrapper {}
.tab-wrapper .tab-main {}
.tab-wrapper .tab-header {position: relative;}
.tab-wrapper .tab-header .tab-nav {position: relative; display: flex; white-space: nowrap; overflow-y: auto; z-index: 2;}
.tab-wrapper .tab-header .tab-nav::-webkit-scrollbar {display: none;}
.tab-wrapper .tab-header .tab-nav .nav-item {font-size: 14px; font-weight: 400; color: rgb(142, 144, 147); border-radius: 12px; padding: 8px 18px; margin-right: 8px;}
.tab-wrapper .tab-header .tab-nav .nav-item:last-child {margin-right: 0;}
.tab-wrapper .tab-header .tab-nav .nav-item.active {color: #fff; background-color: rgb(88, 48, 216);}
.tab-wrapper .tab-header .tab-next {position: absolute; top: calc(50% - 1px); right: -5px; transform: translateY(-50%); display: inline-flex; align-items: center; height: calc(100% + 3px); background-color: rgb(246, 247, 251); z-index: 3; padding: 0 5px 0 5px; opacity: 1; transition: opacity 0.75s ease-in-out; cursor: pointer;}
.tab-wrapper .tab-header .tab-next.scrolled {opacity: 0;}

.tab-wrapper .tab-menu {}
.tab-wrapper .tab-menu .tab-nav {display: flex; justify-content: space-between; border-bottom: 1px solid rgb(244, 244, 244);}
.tab-wrapper .tab-menu .tab-nav .nav-item {flex: 1; display: inline-flex; justify-content: center; align-items: center; height: 56px; font-size: 16px; font-weight: 400; color: rgb(142, 144, 147); border-bottom: 2px solid rgb(255, 255, 255);}
.tab-wrapper .tab-menu .tab-nav .nav-item.active {font-size: 16px; font-weight: 600; color: rgb(43, 43, 42); border-bottom: 2px solid rgb(88, 48, 216);}

.tab-wrapper .tab-container {display: none; visibility: hidden;}
.tab-wrapper .tab-container.active {display: block; visibility: visible;}
.tab-wrapper .tab-container .tab {display: none;}
.tab-wrapper .tab-container .tab.active {display: block;}

.tab-wrapper .tab-progress {opacity: 0; position: relative; top: -7px; width: 100%; height: 8px; background-color: rgba(88, 48, 216, 0.2);}
.tab-wrapper .tab-progress.active {opacity: 1;}
.tab-wrapper .tab-progress .current-progress {position: absolute; top: 0; left: 0; height: 100%; background-color: rgba(88, 48, 216, 1); transition: width 0.5s ease-in-out;}
/* .tab-wrapper .tab-progress::after {position: absolute; top: 0; left: 0; height: 100%; content: ''; background-color: rgba(88, 48, 216, 1); transition: width 0.5s ease-in-out;}
.tab-wrapper .tab-progress[data-progress='p-0']::after {width: 0;}
.tab-wrapper .tab-progress[data-progress='p-20']::after {width: 20%;}
.tab-wrapper .tab-progress[data-progress='p-40']::after {width: 40%;}
.tab-wrapper .tab-progress[data-progress='p-60']::after {width: 60%;}
.tab-wrapper .tab-progress[data-progress='p-80']::after {width: 80%;}
.tab-wrapper .tab-progress[data-progress='p-100']::after {width: 100%;} */

/* 참조 */
.item-notice {}
.item-notice .cn-desc {position: relative; font-size: 12px; font-weight: 400; color: rgb(165, 179, 197); margin-bottom: 4px; padding-left: 22px;}
.item-notice .cn-desc:last-child {margin-bottom: 0;}
.item-notice .cn-desc::before {position: absolute; top: 2px; left: 11px; content: '*';}

/* 캘린더 */
/* .fc-scroller {height:100% !important;} 캘린더 높이 */
.fc-view-container {border: none; text-transform: uppercase !important;} /* 전체 컨테이너 테두리 제거 */
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {color: white; border: none;} /* 전체 보더 제거 */
.fc-toolbar .fc-center {display: flex; align-items: center;} /* 캘린더 헤더 정렬 */
.fc-toolbar.fc-header-toolbar {margin-bottom: 30px;} /* 캘린더 헤더 */
.fc-toolbar > * > :not(:first-child) {margin-left: 35px;}
.fc-button {position: relative; top: -2px; border: none;} /* 헤더 화살표 버튼 */
.fc-button .fc-icon {color: rgb(164, 179, 197); font-size: 3em;} /* 헤더 화살표 아이콘 */
.fc-toolbar h2 {font-size: 18px; font-weight: 700;} /* 헤더 텍스트 */
.fc-button-primary {background-color: transparent; border-color: transparent;}
.fc-button-primary:hover {color: inherit; background-color: inherit; border-color: inherit;}
.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active {color: #fff; background-color: #fff; border-color: #fff;}
.fc-head {border-bottom: none;} /* 요일 보더 제거 */
.fc-day-header > span {display: inline-block; padding: 8px 0; font-size: 13px; font-weight: 500; text-align: center; color: rgb(152, 119, 255);} /* 날짜 텍스트 */
.fc td {font-size: 0; padding: 0; text-align: center;}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {position: relative; float: initial; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; font-size: 20px; font-weight: 500; color: #000; padding: 4px;} /* 날짜 칸 */
.fc-unthemed td.fc-today {background-color: transparent;}
.fc-unthemed td.fc-today > span {} /* 투데이 */
.fc-event, .fc-event-dot {background-color: transparent; border: none;} /* 이벤트 기본 테두리 제거 */
.fc-event01 > span:after {position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); content: ''; width: 5px; height: 5px; background-color: rgb(255, 187, 44); border-radius: 50%;} /* 이벤트 클래스 */
.fc-event02 > span {color: #fff !important; background-color: rgb(88, 48, 216); border-radius: 50%;}
/* .fc-event02 > span:after {position: absolute; top: 4px; left: 50%; transform: translateX(-50%); content: ''; width: 42px; height: 42px; background-color: rgb(88, 48, 216); border-radius: 50%;} */
.fc-row .fc-content-skeleton {padding-bottom: 0;}
.fc-row .fc-content-skeleton tbody {display: none !important;} /* 이벤트 영역 안보이기 */
.fc-highlight {position: relative; top: 2px; left: 1px; display: inline-block; width: 43px; height: 43px; background: rgba(88, 48, 216, 1); border: 1px solid rgba(88, 48, 216, 1) !important; border-radius: 50%; color: #fff; opacity: 0.3;} /* 클릭 하이라이트 */

/* 커스텀 캘린더 */
.calendar {padding: 27px 17px 40px 17px; background-color: #fff; border-radius: 12px; box-shadow: 0 3px 10px 0 rgb(210, 213, 222); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.calendar .jc-header {display: flex; justify-content: center; align-items: center;}
.calendar .jc-header .jc-header-title {font-size: 18px; font-weight: 700; margin: 0 58px;}
.calendar .jc-header .jc-button {width: 20px; height: 20px; padding: 5px; cursor: pointer;}
/* .calendar .jc-header .jc-button.btn_calendar-prev {background: url('../img/icon-calendar_prev.png') center center no-repeat;}
.calendar .jc-header .jc-button.btn_calendar-next {background: url('../img/icon-calendar_next.png') center center no-repeat;} */
.calendar .jc-header .jc-button.btn_calendar-prev {width: 6px; height: 11px; background: url('../img/icon-prev_black.png') center center no-repeat; background-size: cover;}
.calendar .jc-header .jc-button.btn_calendar-next {width: 6px; height: 11px; background: url('../img/icon-next_black.png') center center no-repeat; background-size: cover;}
.calendar .jc-body {margin-top: 30px;}
.calendar .jc-body .jc-week-container {}
.calendar .jc-body .jc-week-container .jc-row {display: flex;}
.calendar .jc-body .jc-week-container .jc-row .jc-day {flex: 1; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 13px; font-weight: 500; color: rgb(152, 119, 255); text-align: center; text-transform: uppercase;}
.calendar .jc-body .jc-day-container {}
.calendar .jc-body .jc-day-container .jc-row {display: flex; margin-top: 7px;}
.calendar .jc-body .jc-day-container .jc-row .jc-day {flex: 1; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 20px; font-weight: 500; color: #000; cursor: pointer;}
.calendar .jc-body .jc-day-container .jc-row .jc-day.active span {position: relative; color: #fff; z-index: 2;}
.calendar .jc-body .jc-day-container .jc-row .jc-day.active::after {position: absolute; content: ''; width: 40px; height: 40px; background-color: rgb(88, 48, 216); border-radius: 50%;}
.calendar .jc-body .jc-day-container .jc-row .jc-day.disabled {opacity: 0.3;}
.jc-event-01 span {position: relative;}
.jc-event-01 span::after {position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; content: ''; background-color: rgb(255, 187, 44); border-radius: 50%;}

/* loading spinner */
#loading {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 102;}
#loading.active {display: block;}
#loading .round:after {position: absolute; box-sizing: border-box; content: ''; top: 50%; left: 50%; width: 4rem; height: 4rem; margin-top: -2rem; margin-left: -2rem; border-radius: 50%; border: 0.3rem solid rgba(40, 48, 70, 0.2); border-top-color: rgb(88, 48, 216); border-right-color: rgb(88, 48, 216); animation: spinner 1.2s linear infinite;}
@keyframes spinner {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
/****************************** 개별 레이아웃 ******************************/
/* 로딩 */
.loading {height: 100%;}
.loading .app-loading {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
.loading .app-loading .main-logo {}
.loading .app-loading .main-logo img {width: 100%;}
.loading .app-loading .logo-title {letter-spacing: 0.48px; margin-top: 12px;}

/* 로그인 */
.app-login {padding: 66px 27px 40px 27px;}
.app-login .login-header {text-align: center;}
.app-login .login-header .main-logo {}
.app-login .login-header .main-logo img {}
.app-login .login-form {margin-top: 61px;}
.app-login .login-form .form-title {text-align: center; font-size: 26px; font-weight: 700;}
.app-login .login-form .form-content {margin-top: 20px;}
.app-login .login-form .find-account {display: flex; justify-content: space-between; margin-top: 10px; color: rgb(153, 169, 191);}
.app-login .login-form .form-button {margin-top: 33px;}
.app-login .login-form .form-button .solicitation {margin: 19px 0 78px 0; font-size: 1.4rem; text-align: center;}

/* 회원가입 */
.app-signup-main {}
.app-signup-main .select-box-container {}
.app-signup-main .select-box-container .select-box {position: relative; padding: 30px 0; text-align: center; border: 1px solid rgb(221, 221, 221); border-radius: 12px; margin-bottom: 17px; transition: border-color 0.15s;}
.app-signup-main .select-box-container .select-box.active {border: 1px solid rgb(88, 48, 216);}
.app-signup-main .select-box-container .select-box:before {position: absolute; top: 14px; right: 14px; content: ''; width: 28px; height: 28px; background: url('../img/icon-check.svg'); background-size: cover;}
.app-signup-main .select-box-container .select-box.active:before {background: url('../img/icon-check_active.svg'); background-size: cover;}
.app-signup-main .select-box-container .select-box .img-box {margin-bottom: 12px;}
/* 회원가입 - 이용약관 팝업 */
.check-list-wrapper {margin-bottom: 30px;}
.check-list-wrapper .check-list-body {}
.check-list-wrapper .check-list-body .check-item {display: flex; justify-content: space-between; padding: 14px 0;}
.check-list-wrapper .check-list-body .check-item.active {}
.check-list-wrapper .check-list-body .check-item .item-desc {}
.check-list-wrapper .check-list-body .check-item .show-terms {color: rgb(174, 174, 174);}
.check-list-wrapper .check-list-body .check-item.check-all {position: relative; padding: 0 0 0 32px;}
.check-list-wrapper .check-list-body .check-item.check-all:before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; width: 24px; height: 24px; background: url('../img/icon-check.svg'); background-size: cover;}
.check-list-wrapper .check-list-body .check-item.check-all.active:before {background: url('../img/icon-check_active.svg'); background-size: cover;}
.check-list-wrapper .check-list-body .check-item.check-normal {position: relative; padding: 14px 0 14px 32px;}
.check-list-wrapper .check-list-body .check-item.check-normal:before {position: absolute; top: calc(50% - 1px); left: 0; transform: translateY(-50%); content: ''; width: 24px; height: 24px; background: url('../img/icon-check2.svg'); background-size: cover;}
.check-list-wrapper .check-list-body .check-item.check-normal.active:before {background: url('../img/icon-check2_active.svg'); background-size: cover;}

/* 신청 */
.app-application-main {position: relative; min-height: 100vh;}
.app-application-main .application-content {padding: 74px 0 0 27px;}
.app-application-main .application-content .main-title {font-size: 49px; font-weight: 700; line-height: 58px;}
/* .app-application-main .main-illust {position: absolute; bottom: 73px; left: 50%; transform: translateX(-50%);} */
.app-application-main .main-illust {text-align: center; margin-top: 80px; padding-bottom: 73px;}
/* 신청 - 탭 */
.app-application-tab {padding: 27px;}
.app-application-tab .tab-title {margin-bottom: 32px; text-align: center;}
.app-application-tab .tab-title h2 {font-size: 24px; font-weight: 700; white-space: nowrap;}
.app-application-tab .tab-title h3 {font-size: 16px; font-weight: 400; color: rgb(165, 179, 197); margin-top: 7px;}
.app-application-tab .tab-content {position: relative; top: 0; bottom: 120px;}
.app-application-tab .select-box-container {display: flex; gap: 16px; padding: 0 10px;}
.app-application-tab .select-box-container .select-box {position: relative; width: 50%; padding: 52px 0 30px 0; text-align: center; background-color: #fff; border-radius: 12px; margin-bottom: 17px; transition: box-shadow 0.15s;}
.app-application-tab .select-box-container .select-box.active {box-shadow: 0 3px 10px 0 rgb(210, 213, 222);}
.app-application-tab .select-box-container .select-box:before {position: absolute; top: 14px; right: 14px; content: ''; width: 28px; height: 28px; background: url('../img/icon-check.svg'); background-size: cover;}
.app-application-tab .select-box-container .select-box.active:before {background: url('../img/icon-check_active.svg'); background-size: cover;}
.app-application-tab .select-box-container .select-box .img-box {height: 64px; margin-bottom: 12px;}
/* 신청 - 박스 수 계산 */
.box-count-container {background-color: #fff; border-radius: 12px; box-shadow: 0 3px 10px 0 rgb(210, 213, 222); padding: 63px 55px 50px 55px; margin-top: 32px;}
.box-count-container .img-box {text-align: center;}
.box-count-container .img-box img {width: 100px;}
.box-count-container .calculator {display: flex; justify-content: center; align-items: center; margin-top: 50px;}
.box-count-container .calculator .box-count {display: flex; justify-content: center; align-items: center; width: 120px; font-size: 20px; font-weight: 700;}
.box-count-container .calculator .box-count .box-min_num {margin-right: 7px;}
.box-count-container .calculator .box-count .box-max_num {margin-left: 7px;}
.box-count-container .calculator .btn_count-minus {width: 40px; height: 40px; background: url('../img/btn-minus.svg'); background-size: cover;}
.box-count-container .calculator .btn_count-plus {width: 40px; height: 40px; background: url('../img/btn-plus.svg'); background-size: cover;}
.box-count-container .calculator .btn_count-plus {display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: rgb(88, 48, 216); border-radius: 4px; font-size: 36px; font-weight: 200; color: #fff;}
/* 신청 - 주소 검색 메인 */
.form-address_main {display: none; padding: 20px 27px;}
.form-address_main.active {display: block;}
.form-address_main .field-address-text {width: 100%; padding-left: 16px; font-size: 18px; font-weight: 400; color: rgb(192, 194, 197);}
/* 신청 - 다음 주소 API */
#address_api {display: none; position: fixed; top: 70px; width: 100%; height: 100%; min-height: calc(100vh - 200px); padding-bottom: 70px; overflow: hidden; z-index: 1; -webkit-overflow-scrolling: touch;}
#address_api body {background-color: red !important;}
#btnCloseLayer {display: none !important;}
.form_search {border-bottom: 1px solid red !important;}
/* 신청 - 주소 팝업 */
.form-address_detail {display: none; padding: 27px 27px 40px 27px;}
.form-address_detail.active {display: block;}

/* 요청리스트 */
.data-item .item-field .corp-item {padding: 17px;}
.data-item .item-field .corp-item .ci-header {position: relative;}
.data-item .item-field .corp-item .ci-header .ch-text {font-size: 16px; font-weight: 700;}
.data-item .item-field .corp-item .ci-header .ch-number {font-size: 14px; font-weight: 400; margin-left: 8px; color: rgb(192, 194, 197);}
.data-item .item-field .corp-item .ci-body {margin-top: 20px;}
.data-item .item-field .corp-item .ci-body .cb-row {font-size: 14px; font-weight: 500; margin-bottom: 11px;}
.data-item .item-field .corp-item .ci-body .cb-row:last-child {margin-bottom: 0;}
.data-item .item-field .corp-item .ci-body .cb-row .cr-cost {position: relative; display: inline-block; padding-left: 25px;}
.data-item .item-field .corp-item .ci-body .cb-row .cr-tel {position: relative; display: inline-block; color: rgb(88, 48, 216); padding-left: 25px;}
.data-item .item-field .corp-item .ci-body .cb-row .cr-cost::after {position: absolute; top: 0; left: 0; content: ''; width: 17px; height: 17px; background: url('../img/icon-cost.svg');}
.data-item .item-field .corp-item .ci-body .cb-row .cr-tel::after {position: absolute; top: 0; left: 0; content: ''; width: 17px; height: 17px; background: url('../img/icon-tel.svg');}

.corp-list {}
.corp-list .corp-item {position: relative; padding: 17px; background-color: #fff; border-radius: 12px; box-shadow: 6px 6px 20px 0 rgba(157, 157, 157, 0.16); margin-bottom: 16px;}
.corp-list .corp-item:last-child {margin-bottom: 0;}
.corp-list .corp-item .ci-score {position: absolute; top: 16px; right: 16px; display: flex; align-items: center;}
.corp-list .corp-item .ci-score .score-img {margin-right: 4px;}
.corp-list .corp-item .ci-score .score-img img {}
.corp-list .corp-item .ci-score .score-num {position: relative; top: 1px; font-size: 12px; font-weight: 400; color: rgb(192, 194, 197);}
.corp-list .corp-item .ci-score .score-num .score {font-weight: 500; color: rgb(43, 43, 42);}
.corp-list .corp-item .ci-header {position: relative;}
.corp-list .corp-item .ci-header .ch-text {font-size: 16px; font-weight: 700;}
.corp-list .corp-item .ci-header .ch-number {font-size: 14px; font-weight: 400; margin-left: 8px; color: rgb(192, 194, 197);}
.corp-list .corp-item .ci-body {margin-top: 20px;}
.corp-list .corp-item .ci-body .cb-row {font-size: 14px; font-weight: 500; margin-bottom: 11px;}
.corp-list .corp-item .ci-body .cb-row:last-child {margin-bottom: 0;}
.corp-list .corp-item .ci-body .cb-row .cr-cost {position: relative; display: inline-block; padding-left: 25px;}
.corp-list .corp-item .ci-body .cb-row .cr-date {position: relative; display: inline-block; padding-left: 25px;}
.corp-list .corp-item .ci-body .cb-row .cr-cost::after {position: absolute; top: 0; left: 0; content: ''; width: 17px; height: 17px; background: url('../img/icon-cost.svg');}
.corp-list .corp-item .ci-body .cb-row .cr-date::after {position: absolute; top: 0; left: 0; content: ''; width: 17px; height: 17px; background: url('../img/icon-flag.svg');}

.corp-detail {}
.corp-detail .corp-title {font-size: 20px; font-weight: 800;}
.corp-detail .tags {position: relative; display: flex; flex-wrap: wrap;}
.corp-detail .tags .tag {position: relative; font-size: 1.1rem; color: rgb(142, 144, 147); padding: 2px 20px 2px 4px; background-color: rgb(232, 233, 234); margin: 0 4px 4px 0;}
.corp-detail .tags .tag:after {position: absolute; top: 50%; right: 4px; transform: translateY(-50%); content: ''; width: 13px; height: 13px; background: url('../img/icon-close_s.svg'); cursor: pointer;}
.corp-detail .corp-intro {margin-top: 37px;}
.corp-detail .corp-intro .intro-title {font-size: 18px; font-weight: 600;}
.corp-detail .corp-intro .intro-content {font-size: 16px; font-weight: 500; margin-top: 17px; white-space: pre-line;}

.corp-review {border-bottom: 1px solid rgb(244, 244, 244); margin-top: 36px; padding-bottom: 18px;}
.corp-review .review-header {}
.corp-review .review-header .rh-title {font-size: 18px; font-weight: 600;}
.corp-review .review-header .rh-score {display: flex; align-items: center; margin-top: 10px;}
.corp-review .review-header .rh-score .score {font-size: 36px; font-weight: 600; margin-right: 16px;}
.corp-review .review-header .rh-score .rs-detail {}
.corp-review .review-header .rh-score .rs-detail .image-container {}
.corp-review .review-header .rh-score .rs-detail .image-container .star-img {margin-right: 4px;}
.corp-review .review-header .rh-score .rs-detail .image-container .star-img img {}
.corp-review .review-header .rh-score .rs-detail .star-comment {font-size: 14px; font-weight: 400; color: rgb(174, 174, 174); margin-top: 7px;}
.corp-review .review-header .rh-score .rs-detail .star-comment .review-total {}

.review-list {margin-top: 21px;}
.review-list .review-item {margin-bottom: 25px;}
.review-list .review-item .item-header {display: flex; justify-content: space-between;}
.review-list .review-item .item-header .item-info {display: flex;}
.review-list .review-item .item-header .item-info .name {font-size: 16px; font-weight: 700;}
.review-list .review-item .item-header .item-info .image-container {margin-left: 8px;}
.review-list .review-item .item-header .item-info .image-container .star-img {margin-right: 4px;}
.review-list .review-item .item-header .item-info .image-container .star-img img {}
.review-list .review-item .item-header .item-date {font-size: 14px; font-weight: 400; color: rgb(174, 174, 174);}
.review-list .review-item .item-content {font-size: 16px; font-weight: 400; color: rgb(142, 144, 147); margin-top: 17px; white-space: pre-line;}

/* 마이페이지 */
.app-mypage {padding-bottom: 35px;}
.app-mypage .mypage-header {padding: 72px 27px 30px 27px;}
.app-mypage .mypage-header .point-info {display: flex; justify-content: space-between; align-items: center; height: 76px; background-color: #fff; box-shadow: 0 3px 10px 0 rgb(210 213 222 / 70%); border-radius: 12px; padding: 0 16px; margin-top: 17px;}
.app-mypage .mypage-header .point-info .point {display: flex;}
.app-mypage .mypage-header .point-info .point img {}
.app-mypage .mypage-header .point-info .point .point-num {font-size: 20px; font-weight: 700; margin-left: 8px;}
.app-mypage .mypage-header .point-info .link-point {font-size: 12px; font-weight: 500; color: rgb(174, 174, 174);}
.app-mypage .mypage-content {background-color: #fff; border-radius: 12px 12px 0 0; padding: 27px;}

/* 알림 */
.app-alert {padding: 27px;}

.table-list {}
.table-list .table-item {border-bottom: 1px solid rgb(244, 244, 244); padding-bottom: 18px; margin-bottom: 13px;}
.table-list .table-item .item-type {font-size: 16px; font-weight: 600; color: rgb(88, 48, 216);}
.table-list .table-item .item-desc {font-size: 14px; font-weight: 400; margin-top: 4px;}
.table-list .table-item .item-date {font-size: 12px; font-weight: 400; color: rgb(192, 194, 197); margin-top: 8px;}

/* 리뷰작성 */
.item-review-data {display: flex; align-items: center;}
.item-review-data .image-container {margin-right: 12px;}
.item-review-data .image-container .star-img {margin-right: 4px;}
.item-review-data .review-date {font-size: 14px; font-weight: 400; color: rgb(174, 174, 174);}
.review-desc {padding: 20px 16px; font-size: 16px; font-weight: 400; white-space: pre-line;}

.modal-review_write .image-container {}
.modal-review_write .image-container .star-img {margin: 0 4px;}
.modal-review_write .review-textarea {border-radius: 12px; background-color: rgb(248, 248, 248); padding: 20px; margin-top: 16px;}
.modal-review_write .review-textarea textarea {width: 100%; min-height: 80px; background-color: transparent; border: none; resize: none; font-size: 14px; font-weight: 400;}
.modal-review_write .review-textarea textarea::placeholder {color: rgb(142, 144, 147);}

/* 이사견적사 업체리스트 */
.app-company {padding: 0 27px 70px 27px;}
.app-company .list-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
.app-company .list-header .total_count {font-size: 14px; font-weight: 400; color: rgb(142, 144, 147);}

/* 포인트 충전 */
.app-point-tab {}
.app-point-tab .remain-point {background-color: rgb(246, 247, 251); padding: 16px 27px 22px 27px;}
.app-point-tab .remain-point .point-item {background-color: #fff; box-shadow: 0 3px 10px 0 rgba(210, 213, 222, 0.16); border-radius: 12px; margin-bottom: 16px;}
.app-point-tab .remain-point .point-item:last-child {margin-bottom: 0;}
.app-point-tab .remain-point .point-item .item-row {display: flex; justify-content: space-between; align-items: center; padding: 19px 16px;}
.app-point-tab .remain-point .point-item .item-row .item-title {font-size: 18px; font-weight: 400;}
.app-point-tab .remain-point .point-item .item-row .item-desc {font-size: 18px; font-weight: 700;}
.app-point-tab .remain-point .point-item .item-header {padding: 8px 0; border-bottom: 1px solid rgb(244, 244, 244);}
.app-point-tab .remain-point .point-item .item-header .sl-header {display: flex; justify-content: space-between; padding: 0 27px 0 53px;}
.app-point-tab .remain-point .point-item .item-header .sl-header .th {font-size: 14px; font-weight: 400; color: rgb(142, 144, 147);}
.app-point-tab .remain-point .point-item .item-header .ex-title {padding: 0 20px; font-size: 14px; font-weight: 400;}
.app-point-tab .remain-point .point-item .select-list {}
.app-point-tab .remain-point .point-item .select-list .sl-item {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgb(244, 244, 244); padding: 13px 14px 18px 16px;}
.app-point-tab .remain-point .point-item .select-list .sl-item:last-child {border-bottom: none;}
.app-point-tab .remain-point .point-item .select-list .sl-item.active {}
.app-point-tab .remain-point .point-item .select-list .sl-item .td {position: relative;}
.app-point-tab .remain-point .point-item .select-list .sl-item .td:nth-child(1) {font-size: 16px; font-weight: 600; color: #000; padding-left: 28px;}
.app-point-tab .remain-point .point-item .select-list .sl-item .td:nth-child(1)::before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; width: 20px; height: 20px; background: url('../img/icon-circle.svg'); border-radius: 50%;}
.app-point-tab .remain-point .point-item .select-list .sl-item.active .td:nth-child(1)::after {position: absolute; top: 50%; left: 4px; transform: translateY(-50%); content: ''; width: 12px; height: 12px; background-color: rgb(88, 48, 216); border-radius: 50%; transition: background-color 0.15s;}
.app-point-tab .remain-point .point-item .select-list .sl-item .td:nth-child(2) {text-align: right;}
.app-point-tab .remain-point .point-item .select-list .sl-item .td .price {font-size: 16px; font-weight: 500;}
.app-point-tab .remain-point .point-item .select-list .sl-item .td .notice-tax {font-size: 12px; color: rgb(192, 194, 197);}
.app-point-tab .remain-point .point-item .exchange-form {display: flex; justify-content: space-between; padding: 20px;}
.app-point-tab .remain-point .point-item .exchange-form input {border: none; width: 100%;}
.app-point-tab .remain-point .point-item .exchange-form .btn_exchange-all {min-width: 70px; height: 30px; display: inline-flex; justify-content: center; align-items: center; background-color: rgb(248, 248, 248); border-radius: 4px; font-size: 13px; font-weight: 500; color: rgb(142, 144, 147); cursor: pointer;}

.app-point-tab .input-form {padding: 27px;}
.app-point-tab .input-form .guide-item {background-color: rgb(248, 248, 248); border-radius: 12px; padding: 18px 16px 20px 16px;}
.app-point-tab .input-form .guide-item .guide-title {position: relative; font-size: 14px; font-weight: 600; padding-left: 21px;}
.app-point-tab .input-form .guide-item .guide-title::after {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; width: 17px; height: 17px; background: url('../img/icon-notice.svg');}

.app-point-tab .charge-history {padding: 0 27px;}
.app-point-tab .charge-history .charge-list .cl-item {display: flex; justify-content: space-between; border-bottom: 1px solid rgb(244, 244, 244); padding: 13px 0 17px 0;}
.app-point-tab .charge-history .charge-list .cl-item.point-plus {}
.app-point-tab .charge-history .charge-list .cl-item .item-info {}
.app-point-tab .charge-history .charge-list .cl-item .item-info .info-type {font-size: 16px; font-weight: 600; color: #000;}
.app-point-tab .charge-history .charge-list .cl-item .item-info .info-date {font-size: 12px; font-weight: 400; color: rgb(192, 194, 197); margin-top: 4px;}
.app-point-tab .charge-history .charge-list .cl-item .item-desc {}
.app-point-tab .charge-history .charge-list .cl-item .item-desc .point-charging {font-size: 18px; font-weight: 700;}
.app-point-tab .charge-history .charge-list .cl-item.point-plus .item-desc .point-charging {color: rgb(88, 48, 216);}
.app-point-tab .charge-history .charge-list .cl-item .item-desc .point-remain {font-size: 14px; font-weight: 400; color: rgb(142, 144, 147); text-align: right;}

/* 글 - 상세 페이지 */
.app-post {padding: 27px;}
.app-post .post-detail {}
.app-post .post-detail .post-header {display: flex; justify-content: space-between;}
.app-post .post-detail .post-header .ph-title {font-size: 16px; font-weight: 700;}
.app-post .post-detail .post-header .ph-date {min-width: 85px; font-size: 14px; font-weight: 400; color: rgb(192, 194, 197); text-align: right;}
.app-post .post-body {margin-top: 17px;}
.app-post .post-body textarea {width: 100%; height: auto; border: none; resize: none; font-size: 14px; font-weight: 400;}

/* 이용약관 */
.app-content .terms-wrapper {}
.app-content .terms-wrapper .terms-content {}
.app-content .terms-wrapper .terms-content .terms-item {}
.app-content .terms-wrapper .terms-content .terms-item p {white-space: pre-line;}
/* @media screen and (max-width: 360px) {
} */

.cont-score {margin-top: 4px; text-align: center;}
.cont-score .score {margin: 0 4px; cursor: pointer;}
.cont-score .score img {width: 24px;}
.cont-score .score img.score_empty {display: inline-block;}
.cont-score .score img.score_full {display: none;}
.cont-score .score.active img.score_empty {display: none;}
.cont-score .score.active img.score_full {display: inline-block;}