html {background:initial!important;}
/*====== 부고인증(페이지) .auth--area ======*/
.auth--area {width:460px;min-height:calc(100vh - 80px);margin:0 auto;padding:145px 40px;}
.auth--area > .txt-subtitle {text-align:center;}
.auth--area .btn-area {margin-top:32px;padding-top:32px;border-top:1px solid var(--bg-tertiary,#E8E8E8);}
.auth--area .terms-cont table th,
.auth--area .terms-cont table td {padding:6px;font-size:85%;}
.auth--area .terms-cont .mg-t40 {margin-top:20px;}
/*====== 부고작성 .bugo-write--area ======*/
.bugo-write--area {gap:96px;justify-content:center;width:1100px;margin:0 auto;padding:40px 0;}
.bugo-write--area .left {flex:0 0 410px;display:flex;justify-content:center;position:relative;width:410px;}
.bugo-write--area .right {flex:0 0 490px;width:490px;}
.form--box {display:flex;flex-direction:column;}
.form--box + .form--box,
.form--box + .btn-area {margin-top:56px;}
.form--box .form-header {display:flex;margin-bottom:16px;}
.form--box .form-header .horiz {gap:24px;margin-top:-8px;margin-bottom:-8px;margin-left:auto;}
.form--box .input-area {margin-bottom:4px;}
.form--box .input-area + .input-area {margin-top:16px;padding-top:16px;border-top:1px solid var(--bg-tertiary,#E8E8E8);}
.form--box .input--basic input {transition:top 0.2s ease-in-out;}
.form--box .textarea-box textarea {transition:margin-top 0.2s ease-in-out;}
.form--box:not(.sangju-add__list) .input__row .col-2 {flex:1 1 157px;}
.bugo-form .form--box .input__row .col-4 {gap:0;flex:1 1 330px;}
.bugo-form .input__row .col-4 .btn-56 {border-top-right-radius:0;border-bottom-right-radius:0;}
.input__row .col-4.input-box .btn-56 {width:80px;padding:6px;border-top-left-radius:0;border-bottom-left-radius:0;border:0;border-left:1px solid var(--bg-tertiary,#E8E8E8);color:var(--content-primary,#1F1F1F);}
.input__row .col-4.input-box.error .btn-56 {border-color:var(--red-500,#EA7032)!important;}
.input__row:not(.directly--cell) .input-box:not(.directly--show) .directly__input {display:none;}
/*직접입력*/
.directly--cell {border-left:0;}
.directly--cell .input--basic input:focus,
.directly--cell .input--basic input:not(:placeholder-shown) {top:8px;}
.directly--cell .directly__input {border-radius:0;}
.directly--show .directly__input {display:block;position:absolute;top:23px;right:55px;left:17px;}
.directly--show .directly__input input {width:100%;}
/*부고작성 > 미리보기 핸드폰 영역 .mobile-area  */
.mobile-area {overflow:hidden;position:fixed;top:102px;transform:translateY(-27px);width:408px;height:855px;padding: 43px 23px 45px 24.5px;}
.mobile-area:after {content:'';display:block;position:absolute;left:0;top:0;z-index:200;width:100%;height:100%;background:url("../../images/web/phone-frame.png")no-repeat center/contain;pointer-events:none;}
.mobile-area .wrap-all {display:block;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;border-radius:42px;}
.mobile-area .obituary-view::-webkit-scrollbar {display:none;}
.mobile-area .wrap-inner {padding:0 20px;}
.mobile-area .btn-area {display:flex;flex-wrap:wrap;padding:16px 20px;}
.mobile-area .btn-area:not(.modal-footer) {gap:8px;}
.mobile-area .btn-area:not(.between) > * {flex:1 0 30%;}
.mobile-area .btn-area :is(.chk-list, .tip-box) {flex-basis:100%;align-items:flex-start;}
.mobile-area .footer--basic {padding:40px 0 80px;text-align:center;color:var(--content-tertiary,#C0C0C0);}
.mobile-area .footer--basic p {display:flex;align-items:flex-end;gap:4px;justify-content:center;}
.mobile-area .footer--basic address {margin-top:4px;}
.mobile-area .bugo-info {width:100%;margin:0 auto;padding-top:104px;}
.mobile-area .btn-40 {flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:4px;height:40px;padding:8px;border-radius:8px;text-align:center;}
.mobile-area .btn-tertiary {border:1px solid;border-color:var(--bg-primary,#F5F5F5);background:var(--bg-primary,#F5F5F5);color:var(--content-secondary,#8A8A8A);font-size:15px;font-weight:700;line-height:22px;}
.mobile-area .flex--between .ico-obituary {padding:8px;}
.mobile-area .obituary-view .master-words pre {word-break:break-word;}
.mobile-area .obituary-view .map-area.hidden + .btn-area-map {border-top:1px solid var(--bg-tertiary,#E8E8E8);}
.mobile-area .bugo-info .brief-history {padding:0;}
/*부고작성 >  modal - 장례식장 검색*/
.funeral-search--area {height:514px;margin-top:48px;padding-bottom:72px;}
.funeral-search--area .input__row {margin-bottom:32px;}
.funeral-search--area .input-box {border-radius:8px;}
.funeral-search--area .input__row + .txt-caption01 {margin-bottom:8px;color:var(--content-secondary,#8a8a8a);}
.list-funeral {height:355px;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}
.funeral-item {display:block;position:relative;padding:10px 0 10px 32px;text-align:left;}
.funeral-item:before {content:'';display:block;width:20px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:url('../../images/app/v2/ico_funeral.png')no-repeat center/contain;}
.funeral-item [class*="txt-"] {display:block;}
.funeral-item .txt-caption01 {color:var(--content-tertiary,#C0C0C0);}
.funeral-search--area .no-funeral {margin-top:48px;color:var(--content-secondary,#8a8a8a);}
.funeral-search--area .no-funeral .txt-body02 + .txt-body02 {margin-top:12px;}
/*부고작성 >  modal - 영정사진*/
.picture__area {display:flex;flex-direction:column;align-items:center;padding-bottom:48px;text-align:center;}
.picture__area > [class*="step0"]:not(.show) {display:none;}
.picture__area [class*="step0"].show {display:block;width:100%;}
.picture__area .txt-subtitle ,
.picture__area .txt-subtitle + .txt-body01 {margin-bottom:24px;}
.picture__area .btn-area {flex-wrap:nowrap;justify-content:center;gap:12px;padding:0;margin-top:24px;}
.picture__area .btn-40 {flex:0 0 150px;}
.picture__area .btn-tertiary:hover {color:var(--content-primary,#f1f1f1);transition:0.2s ease-in-out;}
.photo-regist-area {height:180px;margin:0 auto;overflow:hidden;}
.photo-regist-area.resize {width:312px;background:var(--bg-dim, rgba(31, 31, 31, 0.50));border:1px solid var(--bg-secondary,#EDEDED);}
.photo-regist-area:not(.resize){width:150px;background:var(--bg-primary, #F5F5F5);}
.photo-regist-profile {width:100%;height:180px;}
.photo-regist-profile img {display:none;max-width:100%;max-height:100%;margin:0 auto;}
.photo-regist-area:not(.resize) .photo-regist-profile:not(.include-img) {background:url('../../images/web/bg-profile.png')no-repeat center/contain;}
.photo-regist-profile.include-img img {display:block;}
/*부고작성 > modal - 상주 추가*/
.add-sangju__area .txt-subtitle {margin-bottom:12px;}
.add-sangju__area .txt-subtitle + .txt-body01 {margin-bottom:48px;}
.add-sangju__area .flex--center-center {margin-top:24px;}
.sangju-add__list {overflow-y:auto;max-height:368px;margin-top:48px;}
.sangju-add__list::-webkit-scrollbar {display:none;}
.sangju-add__item {display:flex;margin-bottom:12px;}
.sangju-add__item .input__row {flex-grow:1;}
.sangju-add__item:not(.all-add) .input__row {height:56px;}
.sangju-add__item .input__row .input-box {height:100%;}
.sangju-add__item .input__row .input-box:first-child {border-bottom-left-radius: 8px;}
.sangju-add__item .input__row .input-box:last-child {border-bottom-right-radius:8px;}
.sangju-add__item .input__row .col-1 {flex:1 1 102px;}
.sangju-add__item .input__row .col-2 {flex:1 1 142px;}
.sangju-add__item .input__row .col-3 {flex:1 1 168px;}
.sangju-add__item .input__row .col-4 {gap:0;flex:1 1 240px;}
    /* 부고작성 > modal - 상주 추가( .no-bank 전체상주 팝업 내 계좌정보등록) */
    .bank-input__area {gap:0;flex:1 1 382px;display:flex;transform:translateZ(0);margin-left:-1px;}
    .bank-input__area :is(.input-box,.textarea-box):first-child {border-radius:0!important;}
    .sangju-add__item.no-bank .input-box:nth-child(3) {border-top-right-radius:8px;border-bottom-right-radius:8px;}
    .sangju-add__item.no-bank .bank-input__area {display:none;}
    /* 부고작성 > modal - 상주 추가 > 상주 일괄 추가 */
    .sangju-add__item.all-add .input-box {height:auto;}
    .sangju-add__item.all-add .input--basic {padding-bottom:7px;}
    .sangju-add__item.all-add .input-box.col-4 {align-items:flex-start;}
    /* amsify suggest tags - 상주 일괄 추가 입력폼 */
    .amsify-suggestags-area {width:100%;padding:0 16px;}
    .amsify-suggestags-input-area {display:block;padding-bottom:8px;}
    .amsify-suggestags-input-area:after {content:'';visibility:hidden;display:block;clear:both;}
    .amsify-suggestags-input-area > * {float:left;margin-top:8px;margin-right:8px;}
    .amsify-select-tag {display:block;position:relative;height:40px;padding:8px 42px 8px 16px;border-radius:32px;box-sizing:border-box;background:var(--bg-primary,#F5F5F5);}
    .amsify-remove-tag {display:block;position:absolute;right:9px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-image:var(--sprite-icons, url('../../images/app/v2/sp_common_ico.svg'));background-repeat:no-repeat;background-size:calc(var(--size,24px) * 9) auto;background-position:calc(var(--size,24px) * -2) 0;cursor:pointer;}
    .amsify-suggestags-list {display:none;}
    .amsify-suggestags-edit-input {width:60px;border-radius:4px;border:1px solid #aaa;}
    .amsify-suggestags-area .amsify-suggestags-input {min-width:200px;height:40px;}
    .amsify-suggestags-area .amsify-suggestags-input::placeholder {position:initial;}
    /* 상주 순서버튼 */
    .sangju-item__btn {border-radius:8px;border:1px solid var(--bg-tertiary, #E8E8E8);background:var(--bg-inverse, #FFF);}
    .sangju-item__btn.up-down {display:flex;margin-left:16px;}
    .sangju-item__btn.up-down .btn-56 {position:relative;height:54px;padding:15px;}
    .sangju-item__btn.up-down .btn-56 + .btn-56:before {content:'';display:block;position:absolute;left:-1px;top:16px;width:1px;height:22px;background:var(--bg-tertiary,#e8e8e8);}
    .sangju-item__btn.remove {width:56px;margin-left:8px;}
    /* .leader-sangju 대표상주 */
    .leader-sangju {pointer-events:none;}
    .leader-sangju .input--basic,
    .leader-sangju .input--basic input,
    .leader-sangju .ui-selectmenu-button.ui-button,
    .leader-sangju .ui-selectmenu-button:not(.focus) .ui-selectmenu-text {background:var(--bg-primary,#F5F5F5)!important;border-color:var(--bg-tertiary,#E8E8E8)!important;color:var(--gray-200,#C0C0C0)!important;pointer-events:none;}
    .leader-sangju .input-box.required [class*="input--"]:before {display:none;}
    .txt-leader {flex:0 1 176px;display:flex;min-width:176px;padding:4px 0;margin-left:16px;}
    .txt-leader .ico-24 {margin-left:-2px;margin-right:auto;}
/*====== 부고등록완료 .obituary-dun ======*/
.obituary-dun {width:793px;height:648px;margin:0 auto;padding:144px 0 80px;text-align:center;}
.obituary-dun .txt-title {margin-bottom:16px;}
.obituary-dun .txt-headline {margin-bottom:40px;}
.obituary-dun .btn-area {gap:16px;margin-top:48px;padding-top:48px;border-top:1px solid var(--bg-tertiary,#e8e8e8);}
.obituary-dun .btn-area .btn-40 {flex-grow:0;flex-basis:160px;}
.obituary-dun .btn-area .btn-tertiary:hover {color:var(--content-primary,#f1f1f1);transition:0.2s ease-in-out;}
.share-ico__list {display:flex;align-items:center;justify-content:center;gap:72px;}
.share-ico__list .txt-body02 {display:block;margin-top:8px;}
/*====== 부고관리 인증 .obituary-auth ======*/
.obituary-auth {width:320px;margin:0 auto;padding:53px 0;}
.obituary-auth .txt-body01 {margin-bottom:48px;text-align:center;}
.obituary-auth .btn-area {margin-top:48px;padding:0;}
/*====== 부고관리 리스트 .obituary-list__area ======*/
.obituary-list__area {width:808px;margin:0 auto;padding:52px 0;}
.obituary-list__area h2 {margin-bottom:38px;text-align:center;}
.obituary-list {display:flex;flex-direction:column;gap:12px;}
.obituary-list__item {padding:16px;background:var(--bg-inverse, #FFF);border-radius:8px;border:1px solid rgba(31, 31, 31, 0.10);}
.obituary-list__item .item-header {display:flex;justify-content:space-between;align-items:center;}
.obituary-list__item .item-header .color-secondary {position:relative;margin-left:24px;}
.obituary-list__item .item-header .color-secondary:before {content:'';display:block;position:absolute;top:4px;left:-12px;width:1px;height:16px;background:var(--content-secondary,#8a8a8a);}
.obituary-list__item .item-header .btn-area {width:180px;padding:0;}
.obituary-list__item .item-header .btn-area .btn-30 {width:52px;color:var(--content-primary,#1f1f1f);}
.obituary-list__item .item-cont {display:table;table-layout:fixed;margin-top:16px;}
.obituary-list__item .item-cont dl {display:table-row;width:100%;}
.obituary-list__item .item-cont .txt-body02 {display:table-cell;min-width:30px;padding:1px 8px 0 0;color:var(--primary-200,#E3B87C);word-wrap:break-word;}
.obituary-list__item .item-cont .txt-body01 {display:table-cell;width:100%;word-break:keep-all;}
.obituary-list__item .item-cont dl + dl .txt-body01 {padding-top:4px;}
    /* 부고리스트 > 공유*/
    .share-modal {text-align:center;}
    .share-modal .share-ico__list {padding:36px 0 48px;}
@media screen and (max-width:1200px) {
    .mobile-area {position:relative;top:-19px;}
}