@charset "utf-8"; .border-left-radius-0{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;} .border-right-radius-0{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;} .border-left-radius{border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem;} .border-right-radius{border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;} .border-radius-0 {border-radius: 0 !important;} .font-wt-300 {font-weight: 300 !important;} .font-wt-400 {font-weight: 400 !important;} .font-wt-500 {font-weight: 500 !important;} .font-wt-600 {font-weight: 600 !important;} .font-wt-700 {font-weight: 700 !important;} .font-wt-bold {font-weight: bold !important;} /* 메인페이지 동영상 */ .dafl_main_top_video_wrap {width: 100%; position: relative;} .dafl_main_top_video {width: 100%; height: 0; padding-bottom: 28.125%; position: relative;} .dafl_main_top_video > video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} .dafl_main_top_video_wrap a {position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%); font-size: 1.125rem; text-shadow: 0px 0px 3px rgba(255,255,255,1); padding: 0.25rem; display: none; font-weight: bold;} @media (max-width: 1024px) { .dafl_main_top_video {padding-bottom: 56.25%;} } .JS-imgPrduListWrap {display: block;} .JS-imgPrduListWrap>li{display: inline-block;width: 20%;position: relative;} .JS-imgPrduListWrap>li .JS-imgResizeBtn{position: absolute;right:15px;top:15px;background-color: #FFF;border:1px solid #DDD;padding: 5px 10px;border-radius: 0.25rem;} .JS-imgPrduListWrap>li>a p{display: block;border:1px solid #DDD;margin:5px; height: 120px;background-size: 100%;background-position: center;background-repeat: no-repeat;transition: all 0.2s ease-in-out;} .JS-imgPrduFrame > div{display: block; background-size: 100% auto;background-position: center;background-repeat: no-repeat;transition: all 0.2s ease-in-out;} .JS-imgPrduFrame > div:hover{background-size: 150% auto;} .JS-imgPrduFrame .JS-imgResizeBtn{position: absolute;right:15px;top:15px;background-color: #FFF;border:1px solid #DDD;padding: 5px 10px;border-radius: 0.25rem;} .JS-imgPrduListWrap>li>a h6{text-align: center;padding: 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .JS-imgPrduListWrap>li>a:hover p{background-size: 150%;} .JS-imgPrduListWrap.JS-itemCnt2>li{width: 50%;} .JS-imgPrduListWrap.JS-itemCnt2>li>a p{height: 80px;} .JS-imgPrduListWrap.JS-frameWrthList>li{width: 33.3%;} .JS-imgPrduListWrap.JS-frameWrthList>li>a p{height: 220px;} .JS-imgPrduListWrap.JS-wrthDialogList>li{width: 20%;} .JS-imgPrduListWrap.JS-wrthDialogList.JS-itemCnt2>li{width: 50%;} .JS-imgPrduListWrap.JS-wrthDialogList>li>a p{height: 220px;} .JS-imgPrduListWrap.JS-wrthDialogList.JS-itemCnt2>li>a p{height: 300px;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList {padding: 0.5rem;margin-bottom: 0.3rem;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dt {font-size: 1.75rem; font-weight: 500;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dd {margin-top: 0.5rem;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dd > table {border-top-color: #000; border-bottom-color: #c4c4c4;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dd > table > tbody > tr > th {font-size: 1.25rem; font-weight: 300;} #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dd > table > tbody > tr > td {text-align: left; padding: 0.5rem 1.5rem;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li{padding: 5px 0;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li > dl > dt{font-size: 1.4rem;font-weight: bold;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li > dl > dt > i{} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li > dl > dd{margin-top: 0.5rem;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li > dl > dd > ul > li{margin-top: 0.5rem;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasItemList > li > dl > dd > ul > li > dl > dd{margin-top: 0.1rem;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasDetWrap > li > .card{border: 1px solid rgba(0, 0, 0, .125) !important;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasDetWrap > li > .card > .card-body > ul > li {margin-top: 0.5rem;} #okflagDeliveryUsrReqBas ul.JS-okflagDeliveryUsrReqBasDetWrap > li > .card > .card-body > ul > li > dl > dd{margin-top: 0.1rem;} .JS-addTypeFormCloseBtn {display: inline-block; padding: 0.5rem; color: #ff9797; font-size: 2rem; line-height: 0; margin-right: 0.5rem;} .JS-daflMngtPrdOptn > ul{margin-right: -10px;margin-left: -10px;} .JS-daflMngtPrdOptn > ul > li {padding: 0; display: inline-block; width:25%;margin:0px; padding:0 10px;position: relative;} .JS-daflMngtPrdOptn > ul > li > label {cursor: pointer; padding: 1rem 0; width: 100%; display: block; border: 1.5px solid #ced4da; text-align: center; background-color: #fff; font-weight: 300; font-size: 1.25rem; position: relative;} .JS-daflMngtPrdOptn > ul > li > label:hover {border-color: #3366B9; color: #3366B9; z-index: 0;} .JS-daflMngtPrdOptn > ul > li > div {display: none; width: 0; height: 0; position: absolute; top: 0; right: 10px; z-index: 1; border-right: 1.5rem solid #3366B9; border-bottom: 1.5rem solid transparent; border-left: 1.5rem solid transparent; border-top: 1.5rem solid #3366B9;} .JS-daflMngtPrdOptn > ul > li > div > i {color: #fff; position: absolute; top: -17px; right: -17px;} .JS-daflMngtPrdOptn > ul > li > input[type="checkbox"] {display: none;} .JS-daflMngtPrdOptn > ul > li > input[type="checkbox"]:checked + label {background-color: #fff; font-weight: 500; color: #000; border-color: #3366b9; z-index: 1; box-shadow: 0px 0px 7px rgba(30, 152, 215, 0.35);} .JS-daflMngtPrdOptn > ul > li > input[type="checkbox"]:checked ~ div {display: block;} .JS-wrthPrdLstWrap { padding: 0.75rem;} .JS-wrthPrdLstWrap .ui-checkboxradio-label {display: inline-block; width: calc(20% + 0.8px - 0.6rem); border: 1px solid #d6d6d6; border-radius: 0; padding: 0.5rem; margin: 0 0 0.75rem; text-align: left; font-weight: 500 !important; font-family: "Noto Sans KR", sans-serif; position: relative; background-color: #fff;} .JS-wrthPrdLstWrap > .ui-checkboxradio-label:not(:nth-child(5n)) {margin-right: 0.75rem;} .JS-wrthPrdLstWrap > .ui-checkboxradio-label:nth-child(n+16) {margin-bottom: 0;} .JS-wrthPrdLstWrap > .ui-checkboxradio-label:nth-child(5n) {margin-right: -1px;} .JS-wrthPrdLstWrap > .ui-checkboxradio-label:not(:nth-child(5n+1)) {margin-left: -1px;} .JS-wrthPrdLstWrap .ui-checkboxradio-label:hover {border: 1px solid #3366b9; z-index: 2;} .JS-wrthPrdLstWrap .ui-checkboxradio-label .JS-origPr {font-size: 0.9rem; font-weight: 300;} .JS-wrthPrdLstWrap .ui-checkboxradio-label .JS-imgResizeBtn {position: absolute; top: 0.5rem; right: 0.5rem; color: #454545 !important; padding: 0.375rem 0.5rem; margin-right: 0; border-top-right-radius: 0.25rem; border: 0; background-color: #f6f6f6; box-shadow: -1px 1px 3px rgba(0,0,0,0.35);} .JS-wrthPrdLstWrap .ui-checkboxradio-label .JS-imgResizeBtn:hover {color: #000 !important; opacity: 1; background-color: #f6f6f6;} .JS-wrthPrdLstWrap .ui-icon-background {background-image: none; display: block; border: 0; border-radius: 0.5rem; background-color: #FFF; background-repeat: no-repeat; width: 100%; padding-bottom: 100%; background-size: 100% 100%; background-position: center center; margin: 0px; box-shadow: inherit; transition: all 0.2s ease-in-out; margin-bottom: 0.5rem; } .JS-wrthPrdLstWrap .ui-checkboxradio-label:hover .ui-icon-background {background-size: 150% 150%;} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked {background-color: #3366b919; border-color: #3366b9; z-index: 2; box-shadow: inherit; color: #000; border-width: 3px;} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked > dl > dt {padding-top: 0;} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon-background {border: 0 !important; filter: brightness(1.1);} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon-background, .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon-background {width: 100%; padding-bottom: 100%; border: 1px solid #DDD;} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked dl > dt {font-weight: 700 !important;} .JS-wrthPrdLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked .orig_pr {color: #000;} .JS-wrthPrdLstWrap .orig_pr {text-decoration:line-through;} .dd-option-image, .dd-selected-image { max-height: 40px !important; padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; } #okflagDeliveryUsrReqBas #ddslickDivyWrthDetInfoSxnCd .dd-selected { padding: 3px; } #okflagDeliveryUsrReqBas #ddslickDivyWrthDetInfoSxnCd .dd-select { border: 1px solid #ced4da; border-radius: 0.25rem; } /* 꽃바구/화분 ddSlick: 펼침 중에만 주문 패널·0002 카드 stacking (혜택 dl·InputLstFormWrap·form overflow 미변경) */ .dnt_prd_divy_instl_req_form .JS-addTypeForm[data-params="0002"].is-wrth-dd-open, .dnt_prd_divy_instl_req_form .JS-addTypeForm[data-params="0002"].is-wrth-dd-open > .card-body, .dnt_prd_divy_instl_req_form .JS-addTypeForm[data-params="0002"].is-wrth-dd-open .dnt_prd_ord_inf_form_val { overflow: visible; } .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl:first-child > dd > .cmn_shadow_form_panel.is-wrth-dd-open { position: relative; z-index: 2; overflow: visible; } #okflagDeliveryUsrReqBas #ddslickDivyWrthDetInfoSxnCd.is-dd-open { position: relative; z-index: 3; } #okflagDeliveryUsrReqBas #ddslickDivyWrthDetInfoSxnCd.is-dd-open .dd-options, #okflagDeliveryUsrReqBas #ddslickDivyWrthDetInfoSxnCd.is-dd-open ul.dd-options.dd-click-off-close { z-index: 4; } #okflagDeliveryUsrReqBas th{font-weight: bold !important;} #okflagDeliveryUsrReqBas .card{border:1px solid rgba(0, 0, 0, 0.125) !important;} #okflagDeliveryUsrReqBas .card-body{background-color: transparent !important;padding: 1rem !important;} .JS-selectItemWrth .JS-selectItemBtn{padding: 3rem 1.5rem !important;} .JS-selectItemWrth .JS-selectItemBtn h1{font-size: 2rem;} .JS-selectItemWrth .JS-selectItemBtn p{font-size: 1rem;} .JS-selectItemFrameWrth .JS-selectItemBtn{padding: 3rem 1.5rem !important;} .JS-selectItemFrameWrth .JS-selectItemBtn h1{font-size: 2rem;} .JS-selectItemFrameWrth .JS-selectItemBtn p{font-size: 1rem;} /* dntPrdDivyInstlReqForm - 배송설치요청 (사용자/관리자 공통) */ .dnt_prd_divy_instl_req_form label {cursor: pointer;} .dnt_prd_divy_instl_req_form {max-width: 100%; overflow-x: hidden; box-sizing: border-box;} .dnt_prd_divy_instl_req_form.is-dnt-prd-init-pending #JS-okflagDeliveryUsrReqBasWrap, .dnt_prd_divy_instl_req_form.is-dnt-prd-init-pending > .dnt_prd_sel_cta_bar, .dnt_prd_divy_instl_req_form.is-dnt-prd-init-pending #JS-dntPrdEvtBranchGate {visibility: hidden;} .dnt_prd_divy_instl_req_form .JS-dntPrdSelGridWrap {display: block; width: 100%; max-width: 100%; overflow: visible;} /* 배송설치요청 - 선택 상품 미리보기 (사용자/관리자 공통) */ .addn_ty_lst_preview {display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; gap: 1rem; margin: 0; padding: 0; list-style: none;} .addn_ty_lst_preview > li {position: relative; text-align: center; width: 5rem; min-width: 5rem; max-width: 5rem; list-style: none;} .addn_ty_lst_preview > li > i.JS-addnTyLstPreviewImg {display: block; width: 3rem; height: 3rem; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 50%; margin: 0 auto; font-style: normal;} .addn_ty_lst_preview > li > span {display: block; max-width: 100%; margin-top: 0.25rem; color: #000; font-weight: 500; font-size: 0.85rem; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .addn_ty_lst_preview > li > em {position: absolute; top: 0; right: 0.25rem; font-weight: bold; color: #000; background-color: #ffffffcc; width: 1.25rem; height: 1.25rem; text-align: center; border-radius: 50%; cursor: pointer; font-style: normal;} .addn_ty_lst_preview > li > em > i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* 배송설치요청 - 상품 선택 그리드 (사용자/관리자/모바일 공통, contents.css float 레이아웃 무력화) */ .dnt_prd_divy_instl_req_form .JS-dntPrdSelGridWrap > ul.product-selection-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.25rem; margin: 1.5rem 0 0; padding: 0.75rem 0.5rem; width: 100%; max-width: 100%; box-sizing: border-box; overflow: visible; list-style: none; } .dnt_prd_divy_instl_req_form .product-selection-grid li, .dnt_prd_divy_instl_req_form .JS-dntPrdSelGridWrap > ul.product-selection-grid > li.product-selection-item { list-style: none; min-width: 0; float: none; width: auto; } .dnt_prd_divy_instl_req_form .JS-dntPrdSelGridWrap > ul.product-selection-grid > li.product-selection-item:after { display: none; content: none; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-item { padding: 0.625rem; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card { display: flex; flex-direction: column; height: 100%; min-width: 0; box-sizing: border-box; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); transition: box-shadow 0.28s ease, transform 0.28s ease, background-color 0.28s ease, border-color 0.28s ease; position: relative; white-space: normal; cursor: pointer; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card:not(.is-disabled):hover { border-color: #004596; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); transform: translateY(-6px); z-index: 1; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card.is-selected { background: #fff; border-color: #004596; box-shadow: 0 8px 20px rgba(0, 69, 150, 0.12); transform: translateY(-6px); z-index: 2; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card.is-selected::after { display: none; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card.is-selected:not(.is-disabled):hover { border-color: #004596; box-shadow: 0 8px 20px rgba(0, 69, 150, 0.18); transform: translateY(-6px); z-index: 3; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card.is-selected:not(.is-disabled):hover::after { display: none; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card.is-disabled { opacity: 0.42; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06); transform: none; cursor: not-allowed; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card.is-disabled:hover { box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06); transform: none; z-index: auto; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card_visual { position: relative; width: 100%; border-radius: 12px 12px 0 0; overflow: hidden; background-color: #f9fafb; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card_img { display: block; width: 100%; height: 0; padding-bottom: 125%; background-size: contain; background-position: center center; background-repeat: no-repeat; background-color: #f9fafb; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card.is-selected .product-selection-card_visual, .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card.is-selected .product-selection-card_img { background-color: #f9fafb; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card_visual .ui-checkboxradio-icon-badge, .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card_visual .ui-checkboxradio-create-icon-badge { position: absolute; top: 5px; left: 5px; z-index: 3; } .dnt_prd_divy_instl_req_form .product-selection-grid .JS-dntPrdSelCheckBadge { position: absolute; top: 8px; right: 8px; z-index: 7; display: none; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: #28a745; color: #fff; font-size: 0.8125rem; line-height: 1; box-shadow: 0 2px 8px rgba(40, 167, 69, 0.38); } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card.is-selected .JS-dntPrdSelCheckBadge { display: flex; animation: dntPrdSelCheckBadgeIn 0.22s ease-out; } @keyframes dntPrdSelCheckBadgeIn { from { transform: scale(0.55); opacity: 0; } to { transform: scale(1); opacity: 1; } } .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt { padding: 0.625rem 0.375rem; border-bottom: 1px solid #e5e7eb; text-align: center; min-height: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.125rem; transition: all 0.3s ease; } .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt-fixed { flex-direction: row; flex-wrap: nowrap; gap: 0.125rem; } .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt em { white-space: nowrap; line-height: 1.2; } .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt em:first-child { font-size: 0.8125rem; font-weight: 700; } .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt-fixed em:first-child { text-decoration: line-through; color: #9ca3af; font-size: 0.75rem; font-weight: 500; } .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt em:nth-child(2) { color: #9ca3af; font-size: 0.75rem; font-weight: 500; } .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt em:nth-child(3), .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt-fixed em:nth-child(3) { font-size: 0.875rem; font-weight: 700; color: #ef4444; } .dnt_prd_divy_instl_req_form .product-selection-grid .label-text { padding: 0.75rem 0.5rem 0.25rem; text-align: center; font-weight: 600; color: #1f2937; flex: 1; width: 100%; min-width: 0; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; line-height: 1.4; } .dnt_prd_divy_instl_req_form .product-selection-grid .label-text-sm { font-size: 0.9rem; } .dnt_prd_divy_instl_req_form .product-selection-grid .label-text em { font-style: normal; display: block; width: 100%; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card_actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.375rem; padding: 0.5rem; margin-top: auto; } .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card_actions .btn { font-size: 0.6875rem; font-weight: 700; padding: 0.4375rem 0.25rem; line-height: 1.2; white-space: nowrap; } .dnt_prd_divy_instl_req_form .product-selection-grid.is-cart-active .product-selection-card_actions { grid-template-columns: 1fr; } .dnt_prd_divy_instl_req_form .product-selection-grid.is-cart-active .JS-dntPrdSelDirectReqBtn { display: none; } .dnt_prd_divy_instl_req_form .product-selection-card_accml_pint {color: #004596; font-weight: 600;} .dnt_prd_divy_bottom_banner_wrap {margin-top: 1rem; padding: 0 0.5rem;} .dnt_prd_divy_bottom_banner_link {display: block; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); border-radius: 0.5rem; overflow: hidden;} /* 친환경 뱃지*/ .ui-checkboxradio-icon-badge {position: absolute; top: 5px; left: 5px; z-index: 2; border: 1px solid #2cb12c; color: #2cb12c; background-color: #f2fff2; padding: 0.25rem 0.4rem; font-size: 0.85rem; font-weight: bold;} .ui-checkboxradio-icon-badge:after {content: "친환경"; display: inline-block;} .ui-checkboxradio-create-icon-badge {position: absolute; top: 5px; left: 5px; z-index: 2; border: 1px solid #007bff; color: #007bff; background-color: #cbe4ffe0; padding: 0.25rem 0.4rem; font-size: 0.85rem; font-weight: bold;} .ui-checkboxradio-create-icon-badge:after {content: "보관상품"; display: inline-block;} .dnt_prd_lst_cont .ui-checkboxradio-icon-badge {position: static; transform: none; display: inline-block;} /* 배송설치요청 - 제품상세보기 다이얼로그 */ .okflag_delivery_usr_req_bas_item_det_view_form .dnt_prd_lst_info {width: 100%; display: table; table-layout: fixed;} .okflag_delivery_usr_req_bas_item_det_view_form .dnt_prd_lst_info > * {display: table-cell; vertical-align: middle;} .okflag_delivery_usr_req_bas_item_det_view_form .dnt_prd_lst_img_wrap {position: static; transform: none; width: 10rem; padding-left: 1rem;} .okflag_delivery_usr_req_bas_item_det_view_form .dnt_prd_lst_img {width: 100%; padding-bottom: 125%; background-size: contain; background-repeat: no-repeat; background-position: center center;} .okflag_delivery_usr_req_bas_item_det_view_form .dnt_prd_info .card:hover {border: 1px solid #ccc !important; box-shadow: 1px 1px 3px rgba(0,0,0,0.15) !important; background-color: transparent;} .okflag_delivery_usr_req_bas_item_det_view_form .dnt_prd_info .dnt_prd_lst_cont > dl > dd {font-size: 1.125rem;} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2001"] .dnt_prd_lst_cont > dl > dt:after {content: "근조기"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2001"] .dnt_prd_lst_cont > dl > dd:after {content: "벨벳 재질에 이름을 새겨 당사에 보관된 근조깃발입니다.";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2001"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/2001.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2005"] .dnt_prd_lst_cont > dl > dt:after {content: "리본 근조기"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2005"] .dnt_prd_lst_cont > dl > dd:after {content: "리본이 있어 근조기를 제작할 필요 없이 누구나 배송신청 가능합니다.";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2005"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/2005.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2105"] .dnt_prd_lst_cont > dl > dt:after {content: "홍삼 근조기"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2105"] .dnt_prd_lst_cont > dl > dd:after {content: "근조기와 함께 홍삼과 위로 편지를 보내 유족에게 기운을 전해줄 수 있습니다.";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2105"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/2105.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2205"] .dnt_prd_lst_cont > dl > dt:after {content: "쌀기부 근조기"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2205"] .dnt_prd_lst_cont > dl > dd:after {content: "근조기로 고인을 추모하고 고인이나 유족 이름으로 어려운 이웃에게 쌀을 기부하실 수 있습니다.";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2205"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/2205.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2004"] .dnt_prd_lst_cont > dl > dt:after {content: "근조액자"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2004"] .dnt_prd_lst_cont > dl > dd:after {content: "고인의 평소사진이나 작품사진으로 고인을 추모하는 액자화환 입니다.";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2004"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/2004.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2002"] .dnt_prd_lst_cont > dl > dt:after {content: "근조화환"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2002"] .dnt_prd_lst_cont > dl > dd:after {content: "";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2002"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/2002.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2003"] .dnt_prd_lst_cont > dl > dt:after {content: "용품"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2003"] .dnt_prd_lst_cont > dl > dd:after {content: "";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="2003"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/2003.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1001"] .dnt_prd_lst_cont > dl > dt:after {content: "축하기"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1001"] .dnt_prd_lst_cont > dl > dd:after {content: "벨벳 재질에 이름을 새겨 당사에 보관된 축하깃발입니다.";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1001"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/1001.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1005"] .dnt_prd_lst_cont > dl > dt:after {content: "리본 축하기"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1005"] .dnt_prd_lst_cont > dl > dd:after {content: "리본이 있어 축하기를 제작할 필요 없이 누구나 배송신청 가능합니다.";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1005"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/1005.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1205"] .dnt_prd_lst_cont > dl > dt:after {content: "쌀기부 축하기"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1205"] .dnt_prd_lst_cont > dl > dd:after {content: "축하기로 결혼을 축하하고 신랑신부 이름으로 어려운 이웃에게 쌀을 기부하실 수 있습니다.";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1205"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/1205.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1004"] .dnt_prd_lst_cont > dl > dt:after {content: "축하액자"} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1004"] .dnt_prd_lst_cont > dl > dd:after {content: "결혼식 청첩장의 신랑 신부 사진이나 정기총회 등에서 지난 행사 사진 등으로 액자를 만들어 갤러리 같은 분위기 연출로 행사 분위기를 올려줍니다.";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1004"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/1004.png");} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1002"] .dnt_prd_lst_cont > dl > dt:after {content: "축하화환";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1002"] .dnt_prd_lst_cont > dl > dd:after {content: "";} .okflag_delivery_usr_req_bas_item_det_view_form[data-product-code="1002"] .dnt_prd_lst_img {background-image: url("/common/css/images/add-type-images/1002.png");} /* 친환경 상품 소개 - 요금조회 다이얼로그 */ .dnt_prd_amt_info {font-family: "Noto Sans KR", sans-serif; padding: 1.25rem !important;} /* 가격안내 - 화환 */ .divy_flwr_pr_lst {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; max-height: 80vh; overflow-y: auto;} .divy_flwr_pr_lst.type_02 {grid-template-columns: repeat(3, 1fr);} .divy_flwr_pr_lst > li .card {box-shadow: 1px 1px 3px rgba(0,0,0,0.15); border: 1px solid #ccc !important;} .divy_flwr_pr_lst > li .card > .card-body {background-color: transparent; padding: 0.75rem;} .divy_flwr_pr_lst.type_02 > li .card > .card-body {padding: 0.5rem;} .divy_flwr_pr_lst > li .divy_flwr_pr_lst_img_wrap {width: 60%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; margin: 0 auto;} .divy_flwr_pr_lst > li.type_02 .divy_flwr_pr_lst_img_wrap {width: 100%; height: 0; padding-bottom: 125%;} .divy_flwr_pr_lst > li .divy_flwr_pr_lst_img_wrap > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain; width: 100%; height: 100%;} .divy_flwr_pr_lst > li dl {margin-top: 0.75rem; margin-bottom: 0; text-align: center;} .divy_flwr_pr_lst > li dl > dt {font-size: 1.25rem;} .divy_flwr_pr_lst.type_02 > li dl > dt {font-size: 1.125rem;} .divy_flwr_pr_lst > li dl > dd {margin-top: 0.25rem; font-weight: bold; font-size: 1.125rem;} .divy_flwr_pr_lst.type_02 > li dl > dd {font-size: 0.9rem;} .divy_flwr_pr_lst > li dl > dd > span:nth-child(1) {text-decoration: line-through; color: #6c757d; font-weight: 500;} .divy_flwr_pr_lst > li dl > dd > span:nth-child(2) {margin-left: 0.375rem; margin-right: 0.375rem;} .divy_flwr_pr_lst.type_02 > li dl > dd > span:nth-child(2) {margin-left: 0.25rem; margin-right: 0.25rem;} .divy_flwr_pr_lst > li dl > dd > span:nth-child(3) {color: #dc3545; font-size: 1.25rem;} .divy_flwr_pr_lst.type_02 > li dl > dd > span:nth-child(3) {font-size: 1rem;} @media (max-width: 600px) { .divy_flwr_pr_lst.type_02 {grid-template-columns: repeat(2, 1fr);} } @media (max-width: 480px) { .divy_flwr_pr_lst > li .card > .card-body {padding: 0.5rem;} .divy_flwr_pr_lst > li dl > dd {font-size: 0.9rem; white-space: nowrap;} .divy_flwr_pr_lst.type_02 > li dl > dd {font-size: 0.85rem;} .divy_flwr_pr_lst > li dl > dd > span:nth-child(2) {margin-left: 0.25rem; margin-right: 0.25rem;} .divy_flwr_pr_lst > li dl > dd > span:nth-child(3) {color: #dc3545; font-size: 1rem;} .divy_flwr_pr_lst.type_02 > li dl > dd > span:nth-child(3) {font-size: 0.9rem;} .okflag_delivery_usr_req_bas_item_det_view_form .dnt_prd_lst_info {display: flex; flex-direction: column-reverse;} .okflag_delivery_usr_req_bas_item_det_view_form .dnt_prd_lst_img_wrap {width: 80%; padding-left: 0;} } /* 배송설치요청 - 상품소개 */ .dnt_prd_divy_instl_req_form .label-amt, .dnt_prd_divy_instl_req_form .label-text {display: block; text-align: center; word-break: keep-all; overflow-wrap: anywhere;} .dnt_prd_divy_instl_req_form .label-text > em {display: block;} .dnt_prd_divy_instl_req_form .label-amt > em {font-weight: 500; font-size: 1rem;} .dnt_prd_divy_instl_req_form .label-text {font-weight: bold;} .dnt_prd_divy_instl_req_form .label-amt-fixed > em {font-size: 0.9rem;} .dnt_prd_divy_instl_req_form .label-amt-fixed > em:nth-child(1) {text-decoration: line-through; color: #6c757d; font-weight: 500;} .dnt_prd_divy_instl_req_form .label-amt-fixed > em:nth-child(2) {margin-left: 0.25rem; margin-right: 0.25rem;} .dnt_prd_divy_instl_req_form .label-amt-fixed > em:nth-child(3) {font-size: 1rem; color: #dc3545;} .dnt_prd_divy_instl_req_form {padding-bottom: 0;} #JS-okflagDeliveryUsrReqBasStep2Wrap:not(.d-none) {padding-bottom: 1.5rem;} .dnt_prd_sel_cta_bar.is-step2 {padding-bottom: 0.875rem;} .dnt_prd_ltst_ord_sec {padding: 1rem 0.375rem 0.75rem; margin-bottom: 0.25rem; box-sizing: border-box; overflow: visible;} .dnt_prd_ltst_ord_sec_head {margin-bottom: 0.875rem;} .dnt_prd_ltst_ord_sec_title {margin: 0 0 0.375rem; font-size: 1rem; font-weight: 700; color: #0f172a; word-break: keep-all;} .dnt_prd_ltst_ord_sec_title i {color: #004596;} .dnt_prd_ltst_ord_sec_desc {margin: 0; font-size: 0.8125rem; line-height: 1.5; color: #64748b; word-break: keep-all;} .dnt_prd_ltst_ord_lst {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0.125rem; list-style: none; overflow: visible;} .dnt_prd_ltst_ord_item {min-width: 0; list-style: none; overflow: visible; height: 100%;} .dnt_prd_ltst_ord_card {display: flex; flex-direction: column; align-items: stretch; gap: 0.5rem; height: 100%; min-height: 100%; padding: 0.75rem; border-radius: 0.875rem; border: 1px solid #eef2f7; background-color: #fff; box-shadow: none; transition: border-color 0.2s ease; position: relative; box-sizing: border-box; overflow: hidden;} .dnt_prd_ltst_ord_card:hover {border-color: #93c5fd;} .dnt_prd_ltst_ord_card_top {display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; min-width: 0;} .dnt_prd_ltst_ord_type_badge {display: inline-flex; align-items: center; justify-content: center; flex: 0 1 auto; width: fit-content; max-width: calc(100% - 4.5rem); padding: 0.1875rem 0.4375rem; border-radius: 999px; font-size: 0.625rem; font-weight: 700; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .dnt_prd_ltst_ord_type_badge.is-funeral {background-color: #e2e8f0; color: #334155;} .dnt_prd_ltst_ord_type_badge.is-celebration {background-color: #dbeafe; color: #004596;} .dnt_prd_ltst_ord_appl_dt {flex-shrink: 0; font-size: 0.6875rem; font-weight: 700; color: #64748b; line-height: 1.2; white-space: nowrap; letter-spacing: -0.01em;} .dnt_prd_ltst_ord_card_main {display: flex; flex-direction: row; align-items: flex-start; gap: 0.75rem; min-width: 0; flex: 1 1 auto;} .dnt_prd_ltst_ord_visual {flex: 0 0 4rem; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; padding: 0; box-sizing: border-box;} .dnt_prd_ltst_ord_visual.is-stack {position: relative; flex: 0 0 4rem; width: 4rem; height: 4rem;} .dnt_prd_ltst_ord_img {display: block; width: 4rem; height: 4rem; border-radius: 0.625rem; border: 1px solid #e5e7eb; background-color: #f3f4f6; object-fit: cover; object-position: center;} .dnt_prd_ltst_ord_visual.is-stack .dnt_prd_ltst_ord_img {position: absolute; width: 2.625rem; height: 2.625rem; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12); object-fit: cover; object-position: center;} .dnt_prd_ltst_ord_visual.is-stack .dnt_prd_ltst_ord_img.is-stack-0 {top: 0; left: 0; z-index: 2;} .dnt_prd_ltst_ord_visual.is-stack .dnt_prd_ltst_ord_img.is-stack-1 {right: 0; bottom: 0; z-index: 1;} .dnt_prd_ltst_ord_stack_plus {position: absolute; top: 50%; left: 50%; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 1.125rem; height: 1.125rem; margin: 0; padding: 0; border: 2px solid #fff; border-radius: 50%; background: linear-gradient(135deg, #3366b9 0%, #004596 100%); color: #fff; font-size: 0.5rem; line-height: 1; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.2); transform: translate(-50%, -50%); pointer-events: none;} .dnt_prd_ltst_ord_stack_plus i {display: block; font-size: 0.4375rem; line-height: 1;} .dnt_prd_ltst_ord_body {flex: 1; min-width: 0; padding: 0; text-align: left; display: flex; flex-direction: column; gap: 0.25rem;} .dnt_prd_ltst_ord_prd_nm {display: block; max-width: 100%; font-size: 0.8125rem; font-weight: 700; color: #0f172a; line-height: 1.35;} .dnt_prd_ltst_ord_prd_sub {display: block; margin-top: 0.125rem; margin-bottom: 0.375rem; color: #64748b; font-size: 0.6875rem; word-break: keep-all;} .dnt_prd_ltst_ord_plc {display: block; margin-top: 0; min-width: 0; text-align: left;} .dnt_prd_ltst_ord_plc_area {display: block; max-width: 100%; font-size: 0.6875rem; font-weight: 600; color: #64748b; line-height: 1.35; text-align: left;} .dnt_prd_ltst_ord_plc_nm {display: block; max-width: 100%; margin-top: 0.125rem; font-size: 0.75rem; font-weight: 600; color: #334155; line-height: 1.4; text-align: left;} .dnt_prd_ltst_ord_rcvr {display: block; max-width: 100%; margin-top: 0; padding-top: 0; border-top: none; color: #64748b; font-size: 0.6875rem; text-align: left;} .dnt_prd_ltst_ord_card .JS-dntPrdLtstOrdReorderBtn {margin-top: auto; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; font-size: 0.8125rem; font-weight: 800; padding: 0.5rem 0.625rem; border: none; border-radius: 0.625rem; background: linear-gradient(135deg, #3366b9 0%, #004596 100%); box-shadow: none; transition: opacity 0.15s ease;} .dnt_prd_ltst_ord_card .JS-dntPrdLtstOrdReorderBtn:hover, .dnt_prd_ltst_ord_card .JS-dntPrdLtstOrdReorderBtn:focus {transform: none; box-shadow: none; color: #fff; opacity: 0.92;} .dnt_prd_ltst_ord_card .JS-dntPrdLtstOrdReorderBtn i {font-size: 0.9375rem; line-height: 1;} .dnt_prd_ltst_ord_divider {display: flex; align-items: center; gap: 1rem; margin: 1.25rem 0 0.25rem; color: #94a3b8; font-size: 0.8125rem; font-weight: 600;} .dnt_prd_ltst_ord_divider::before, .dnt_prd_ltst_ord_divider::after {content: ''; flex: 1; height: 1px; background-color: #e2e8f0;} .dnt_prd_ltst_ord_divider span {white-space: nowrap; word-break: keep-all;} .dnt_prd_ltst_ord_empty {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem 1.25rem; border-radius: 0.875rem; border: 1px dashed #dbeafe; background-color: #f8fafc; text-align: center; box-sizing: border-box;} .dnt_prd_ltst_ord_empty_icon {display: inline-flex; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; margin-bottom: 0.875rem; border-radius: 50%; background: linear-gradient(145deg, #eff6ff 0%, #dbeafe 100%); color: #64748b; font-size: 1.375rem; line-height: 1; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);} .dnt_prd_ltst_ord_empty_icon.is-login {color: #004596;} .dnt_prd_ltst_ord_empty_msg {margin: 0 0 0.875rem; font-size: 0.875rem; line-height: 1.55; color: #64748b; word-break: keep-all;} .dnt_prd_ltst_ord_empty_msg:last-child {margin-bottom: 0;} .dnt_prd_ltst_ord_empty_msg_em {display: block; margin: 0 0 0.375rem; font-size: 0.9375rem; font-weight: 700; color: #0f172a; line-height: 1.45;} .dnt_prd_ltst_ord_empty .dnt_prd_ltst_ord_empty_msg_em:only-of-type, .dnt_prd_ltst_ord_empty > .dnt_prd_ltst_ord_empty_msg_em:last-child {margin-bottom: 0;} .dnt_prd_ltst_ord_empty .COMMON_LOGIN_FORM_BTN {margin-top: 0.125rem; font-weight: 700;} .dnt_prd_ltst_ord_sec.is-mo {padding: 0.75rem 0.25rem 0.625rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_sec_head {margin-bottom: 0.75rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_sec_title {font-size: 0.9375rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_sec_desc {font-size: 0.75rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_lst {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; padding: 0.125rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_card {gap: 0.375rem; height: 100%; padding: 0.5rem 0.625rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_card_main {gap: 0.625rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_visual {flex: 0 0 3rem; width: 3rem; height: 3rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_visual.is-stack {flex: 0 0 3rem; width: 3rem; height: 3rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_img {width: 3rem; height: 3rem; border-radius: 0.5rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_visual.is-stack .dnt_prd_ltst_ord_img {width: 2rem; height: 2rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_stack_plus {width: 0.9375rem; height: 0.9375rem; border-width: 1.5px; font-size: 0.4375rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_stack_plus i {font-size: 0.375rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_body {gap: 0.125rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_prd_nm {line-height: 1.3;} .dnt_prd_ltst_ord_sec.is-mo .JS-dntPrdLtstOrdReorderBtn {margin-top: auto; width: 100%; min-height: 1.875rem; font-size: 0.75rem; padding: 0.25rem 0.375rem;} .dnt_prd_ltst_ord_sec.is-mo .dnt_prd_ltst_ord_divider {margin: 1rem 0 0.125rem; font-size: 0.75rem; gap: 0.75rem;} .dnt_prd_evt_branch_gate {display: block; padding: 2rem 1rem 2.25rem; margin-bottom: 1rem; box-sizing: border-box; background-color: transparent; border: none; border-radius: 0;} .dnt_prd_evt_branch_gate.d-none {display: none !important;} .dnt_prd_evt_branch_gate_inner {width: 100%; max-width: 42rem; margin: 0 auto; text-align: center;} .dnt_prd_evt_branch_gate_lbl {margin: 0 0 0.625rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #3366b9;} .dnt_prd_evt_branch_gate_title {margin: 0 0 0.625rem; font-size: 1.75rem; font-weight: 800; line-height: 1.35; color: #0f172a; word-break: keep-all;} .dnt_prd_evt_branch_gate_desc {margin: 0 0 1.75rem; font-size: 0.9375rem; line-height: 1.5; color: #64748b; word-break: keep-all;} .dnt_prd_evt_branch_gate_btns {display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; border: none; border-radius: 0; overflow: visible; background-color: transparent; box-shadow: none;} .dnt_prd_evt_branch_gate_btn {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.625rem; width: 100%; min-width: 0; min-height: 11rem; padding: 1.25rem 1rem; border: 1px solid #e2e8f0; border-radius: 1rem; background-color: #fff; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); cursor: pointer; transition: box-shadow 0.15s ease, background-color 0.15s ease; position: relative; overflow: hidden;} .dnt_prd_evt_branch_gate_btn:hover {background-color: #f8fafc; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);} .dnt_prd_evt_branch_gate_btn.is-funeral .dnt_prd_evt_branch_gate_btn_icon {background-color: #475569; box-shadow: 0 6px 16px rgba(71, 85, 105, 0.22);} .dnt_prd_evt_branch_gate_btn.is-celebration .dnt_prd_evt_branch_gate_btn_icon {background-color: #3366b9; box-shadow: 0 6px 16px rgba(51, 102, 185, 0.22);} .dnt_prd_evt_branch_gate_btn_icon {display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 999px; color: #fff; font-size: 1.5rem;} .dnt_prd_evt_branch_gate_btn_icon i {font-family: "Font Awesome 5 Pro"; font-weight: 900; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased;} .dnt_prd_evt_branch_gate_btn_title {font-size: 1.1875rem; font-weight: 800; line-height: 1.25; color: #0f172a;} .dnt_prd_evt_branch_gate_btn_desc {font-size: 0.8125rem; line-height: 1.45; color: #64748b; word-break: keep-all;} .dnt_prd_evt_branch_gate_btn .JS-dntPrdEvtBranchGateCheckBadge {position: absolute; top: 10px; right: 10px; z-index: 3; display: none; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background-color: #28a745; color: #fff; font-size: 0.8125rem; line-height: 1; box-shadow: 0 2px 8px rgba(40, 167, 69, 0.38);} .dnt_prd_evt_branch_gate_btn.is-active {border-color: transparent;} .dnt_prd_evt_branch_gate_btn.is-active .JS-dntPrdEvtBranchGateCheckBadge {display: flex; animation: dntPrdEvtBranchGateCheckIn 0.22s ease-out;} .dnt_prd_evt_branch_gate_btn.is-active::after {content: ''; position: absolute; inset: 0; border: 2px solid #004596; border-radius: inherit; pointer-events: none; z-index: 2; box-sizing: border-box;} .dnt_prd_evt_branch_gate_btn.is-funeral.is-active::after {border-color: #334155;} .dnt_prd_evt_branch_gate_btn.is-celebration.is-active::after {border-color: #004596;} @keyframes dntPrdEvtBranchGateCheckIn {from {transform: scale(0.55); opacity: 0;} to {transform: scale(1); opacity: 1;}} body.is-dnt-prd-gate-revealed .dnt_prd_divy_instl_req_form_top_label_wrap, body.is-dnt-prd-gate-revealed .JS-okflagDeliveryUsrReqBasItemList > dd > .input-group:first-child {display: none;} body.is-dnt-prd-gate-revealed .JS-okflagDeliveryUsrReqBasItemList > dt {display: none;} .dnt_prd_evt_branch_gate.is-selected {padding: 1rem 1rem 1rem; margin-bottom: 0; border-bottom: 1px solid #e2e8f0;} .dnt_prd_evt_branch_gate.is-selected .dnt_prd_evt_branch_gate_btn.is-active {background-color: #f3f4f6;} .dnt_prd_evt_branch_gate.is-selected .dnt_prd_evt_branch_gate_btn:not(.is-active) {opacity: 0.45;} #JS-okflagDeliveryUsrReqBasStep1Wrap.is-gate-revealed {animation: dntPrdStep1GateReveal 0.45s ease-out;} @keyframes dntPrdStep1GateReveal {from {opacity: 0; transform: translateY(16px);} to {opacity: 1; transform: translateY(0);}} body.is-dnt-prd-divy-instl-req-form .quick {z-index: 10001;} body.is-dnt-prd-divy-instl-req-form .quick:not(.on) {bottom: 12rem;} body.is-dnt-prd-divy-instl-req-form .notify.notify__bottom-right {bottom: var(--dnt-prd-toast-bottom, 12rem) !important; z-index: 10003;} .dnt_prd_sel_cta_bar {--dnt-prd-cta-accent: #3366b9; --dnt-prd-cta-accent-dark: #004596; --dnt-prd-cta-accent-soft: #eff6ff; --dnt-prd-cta-accent-border: rgba(191, 219, 254, 0.85); --dnt-prd-cta-cart-border: #28a745; --dnt-prd-cta-cart-bg: linear-gradient(145deg, #fff 0%, #f0fdf4 100%); position: fixed; left: 0; right: 0; bottom: 0; z-index: 10002; background-color: rgba(255, 255, 255, 0.96); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid rgba(226, 232, 240, 0.95); box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.1); padding: 0.5rem 0 0.75rem;} .dnt_prd_sel_cta_bar::before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--dnt-prd-cta-accent) 0%, var(--dnt-prd-cta-accent-dark) 100%);} .dnt_prd_sel_cta_bar.is-evt-funeral {--dnt-prd-cta-accent: #475569; --dnt-prd-cta-accent-dark: #334155; --dnt-prd-cta-accent-soft: #f8fafc; --dnt-prd-cta-accent-border: rgba(203, 213, 225, 0.9); --dnt-prd-cta-cart-border: #64748b; --dnt-prd-cta-cart-bg: linear-gradient(145deg, #fff 0%, #f1f5f9 100%);} .dnt_prd_sel_cta_bar.is-evt-celebration {--dnt-prd-cta-accent: #3366b9; --dnt-prd-cta-accent-dark: #004596; --dnt-prd-cta-accent-soft: #eff6ff; --dnt-prd-cta-accent-border: rgba(191, 219, 254, 0.85); --dnt-prd-cta-cart-border: #28a745; --dnt-prd-cta-cart-bg: linear-gradient(145deg, #fff 0%, #f0fdf4 100%);} .dnt_prd_sel_cta_bar.d-none {display: none !important;} .dnt_prd_sel_cta_bar_inner {position: relative; width: 100%; max-width: 100%; margin: 0 auto; padding: 0.375rem 1rem 0.25rem; box-sizing: border-box; display: flex; flex-direction: column; gap: 0.5rem;} .dnt_prd_sel_cta_head {display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-width: 0;} .dnt_prd_sel_cta_step_track {display: inline-flex; align-items: center; gap: 0.375rem; min-width: 0;} .dnt_prd_sel_cta_step_item {display: inline-flex; align-items: center; gap: 0.3125rem; min-width: 0; color: #94a3b8; font-size: 0.6875rem; font-weight: 600; line-height: 1.2; white-space: nowrap;} .dnt_prd_sel_cta_step_num {display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1.125rem; height: 1.125rem; border-radius: 999px; background-color: #e2e8f0; color: #64748b; font-size: 0.625rem; font-weight: 800; line-height: 1;} .dnt_prd_sel_cta_step_lbl {overflow: hidden; text-overflow: ellipsis;} .dnt_prd_sel_cta_step_sep {flex-shrink: 0; width: 1.25rem; height: 1px; background-color: #cbd5e1;} .dnt_prd_sel_cta_step_item.is-active {color: var(--dnt-prd-cta-accent-dark); font-weight: 700;} .dnt_prd_sel_cta_step_item.is-active .dnt_prd_sel_cta_step_num {background: linear-gradient(135deg, var(--dnt-prd-cta-accent) 0%, var(--dnt-prd-cta-accent-dark) 100%); color: #fff;} .dnt_prd_sel_cta_step_item.is-done {color: #334155;} .dnt_prd_sel_cta_step_item.is-done .dnt_prd_sel_cta_step_num {background-color: #22c55e; color: #fff;} .dnt_prd_sel_cta_bar.is-step2 .JS-okflagDeliveryUsrReqBasStep1CtaStep1 {color: #334155;} .dnt_prd_sel_cta_bar.is-step2 .JS-okflagDeliveryUsrReqBasStep1CtaStep1 .dnt_prd_sel_cta_step_num {background-color: #22c55e; color: #fff;} .dnt_prd_sel_cta_bar.is-step2 .JS-okflagDeliveryUsrReqBasStep1CtaStep2 {color: var(--dnt-prd-cta-accent-dark); font-weight: 700;} .dnt_prd_sel_cta_bar.is-step2 .JS-okflagDeliveryUsrReqBasStep1CtaStep2 .dnt_prd_sel_cta_step_num {background: linear-gradient(135deg, var(--dnt-prd-cta-accent) 0%, var(--dnt-prd-cta-accent-dark) 100%); color: #fff;} .dnt_prd_sel_cta_evt_tag {flex-shrink: 0; display: inline-flex; align-items: center; padding: 0.1875rem 0.5rem; border-radius: 999px; background-color: var(--dnt-prd-cta-accent-soft); border: 1px solid var(--dnt-prd-cta-accent-border); color: var(--dnt-prd-cta-accent-dark); font-size: 0.625rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em;} .dnt_prd_sel_cta_main {display: flex; align-items: stretch; gap: 0.625rem; min-width: 0;} .dnt_prd_sel_cta_cart_badge {position: relative; flex-shrink: 0; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: 0.75rem; background: var(--dnt-prd-cta-cart-bg); border: 2px dashed var(--dnt-prd-cta-cart-border); box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08); pointer-events: none; align-self: center;} .dnt_prd_sel_cta_cart_icon {display: block; font-family: "Font Awesome 5 Duotone"; font-weight: 900; font-style: normal; font-size: 1.375rem; line-height: 1; color: var(--dnt-prd-cta-cart-border); --fa-primary-color: var(--dnt-prd-cta-accent-dark); --fa-secondary-color: var(--dnt-prd-cta-cart-border); --fa-secondary-opacity: 0.45; -webkit-font-smoothing: antialiased;} .dnt_prd_sel_cta_bar.is-ready .dnt_prd_sel_cta_cart_icon {--fa-primary-color: #155724; --fa-secondary-color: #34ce57; --fa-secondary-opacity: 0.5;} .dnt_prd_sel_cta_bar.is-evt-funeral.is-ready .dnt_prd_sel_cta_cart_icon {--fa-primary-color: #334155; --fa-secondary-color: #64748b; --fa-secondary-opacity: 0.55;} .dnt_prd_sel_cta_cart_cnt {position: absolute; top: -0.3rem; right: -0.3rem; min-width: 1.25rem; height: 1.25rem; padding: 0 0.25rem; border-radius: 999px; background-color: #dc3545; border: 2px solid #fff; color: #fff; font-size: 0.625rem; font-weight: 800; line-height: 0.875rem; text-align: center; box-shadow: 0 2px 6px rgba(220, 53, 69, 0.45);} .dnt_prd_sel_cta_cart_plus {position: absolute; top: -0.3rem; right: -0.3rem; width: 1.25rem; height: 1.25rem; display: flex; align-items: center; justify-content: center; border-radius: 999px; background-color: #dc3545; border: 2px solid #fff; color: #fff; box-shadow: 0 2px 6px rgba(220, 53, 69, 0.45);} .dnt_prd_sel_cta_cart_plus i {display: block; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-style: normal; font-size: 0.5625rem; line-height: 1; -webkit-font-smoothing: antialiased;} .dnt_prd_sel_cta_bar.is-ready .dnt_prd_sel_cta_cart_plus {display: none;} .dnt_prd_sel_cta_bar.is-empty .dnt_prd_sel_cta_cart_cnt {display: none !important;} .dnt_prd_sel_cta_bar.is-ready .dnt_prd_sel_cta_cart_badge {border-style: solid; border-color: #22c55e; background: linear-gradient(145deg, #ecfdf5 0%, #bbf7d0 100%); box-shadow: 0 6px 18px rgba(34, 197, 94, 0.24);} .dnt_prd_sel_cta_bar.is-evt-funeral.is-ready .dnt_prd_sel_cta_cart_badge {border-color: #64748b; background: linear-gradient(145deg, #f8fafc 0%, #e2e8f0 100%); box-shadow: 0 6px 18px rgba(71, 85, 105, 0.18);} .dnt_prd_sel_cta_bar.is-empty .dnt_prd_sel_cta_cart_badge {animation: dntPrdSelCtaCartPulse 2.4s ease-in-out infinite;} @keyframes dntPrdSelCtaCartPulse {0%, 100% {transform: translateY(0); box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);} 50% {transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15, 23, 42, 0.14);}} .dnt_prd_sel_cta_body {flex: 1; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;} .dnt_prd_sel_cta_info {flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 0.25rem;} .dnt_prd_sel_cta_title {display: block; margin: 0; font-size: 0.875rem; font-weight: 700; line-height: 1.35; color: #0f172a; word-break: keep-all;} .dnt_prd_sel_cta_status {margin: 0; font-size: 0.75rem; color: #64748b; line-height: 1.4; word-break: keep-all;} .dnt_prd_sel_cta_bar.is-ready .dnt_prd_sel_cta_title, .dnt_prd_sel_cta_bar.is-ready .dnt_prd_sel_cta_status {display: none;} .dnt_prd_sel_cta_bar.is-step2.is-ready .dnt_prd_sel_cta_title, .dnt_prd_sel_cta_bar.is-step2.is-ready .dnt_prd_sel_cta_status {display: none;} .dnt_prd_sel_cta_info .addn_ty_lst_preview {flex-wrap: nowrap; overflow-x: auto; gap: 0.625rem; margin: 0; padding: 0.125rem 0; max-width: 100%; -webkit-overflow-scrolling: touch; scrollbar-width: none;} .dnt_prd_sel_cta_info .addn_ty_lst_preview::-webkit-scrollbar {display: none;} .dnt_prd_sel_cta_info .addn_ty_lst_preview > li {width: 3.75rem; min-width: 3.75rem; max-width: 3.75rem;} .dnt_prd_sel_cta_info .addn_ty_lst_preview > li > i.JS-addnTyLstPreviewImg {width: 2.5rem; height: 2.5rem; border-radius: 0.5rem; border: 1px solid #e2e8f0;} .dnt_prd_sel_cta_info .addn_ty_lst_preview > li > span {display: block; max-width: 100%; margin-top: 0.1875rem; color: #0f172a; font-weight: 600; font-size: 0.625rem; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .dnt_prd_sel_cta_info .addn_ty_lst_preview > li > em {position: absolute; top: -0.2rem; right: 0; width: 1.125rem; height: 1.125rem; font-size: 0.625rem; font-weight: bold; font-style: normal; color: #fff; background-color: #dc3545; border: 2px solid #fff; border-radius: 50%; cursor: pointer; box-shadow: 0 1px 4px rgba(220, 53, 69, 0.5);} .dnt_prd_sel_cta_info .addn_ty_lst_preview > li > em > i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;} .dnt_prd_sel_cta_btn_wrap {display: flex; flex-direction: column; gap: 0.375rem; flex-shrink: 0; align-self: center;} .dnt_prd_sel_cta_bar.is-step2 .dnt_prd_sel_cta_btn_wrap {flex-direction: row; align-items: stretch; gap: 0.5rem; width: auto; max-width: 28rem;} .dnt_prd_sel_cta_bar.is-step2 .dnt_prd_sel_cta_btn_wrap > .dnt_prd_sel_cta_btn {flex: 1 1 0; min-width: 0; align-self: stretch;} .dnt_prd_sel_cta_bar:not(.is-step2) .JS-okflagDeliveryUsrReqBasTestDivyBtn {display: none !important;} .dnt_prd_sel_cta_bar.is-step2 .JS-okflagDeliveryUsrReqBasTestDivyBtn {background-color: #64748b; border: none; color: #fff; font-size: 0.875rem; font-weight: 700; box-shadow: 0 4px 14px rgba(100, 116, 139, 0.32);} .dnt_prd_sel_cta_bar.is-step2 .JS-okflagDeliveryUsrReqBasTestDivyBtn:hover {color: #fff; opacity: 0.92;} .dnt_prd_sel_cta_btn {flex-shrink: 0; margin: 0; align-self: center; min-width: 10rem; min-height: 3rem; border-radius: 0.625rem !important; font-weight: 800; font-size: 1.0625rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; padding: 0.75rem 1.25rem; transition: transform 0.15s ease, box-shadow 0.15s ease; letter-spacing: -0.02em;} .dnt_prd_sel_cta_btn .JS-okflagDeliveryUsrReqBasStep2WrapBtnLabel {display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; line-height: 1.2;} .dnt_prd_sel_cta_btn .JS-okflagDeliveryUsrReqBasStep2WrapBtnLabelText {display: inline-flex; align-items: center; gap: 0.375rem;} .dnt_prd_sel_cta_btn .JS-okflagDeliveryUsrReqBasStep2WrapBtnLabelText::before {font-family: "Font Awesome 5 Pro"; font-weight: 900; font-style: normal; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased;} .dnt_prd_sel_cta_btn .JS-okflagDeliveryUsrReqBasStep2WrapBtnLabelText.is-empty::before {content: "\f058"; font-weight: 300; font-size: 1.15em; color: #94a3b8;} .dnt_prd_sel_cta_btn .JS-okflagDeliveryUsrReqBasStep2WrapBtnLabelText.is-ready.is-divy-req::before {content: "\f064"; font-weight: 900; font-size: 1.1em; color: #fff;} .dnt_prd_sel_cta_btn .JS-okflagDeliveryUsrReqBasStep2WrapBtnArrow {font-family: "Font Awesome 5 Pro"; font-weight: 900; font-style: normal; font-size: 0.875em; flex-shrink: 0; opacity: 0.9; display: inline-block; -webkit-font-smoothing: antialiased;} .dnt_prd_sel_cta_bar.is-empty .dnt_prd_sel_cta_btn {box-shadow: none; font-size: 0.9375rem; font-weight: 700; min-height: 2.875rem;} .dnt_prd_sel_cta_bar.is-ready {box-shadow: 0 -12px 36px rgba(15, 23, 42, 0.12);} .dnt_prd_sel_cta_bar.is-ready .dnt_prd_sel_cta_btn.btn-primary {background: linear-gradient(135deg, #3366b9 0%, #004596 100%); border: none; color: #fff; min-width: 12rem; min-height: 3.25rem; font-size: 1.125rem; box-shadow: 0 6px 20px rgba(0, 69, 150, 0.35);} .dnt_prd_sel_cta_bar.is-ready .dnt_prd_sel_cta_btn.btn-primary:hover {transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0, 69, 150, 0.42); color: #fff; opacity: 1;} @media (max-width: 991px) { .dnt_prd_evt_branch_gate {padding: 1.25rem 0 1.75rem; margin-bottom: 0.5rem;} .dnt_prd_evt_branch_gate_inner {max-width: none;} .dnt_prd_evt_branch_gate_title {font-size: 1.375rem;} .dnt_prd_evt_branch_gate_desc {margin-bottom: 1.25rem; font-size: 0.8125rem;} .dnt_prd_evt_branch_gate_btns {grid-template-columns: 1fr 1fr; gap: 0.75rem;} .dnt_prd_evt_branch_gate_btn {min-height: 7.5rem; padding: 0.75rem 0.375rem; border-radius: 0.875rem;} .dnt_prd_evt_branch_gate_btn_icon {width: 3rem; height: 3rem; font-size: 1.25rem;} .dnt_prd_evt_branch_gate_btn_title {font-size: 0.875rem;} .dnt_prd_evt_branch_gate_btn_desc {font-size: 0.625rem;} .dnt_prd_evt_branch_gate.is-selected {padding: 0.75rem 0 0.75rem;} .dnt_prd_sel_cta_bar {padding: 0.375rem 0 0.625rem;} .dnt_prd_sel_cta_bar_inner {padding: 0.25rem 0.75rem 0.125rem; gap: 0.375rem;} .dnt_prd_sel_cta_head {gap: 0.375rem; flex-wrap: nowrap; align-items: center;} .dnt_prd_sel_cta_step_track {flex: 1; min-width: 0;} .dnt_prd_sel_cta_step_item {font-size: 0.625rem; gap: 0.25rem;} .dnt_prd_sel_cta_step_lbl {display: inline; max-width: none;} .dnt_prd_sel_cta_step_sep {width: 0.625rem;} .dnt_prd_sel_cta_evt_tag {font-size: 0.5625rem; padding: 0.125rem 0.375rem;} .dnt_prd_sel_cta_main {display: grid; grid-template-columns: 2.625rem minmax(0, 1fr); grid-template-rows: auto auto; gap: 0.375rem 0.5rem; align-items: start; width: 100%;} .dnt_prd_sel_cta_cart_badge {grid-column: 1; grid-row: 1; align-self: center; width: 2.625rem; height: 2.625rem; border-radius: 0.625rem;} .dnt_prd_sel_cta_body {display: contents;} .dnt_prd_sel_cta_info {grid-column: 2; grid-row: 1; padding: 0.375rem 0.5rem; border-radius: 0.5rem; background-color: rgba(248, 250, 252, 0.92); border: 1px solid rgba(226, 232, 240, 0.95);} .dnt_prd_sel_cta_cart_icon {font-size: 1.125rem;} .dnt_prd_sel_cta_title {display: none;} .dnt_prd_sel_cta_status {display: block; margin: 0; font-size: 0.6875rem; line-height: 1.45;} .dnt_prd_sel_cta_bar.is-ready .dnt_prd_sel_cta_info {background-color: var(--dnt-prd-cta-accent-soft); border-color: var(--dnt-prd-cta-accent-border);} .dnt_prd_sel_cta_bar.is-ready .dnt_prd_sel_cta_status {display: none;} .dnt_prd_sel_cta_bar.is-empty .dnt_prd_sel_cta_status {display: block;} .dnt_prd_sel_cta_btn_wrap {grid-column: 1 / -1; grid-row: 2; display: flex; flex-direction: column; align-items: stretch; align-self: stretch; width: 100%; max-width: 100%; box-sizing: border-box; gap: 0.375rem;} .dnt_prd_sel_cta_bar.is-step2 .dnt_prd_sel_cta_btn_wrap {flex-direction: column; max-width: none; width: 100%;} .dnt_prd_sel_cta_bar.is-step2 .dnt_prd_sel_cta_btn_wrap > .dnt_prd_sel_cta_btn {flex: none; width: 100%; max-width: 100%; min-width: 0; align-self: stretch; box-sizing: border-box; margin: 0;} .dnt_prd_sel_cta_btn {display: flex !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; align-self: stretch !important; box-sizing: border-box !important; margin: 0 !important; min-height: 2.875rem; font-size: 0.9375rem; padding: 0.625rem 0.875rem; border-radius: 0.5rem !important;} .dnt_prd_sel_cta_bar.is-step2 .JS-okflagDeliveryUsrReqBasTestDivyBtn {width: 100% !important; max-width: 100% !important; align-self: stretch !important; min-height: 2.375rem; font-size: 0.75rem; font-weight: 600; padding: 0.4375rem 0.625rem; box-shadow: none; background-color: #94a3b8; border: none; color: #fff;} .dnt_prd_sel_cta_bar.is-empty {padding: 0.25rem 0;} .dnt_prd_sel_cta_bar.is-empty .dnt_prd_sel_cta_btn {min-height: 2.75rem; font-size: 0.875rem;} .dnt_prd_sel_cta_bar.is-ready .dnt_prd_sel_cta_btn.btn-primary {min-height: 3rem; min-width: 0 !important; width: 100% !important; max-width: 100% !important; align-self: stretch !important; font-size: 1rem;} body.is-dnt-prd-divy-instl-req-form .notify.notify__bottom-right {bottom: var(--dnt-prd-toast-bottom, 7rem) !important;} } @media (min-width: 992px) { .sub_body .dnt_prd_sel_cta_bar_inner, .tiles-mngt-default .dnt_prd_sel_cta_bar_inner {width: 1250px; max-width: 100%; margin: 0 auto; padding-left: calc(250px + 1rem); padding-right: 1rem;} } body.is-dnt-prd-divy-instl-req-form.tiles-mngt-default .dafl-mngt-body-wrap {min-height: calc(100vh - 86px); padding-bottom: 0;} body.is-dnt-prd-divy-instl-req-form.tiles-mngt-default .dnt_prd_sel_cta_bar {bottom: 0 !important;} body.is-dnt-prd-divy-instl-req-form.tiles-mngt-default .notify.notify__bottom-right {bottom: var(--dnt-prd-toast-bottom, 7rem) !important;} /* 모바일 - 상단 라벨 / 저장 버튼 / 페이지 여백 */ .dnt_prd_divy_instl_req_form_top_label_wrap .input-group-append, .dnt_prd_divy_instl_req_form_top_label_wrap .input-group-text {flex: 1;} .dnt_prd_divy_instl_req_form_top_label_wrap .input-group-text {background-color: #fff; padding: 0.5rem 0.75rem;} .dnt_prd_divy_instl_req_form_top_label_wrap label {flex: 1; font-size: 1.125rem; font-weight: bold; display: flex; justify-content: center; align-items: center; gap: 0.25rem;} .dnt_prd_divy_instl_req_form_top_label_wrap label input[type="radio"] {width: 1.25rem; height: 1.25rem; margin: 0;} .dnt_prd_divy_instl_req_form_top_label_wrap label input[type="radio"]:checked + div {color: #3366b9;} .save_okflag_delivery_usr_req_bas_btn_wrap {position: fixed; bottom: 4.875rem; left: 0; right: 0; width: 100%; z-index: 10002; background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.1);} .save_okflag_delivery_usr_req_bas_btn_wrap .btn-group {display: flex !important; flex-wrap: nowrap; width: 100%;} .save_okflag_delivery_usr_req_bas_btn_wrap .btn-group > .btn {flex: 1 1 0; min-width: 0; width: auto !important; box-sizing: border-box;} .save_okflag_delivery_usr_req_bas_btn_wrap a.btn {border-radius: 0 !important;} body.is-dnt-prd-divy-instl-req-form .wrapper_cont {min-height: 0;} body.is-dnt-prd-divy-instl-req-form .app_instl_popup_form_mask {z-index: 10003;} body.is-dnt-prd-divy-instl-req-form .save_okflag_delivery_usr_req_bas_btn_wrap {bottom: 0 !important;} /* * dnt 배송신청 모바일(m.views) Step2 shadow 패널 * - 스코프: .is-dnt-prd-divy-instl-req-form-m (m.views body.jsp 최상위, PC views 미적용) * - 공통: .cmn_shadow_form_panel (border 대신 box-shadow) */ .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel {border: none; border-radius: 0.5rem; padding: 1rem 1.25rem; background-color: #fff; box-shadow: 0 6px 24px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.08);} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel > ul:not(.list-inline) {margin: 0; padding: 0; list-style: none;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel > ul:not(.list-inline) > li + li {margin-top: 0.875rem;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel > ul:not(.list-inline) > li > dl {margin: 0;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel > ul:not(.list-inline) > li > dl > dt {font-size: 0.875rem; color: #6c757d; font-weight: 600;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel > ul:not(.list-inline) > li > dl > dd {margin-top: 0.375rem;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel > ul:not(.list-inline) > li > dl > dd > .form-control {border-radius: 0.25rem !important;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel .JS-gCodeItem > h5 {margin: 0;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody:not(.d-none) {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e9ecef;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-rcvSmsFormWrap .JS-okflagDeliveryUsrReqBasItemList {margin: 0;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-rcvSmsFormWrap .JS-okflagDeliveryUsrReqBasItemList > dt {font-size: 0.9375rem; font-weight: 700; color: #343a40; margin-bottom: 0.75rem;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-rcvSmsFormWrap:not(.d-none) + #JS-okflagDeliveryUsrReqBasDivyPlcInfForm:not(.d-none) .JS-okflagDeliveryUsrReqBasItemList > dt {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e9ecef;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList {margin: 0;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dt {font-size: 0.9375rem; font-weight: 700; color: #343a40; margin-bottom: 0.75rem;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dd > ul {margin: 0; padding: 0; list-style: none;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dd > ul > li + li {margin-top: 0.875rem;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dd > ul > li > dl {margin: 0;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dd > ul > li > dl > dt {font-size: 0.875rem; color: #6c757d; font-weight: 600;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dd > ul > li > dl > dd {margin-top: 0.375rem;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm:not(.d-none):first-child .JS-okflagDeliveryUsrReqBasItemList > dt, .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-rcvSmsFormWrap.d-none + #JS-okflagDeliveryUsrReqBasDivyPlcInfForm:not(.d-none) .JS-okflagDeliveryUsrReqBasItemList > dt {margin-top: 0;} .is-dnt-prd-divy-instl-req-form-m #JS-rcvSmsFormWrap .input-group > .form-control:not(:first-child), .is-dnt-prd-divy-instl-req-form-m .JS-frameWrthTyCdForm[data-params="0004"] .input-group > .form-control:not(:first-child) {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;} .is-dnt-prd-divy-instl-req-form-m #JS-rcvSmsFormWrap .input-group > .input-group-prepend > .input-group-text, .is-dnt-prd-divy-instl-req-form-m .JS-frameWrthTyCdForm[data-params="0004"] .input-group > .input-group-prepend > .input-group-text {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .is-dnt-prd-divy-instl-req-form-m .JS-pintUseWrap .input-group > .form-control:not(:last-child) {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .is-dnt-prd-divy-instl-req-form-m .JS-pintUseWrap .input-group > .input-group-append > .btn {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-okflagDeliveryUsrReqBasItemListWrap > dl > dt {display: none;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-okflagDeliveryUsrReqBasItemListWrap > dl {margin: 0;} .is-dnt-prd-divy-instl-req-form-m .cmn_shadow_form_panel #JS-okflagDeliveryUsrReqBasItemListWrap > dl > dd > .card:first-child {margin-top: 0 !important;} .is-dnt-prd-divy-instl-req-form-m #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnBasForm {margin-top: 0 !important;} .is-dnt-prd-divy-instl-req-form-m #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnInpWrap {margin-top: 0.75rem !important;} .is-dnt-prd-divy-instl-req-form-m #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .cmn_shadow_form_panel_sect {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e9ecef;} .is-dnt-prd-divy-instl-req-form-m #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .cmn_shadow_form_panel_sect:first-child {margin-top: 0; padding-top: 0; border-top: none;} .is-dnt-prd-divy-instl-req-form-m #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .cmn_shadow_form_panel_sect_tit {font-size: 0.9375rem; font-weight: 700; color: #343a40; margin-bottom: 0.75rem;} .is-dnt-prd-divy-instl-req-form-m #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-pintUseWrap .pint_use_form {border: none; border-radius: 0; padding: 0; background-color: transparent;} .is-dnt-prd-divy-instl-req-form-m #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnBasForm ~ .JS-pintUseWrap {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e9ecef;} .is-dnt-prd-divy-instl-req-form-m #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .cmn_shadow_form_panel_sect:last-child a {box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); border-radius: 0.5rem; overflow: hidden;} /* dnt 배송신청 - 초대장 사진등록 (모바일/PC 공통 타일) */ .invt_card_file_upload_row {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.75rem;} .invt_card_file_upload_preview_lst {display: contents; margin: 0; padding: 0; list-style: none;} .invt_card_file_upload_add, .invt_card_file_upload_preview {flex: 0 0 5.75rem; width: 5.75rem; height: 5.75rem; margin: 0; padding: 0; box-sizing: border-box;} .invt_card_file_upload_add_lbl, .invt_card_file_upload_preview_inner {position: relative; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; border: 2px dashed #cbd5e1; border-radius: 0.375rem; background-color: #fff;} .invt_card_file_upload_preview_inner {display: block; background-color: #f8fafc;} .invt_card_file_upload_add_lbl {display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; padding: 0.5rem 0.375rem; cursor: pointer;} .invt_card_file_upload_add_icon {display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; color: #94a3b8; font-size: 1.625rem; line-height: 1;} .invt_card_file_upload_add_txt {margin-top: 0.3125rem; color: #64748b; font-size: 0.6875rem; font-weight: 500; line-height: 1.35; text-align: center; word-break: keep-all;} .invt_card_file_upload_preview_inner img {position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;} .invt_card_file_upload_del_btn {position: absolute; top: 0.3125rem; right: 0.3125rem; z-index: 2; display: flex; align-items: center; justify-content: center; width: 1.625rem; height: 1.625rem; border-radius: 999px; background-color: rgba(15, 23, 42, 0.72); color: #fff; font-size: 0.6875rem; line-height: 1; text-decoration: none;} .invt_card_file_upload_del_btn:hover {color: #fff; text-decoration: none;} /* dnt 배송신청 모바일 - 초대장 사진등록 */ .is-dnt-prd-divy-instl-req-form-m .invt_card_file_upload_wrap {margin-top: 0.75rem;} .is-dnt-prd-divy-instl-req-form-m .invt_card_file_upload_add_lbl, .is-dnt-prd-divy-instl-req-form-m .invt_card_file_upload_preview_inner {border-radius: 0.5rem;} .is-dnt-prd-divy-instl-req-form-m .invt_card_file_upload_add_icon {width: 2.5rem; height: 2.5rem; font-size: 1.75rem;} .is-dnt-prd-divy-instl-req-form-m .invt_card_file_upload_desc {margin: 0.75rem 0 0; font-size: 0.875rem;} /* dnt 배송신청 PC - 초대장 사진등록 (input-group-item 라벨 스타일 연동) */ .dnt_prd_divy_instl_req_form .invt_card_file_upload_wrap--pc {margin-top: 0.5rem;} .dnt_prd_divy_instl_req_form .invt_card_file_upload_wrap--pc .invt_card_file_upload_panel {display: flex !important; flex-wrap: nowrap; align-items: stretch; margin: 0;} .dnt_prd_divy_instl_req_form .invt_card_file_upload_wrap--pc .invt_card_file_upload_panel:after {display: none; content: none;} .dnt_prd_divy_instl_req_form .invt_card_file_upload_wrap--pc .invt_card_file_upload_panel > * {float: none !important; min-height: 100%;} .dnt_prd_divy_instl_req_form .invt_card_file_upload_wrap--pc .invt_card_file_upload_lbl {display: flex !important; align-items: center; justify-content: center; flex: 0 0 16.66666667%; width: 16.66666667%; height: auto !important; min-height: 2.5rem; line-height: 1.35; padding: 0.375rem 0.5rem !important; white-space: normal; font-weight: 500; background-color: #f5f5f5; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .dnt_prd_divy_instl_req_form .invt_card_file_upload_wrap--pc .invt_card_file_upload_body {display: flex !important; align-items: center; flex: 1 1 0; width: 83.33333333%; min-width: 0; height: auto !important; min-height: 2.5rem; line-height: normal; text-align: left; padding: 0.625rem 0.75rem !important; background-color: #fff !important; margin-left: -1px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel {display: flex !important; flex-wrap: nowrap; align-items: stretch; margin: 0.5rem 0 0;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel:after {display: none; content: none;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > * {float: none !important; min-height: 100%;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > *:not(.form-control) {padding-left: 0 !important; padding-right: 0 !important;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > *:first-child {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > *:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > * + * {margin-left: -1px !important;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > * + *:not(:last-child) {border-radius: 0 !important;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > .input-group-text:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > span.input-group-text {display: flex !important; align-items: center; justify-content: center; flex: 0 0 16.66666667%; width: 16.66666667%; height: auto !important; min-height: 2.5rem; line-height: 1.35; padding: 0.375rem 0.5rem !important; white-space: normal; font-weight: 500; background-color: #f5f5f5;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > .form-control:not(.hasDatepicker) {flex: 1 1 0; width: auto; min-width: 0; height: auto !important; min-height: 2.5rem; text-align: left; background-color: #fff; padding-left: 0.75rem !important; padding-right: 0.75rem !important;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > .form-control.hasDatepicker {flex: 1 1 0; width: auto; min-width: 0; height: auto !important; min-height: 2.5rem; padding-right: 0.75rem !important;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > .input-group-text {display: flex !important; align-items: center; justify-content: center; flex: 0 0 25%; width: 25%; height: auto !important; min-height: 2.5rem; line-height: 1.35; padding: 0.375rem 0.5rem !important; text-align: center; background-color: #f5f5f5 !important; border: 1px solid #ced4da;} .dnt_prd_divy_instl_req_form #JS-rcvSmsFormWrap .dnt_prd_rcv_invt_url_panel > .input-group-text label {display: flex; align-items: center; justify-content: center; margin: 0; white-space: normal; font-weight: 400;} /* * dnt 배송신청 PC(views) Step2 shadow 패널 * - InputLstFormWrap display:contents → 주문/혜택 섹션도 stack gap에 포함 (Y축 간격 통일) */ .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasStep2Wrap {overflow: visible; padding: 0 0.5rem 0.25rem; box-sizing: border-box;} .dnt_prd_divy_instl_req_form #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList {padding: 0 !important; margin-bottom: 0 !important;} .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack {display: flex; flex-direction: column; align-items: stretch; gap: 0.625rem; width: 100%; overflow: visible; box-sizing: border-box; padding: 0;} .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack > dl.JS-okflagDeliveryUsrReqBasItemList, .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl.JS-okflagDeliveryUsrReqBasItemList {width: 100%; margin: 0 !important; padding: 0 !important; box-sizing: border-box;} .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack #JS-okflagDeliveryUsrReqBasInputLstFormWrap {margin: 0; padding: 0;} .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack #JS-okflagDeliveryUsrReqBasInputLstFormWrap:not(.d-none) {display: contents;} .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack dl.JS-okflagDeliveryUsrReqBasItemList > dt {font-size: 1.5rem; font-weight: 500; margin: 0; padding: 0; line-height: 1.25;} .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack dl.JS-okflagDeliveryUsrReqBasItemList > dd {margin: 0.375rem 0 0; padding: 0 0.375rem 0.25rem; overflow: visible; box-sizing: border-box;} .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack .cmn_shadow_form_panel {position: relative; z-index: 0; box-sizing: border-box; width: 100%; border: none; border-radius: 0.5rem; padding: 0.875rem 1.125rem; margin: 0; background-color: #fff; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1), 0 1px 3px rgba(15, 23, 42, 0.06); overflow: visible;} .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack #JS-okflagDeliveryUsrReqBasInputLstFormWrap > .mt-3, .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack #JS-okflagDeliveryUsrReqBasInputLstFormWrap > .mx-2, .dnt_prd_divy_instl_req_form .dnt_prd_step2_sect_stack #JS-okflagDeliveryUsrReqBasInputLstFormWrap > .text-center {width: 100%; margin-top: 0 !important; box-sizing: border-box;} .dnt_prd_divy_instl_req_form #okflagDeliveryUsrReqBas .dnt_prd_step2_sect_stack dl.JS-okflagDeliveryUsrReqBasItemList > dd {margin-top: 0.375rem !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row {display: flex !important; flex-wrap: nowrap; align-items: stretch; margin: 0; width: 100%;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row:after {display: none; content: none;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row + .dnt_prd_appl_inf_form_row {margin-top: 0.375rem;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > * {float: none !important; position: relative; z-index: 0; min-height: 2.5rem;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > *:not(.form-control) {padding-left: 0 !important; padding-right: 0 !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > *:focus {z-index: 1;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > * + * {margin-left: -1px !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > *:first-child {border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > *:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > *:not(:first-child):not(:last-child) {border-radius: 0 !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > span.input-group-text:not(.JS-gCodeItem), .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > div.input-group-text {display: flex !important; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 6.75rem; height: auto !important; line-height: 1.35; padding: 0.375rem 0.5rem !important; white-space: nowrap; font-weight: 500; background-color: #f5f5f5; border: 1px solid #ced4da; border-radius: 0 !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > span.input-group-text:first-child:not(.JS-gCodeItem), .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > div.input-group-text:first-child {border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > span.input-group-text:last-child:not(.JS-gCodeItem), .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > div.input-group-text:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > .form-control, .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > select.form-control {flex: 1 1 0; width: auto !important; min-width: 0; height: auto !important; min-height: 2.5rem; padding: 0.375rem 0.75rem !important; text-align: left; background-color: #fff; border: 1px solid #ced4da; border-radius: 0 !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > .form-control:first-child, .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > select.form-control:first-child {border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > .form-control:last-child, .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > select.form-control:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row.JS-gCodeWrap:not(:has(> .JS-gCodeItem)) {display: none !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > span.JS-gCodeItem:not(.input-group-text) {display: flex; align-items: center; flex: 1 1 0; min-width: 0; min-height: 2.5rem; padding: 0.375rem 0.75rem !important; text-align: left; background-color: #fff; border: 1px solid #ced4da; border-radius: 0 !important; margin-left: -1px !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > select.JS-gCodeItem {display: block; flex: 1 1 0; min-width: 0; min-height: 2.5rem; padding: 0.375rem 0.75rem !important; text-align: left; background-color: #fff; border: 1px solid #ced4da; border-radius: 0 !important; margin-left: -1px !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > span.JS-gCodeItem:not(.input-group-text):last-child, .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel .dnt_prd_appl_inf_form_row > select.JS-gCodeItem:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row {display: flex !important; flex-wrap: nowrap; align-items: stretch; margin: 0;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row:after {display: none; content: none;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > * {float: none !important; min-height: 100%;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > *:not(.form-control) {padding-left: 0 !important; padding-right: 0 !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row + .dnt_prd_ord_inf_form_row {margin-top: 0.375rem;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > *:first-child {border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > *:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > * + * {margin-left: -1px !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > *:not(:first-child):not(:last-child) {border-radius: 0 !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > span.input-group-text:not(.d-none), .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > div.input-group-text {display: flex !important; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 6.75rem; height: auto !important; min-height: 2.5rem; line-height: 1.35; padding: 0.375rem 0.5rem !important; white-space: normal; font-weight: 500; background-color: #f5f5f5; border: 1px solid #ced4da; border-radius: 0 !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > span.input-group-text:first-child:not(.d-none), .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > div.input-group-text:first-child {border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > span.input-group-text.JS-gComnameItem:not(.d-none), .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > span.input-group-text.JS-agentSjpackCdItem:not(.d-none):first-child {border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > span.input-group-text:last-child:not(.d-none), .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > div.input-group-text:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .form-control.d-none, .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > select.form-control.d-none {display: none !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .form-control, .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > select.form-control, .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > textarea.form-control {flex: 1 1 0; width: auto !important; min-width: 0; height: auto !important; min-height: 2.5rem; padding: 0.375rem 0.75rem !important; border: 1px solid #ced4da; border-radius: 0 !important; background-color: #fff;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .form-control:first-child, .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > select.form-control:first-child, .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > textarea.form-control:first-child {border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .form-control:last-child, .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > select.form-control:last-child, .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > textarea.form-control:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .btn {display: flex !important; align-items: center; justify-content: center; flex: 0 0 auto; height: auto !important; min-height: 2.5rem; white-space: nowrap; border-radius: 0 !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .btn:first-child {border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .btn:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .input-group-text.d-none {display: none !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .dnt_prd_ord_inf_form_val {display: flex !important; align-items: center; flex: 1 1 0; width: 83.33333333%; min-width: 0; height: auto !important; min-height: 2.5rem; line-height: normal; text-align: left; padding: 0.625rem 0.75rem !important; background-color: #fff !important; border-radius: 0 !important; margin-left: -1px !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .dnt_prd_ord_inf_form_val:last-child {border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .dnt_prd_ord_inf_form_val.p-0 {padding: 0 !important;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .col-2 {flex: 0 0 16.66666667%; width: 16.66666667%; max-width: 16.66666667%;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .col-3 {flex: 0 0 25%; width: 25%; max-width: 25%;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .col-4 {flex: 0 0 33.33333333%; width: 33.33333333%; max-width: 33.33333333%;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .col-6 {flex: 0 0 50%; width: 50%; max-width: 50%;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .col-7 {flex: 1 1 0; width: auto; min-width: 0; max-width: none;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .col-9 {flex: 1 1 0; width: auto; min-width: 0; max-width: none;} .dnt_prd_divy_instl_req_form .dnt_prd_ord_inf_form_row > .col-10 {flex: 1 1 0; width: auto; min-width: 0; max-width: none;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-okflagDeliveryUsrReqBasInputLstForm .JS-addTypeForm > .card-body {background-color: transparent !important; padding: 0.625rem 0.75rem !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-okflagDeliveryUsrReqBasInputLstForm .JS-addTypeForm > .card-header {padding: 0.375rem 0.5rem !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-okflagDeliveryUsrReqBasItemListWrap .JS-addTypeForm {margin-top: 0.5rem !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-okflagDeliveryUsrReqBasItemListWrap .JS-addTypeForm:first-child {margin-top: 0 !important;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel > .table {margin-bottom: 0; border-top-color: #000; border-bottom-color: #c4c4c4;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel > .table > tbody > tr > th {font-size: 1.125rem; font-weight: 300;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel > .table > tbody > tr > td {text-align: left; padding: 0.5rem 1.5rem;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody:not(.d-none) {margin-top: 0.625rem; padding-top: 0.625rem; border-top: 1px solid #e9ecef;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-rcvSmsFormWrap .JS-okflagDeliveryUsrReqBasItemList {margin: 0; padding: 0;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-rcvSmsFormWrap .JS-okflagDeliveryUsrReqBasItemList > dt {font-size: 1rem; font-weight: 700; color: #343a40; margin-bottom: 0.5rem;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-rcvSmsFormWrap:not(.d-none) + #JS-okflagDeliveryUsrReqBasDivyPlcInfForm:not(.d-none) .JS-okflagDeliveryUsrReqBasItemList > dt {margin-top: 0.625rem; padding-top: 0.625rem; border-top: 1px solid #e9ecef;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList {margin: 0; padding: 0;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dt {font-size: 1rem; font-weight: 700; color: #343a40; margin-bottom: 0.5rem;} .dnt_prd_divy_instl_req_form .dnt_prd_divy_plc_form > .dnt_prd_ord_inf_form_row + .dnt_prd_ord_inf_form_row, .dnt_prd_divy_instl_req_form .dnt_prd_divy_plc_form > .JS-flgPrdTelNotice + .dnt_prd_ord_inf_form_row, .dnt_prd_divy_instl_req_form .dnt_prd_divy_plc_form > .dnt_prd_ord_inf_form_row + .JS-srchAddrDetWrap, .dnt_prd_divy_instl_req_form .dnt_prd_divy_plc_form > .JS-srchAddrDetWrap + .dnt_prd_ord_inf_form_row, .dnt_prd_divy_instl_req_form .dnt_prd_divy_plc_form .JS-srchAddrDetWrap > .dnt_prd_ord_inf_form_row + .dnt_prd_ord_inf_form_row {margin-top: 0.375rem;} .dnt_prd_divy_instl_req_form .dnt_prd_divy_plc_form .JS-srchAddrDetWrap > .dnt_prd_ord_inf_form_row:first-child {margin-top: 0.375rem;} .dnt_prd_divy_instl_req_form .dnt_prd_divy_plc_form > .JS-flgPrdTelNotice {display: block; margin-top: 0.375rem;} .dnt_prd_divy_instl_req_form .dnt_prd_divy_plc_form .dnt_prd_ord_inf_form_row > .btn {display: flex !important; align-items: center; justify-content: center; height: auto !important; min-height: 2.5rem; white-space: normal; line-height: 1.35; padding: 0.375rem 0.5rem !important; background-color: #fff;} .dnt_prd_divy_instl_req_form .dnt_prd_divy_plc_form .dnt_prd_ord_inf_form_row > textarea.form-control {height: auto !important; min-height: 6.25rem; align-self: stretch;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dd {padding: 0;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dd > ul > li + li {margin-top: 0.625rem;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dd > ul > li > dl {margin: 0;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dd > ul > li > dl > dt {font-size: 0.9375rem; color: #6c757d; font-weight: 600;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-recvInpFormPanelBody #JS-okflagDeliveryUsrReqBasDivyPlcInfForm .JS-okflagDeliveryUsrReqBasItemList > dd > ul > li > dl > dd {margin-top: 0.375rem;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-okflagDeliveryUsrReqBasItemListWrap > dl > dt {display: none;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-okflagDeliveryUsrReqBasItemListWrap > dl {margin: 0;} .dnt_prd_divy_instl_req_form .cmn_shadow_form_panel #JS-okflagDeliveryUsrReqBasItemListWrap > dl > dd > .card:first-child {margin-top: 0 !important;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnInpWrap .dnt_prd_ord_inf_form_row > .form-control {flex: 1 1 0; width: auto; min-width: 0; text-align: left; background-color: #fff;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnInpWrap .dnt_prd_ord_inf_form_row > .btn {display: flex !important; align-items: center; justify-content: center; height: auto !important; min-height: 2.5rem; white-space: nowrap; padding: 0.375rem 0.5rem !important;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnInpWrap .d-flex-form {width: 100%;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnInpWrap .d-flex-form > .card-title {flex: 1; min-width: 0; margin-bottom: 0;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnInpWrap .d-flex-form > .JS-cupnFormChg {flex-shrink: 0; margin-left: 0.5rem;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnBasForm, .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnInpWrap .card {border: none !important; background-color: transparent !important; box-shadow: none !important;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnBasForm .card-body, .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnInpWrap .card-body {padding: 0 !important; background-color: transparent !important;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnBasForm {margin-top: 0 !important;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnInpWrap {margin-top: 0.5rem !important;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .cmn_shadow_form_panel_sect {margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #e9ecef;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .cmn_shadow_form_panel_sect:first-child {margin-top: 0; padding-top: 0; border-top: none;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .cmn_shadow_form_panel_sect_tit {font-size: 1rem; font-weight: 700; color: #343a40; margin-bottom: 0.5rem;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-pintUseWrap .pint_use_form {border: none; border-radius: 0; padding: 0; background-color: transparent;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .JS-cupnBasForm ~ .JS-pintUseWrap {margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #e9ecef;} .dnt_prd_divy_instl_req_form #JS-okflagDeliveryUsrReqBasInputLstFormWrap > dl > dd > .cmn_shadow_form_panel .cmn_shadow_form_panel_sect:last-child a {border-radius: 0.375rem; overflow: hidden; box-shadow: none;} .dnt_prd_sel_cta_bar.is-empty .dnt_prd_sel_cta_btn {background-color: #e2e8f0 !important; border-color: #cbd5e1 !important; color: #64748b !important;} .dnt_prd_sel_cta_bar.is-empty .dnt_prd_sel_cta_btn .JS-okflagDeliveryUsrReqBasStep2WrapBtnLabelText.is-empty {color: #64748b !important;} .dnt_prd_sel_cta_bar.is-empty .dnt_prd_sel_cta_btn.is-disabled {opacity: 1;} @media (max-width: 991px) { .dnt_prd_divy_instl_req_form {margin-top: 1rem;} .dnt_prd_divy_instl_req_form #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList {padding: 0;} .dnt_prd_divy_instl_req_form #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dd > ul > li:not(:first-child) {margin-top: 1rem;} .dnt_prd_divy_instl_req_form #okflagDeliveryUsrReqBas dl.JS-okflagDeliveryUsrReqBasItemList > dd > ul > li > dl > dd {margin-top: 0.5rem;} .dnt_prd_divy_instl_req_form .JS-okflagDeliveryUsrReqBasItemList > dt {margin-top: 1.5rem;} .dnt_prd_divy_instl_req_form .JS-dntPrdSelGridWrap > ul.product-selection-grid {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1rem; padding: 0.5rem 0;} .dnt_prd_sel_cta_bar {bottom: 4.875rem;} .dnt_prd_divy_instl_req_form .dnt_prd_sel_cta_bar, .dnt_prd_divy_instl_req_form ~ .dnt_prd_sel_cta_bar {bottom: 0;} } @media (max-width: 767px) { .dnt_prd_divy_instl_req_form .JS-dntPrdSelGridWrap > ul.product-selection-grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.625rem; padding: 0.25rem 0;} .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-item {padding: 0.375rem;} .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt {min-height: 40px; padding: 0.5rem 0.25rem;} .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt em {white-space: normal; font-size: 0.75rem;} .dnt_prd_divy_instl_req_form .product-selection-grid .label-text {padding: 0.5rem 0.375rem 0.25rem; font-size: 0.875rem;} .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card_actions .btn {font-size: 0.6875rem; padding: 0.4375rem 0.25rem;} } @media (max-width: 380px) { .dnt_prd_divy_instl_req_form .product-selection-grid .label-amt em {font-size: 0.6875rem;} .dnt_prd_divy_instl_req_form .product-selection-grid .label-text {font-size: 0.8125rem;} .dnt_prd_divy_instl_req_form .product-selection-grid .product-selection-card_actions .btn {font-size: 0.625rem; padding: 0.375rem 0.125rem;} } @media (min-width: 992px) { .sub_body .save_okflag_delivery_usr_req_bas_btn_wrap, .tiles-mngt-default .save_okflag_delivery_usr_req_bas_btn_wrap {box-sizing: border-box; padding-left: calc(50% - 375px); padding-right: calc(50% - 625px);} } /* divy_instl_req_list — 그리드 목록 + 페이지네이션 (divy / daflMngt 공통) */ .divy_instl_req_list-page {max-width: 100%;} .divy_instl_req_list-wrapper {position: relative; background: #fff; border: 1px solid #e2e8f0; border-radius: 0.625rem; overflow: hidden; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 16px rgba(15, 23, 42, 0.06);} .divy_instl_req_list-toolbar {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 1rem; padding: 0.875rem 1.125rem; border-bottom: 1px solid #e2e8f0; border-radius: 0.625rem 0.625rem 0 0; background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);} .divy_instl_req_list-toolbar-count {display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 0.75rem; min-width: 0;} .divy_instl_req_list-toolbar-lbl {font-size: 0.8125rem; font-weight: 600; letter-spacing: -0.02em; color: #64748b;} .divy_instl_req_list-toolbar-num {font-size: 0.9375rem; color: #334155;} .divy_instl_req_list-toolbar-num strong {font-size: 1.125rem; font-weight: 700; color: #1e293b; letter-spacing: -0.02em;} .divy_instl_req_list-toolbar-btn {font-weight: 600; padding: 0.5rem 1.125rem; border-radius: 0.5rem; white-space: nowrap;} .bil_recpt_list-toolbar-actions {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.5rem;} .divy_instl_req_list-scroll {padding: 0.75rem 1.125rem 1rem; overflow-x: auto; -webkit-overflow-scrolling: touch;} .divy_instl_req_list-grid {width: 100%; min-width: 46rem;} .divy_instl_req_list-grid-row {display: grid !important; grid-template-columns: 6.75rem minmax(4.25rem, 5.75rem) minmax(14rem, 1fr) 7.25rem 10.5rem; gap: 0.5rem; align-items: center; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;} .divy_instl_req_list-col-grp {max-width: 5.75rem;} .divy_instl_req_list-col-grp .divy_instl_req_list-grp-nm {font-size: 0.875rem;} .divy_instl_req_list-grid-header {margin: 0 0 0.5rem; padding: 0.5rem 0.625rem; border-radius: 0.375rem; background: #f1f5f9; font-size: 0.8125rem; font-weight: 600; color: #64748b; letter-spacing: -0.01em;} .divy_instl_req_list-grid-header > [class*="divy_instl_req_list-col-"], .divy_instl_req_list-grid-row > [class*="divy_instl_req_list-col-"] {display: flex; flex-direction: column; justify-content: center; gap: 0.125rem; box-sizing: border-box; line-height: 1.4; min-width: 0; font-size: 0.9375rem;} .divy_instl_req_list-grid-header > [class*="divy_instl_req_list-col-"].text-center, .divy_instl_req_list-grid-row > [class*="divy_instl_req_list-col-"].text-center {align-items: center; text-align: center;} .divy_instl_req_list-grid-header > [class*="divy_instl_req_list-col-"].text-left, .divy_instl_req_list-grid-row > [class*="divy_instl_req_list-col-"].text-left {align-items: flex-start; text-align: left;} .divy_instl_req_list-grid dd > ul > li {margin-bottom: 0.5rem;} .divy_instl_req_list-grid dd > ul > li:last-child {margin-bottom: 0;} .divy_instl_req_list-item {max-width: 100%; border: 1px solid #e2e8f0; border-radius: 0.5rem; background: #fff; transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;} .divy_instl_req_list-grid dd > ul > li > .divy_instl_req_list-item:hover {border-color: rgba(51, 102, 185, 0.45); background: #f8fafc; box-shadow: 0 2px 8px rgba(51, 102, 185, 0.08);} .divy_instl_req_list-item .divy_instl_req_list-grid-row {min-height: 3rem; padding: 0.625rem 0.75rem; align-items: center;} .divy_instl_req_list-sta-badge {display: inline-block; box-sizing: border-box; max-width: 100%; padding: 0.25rem 0.5rem; border-radius: 999px; font-size: 0.75rem; font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; white-space: nowrap;} .divy_instl_req_list-page .divy_instl_req_list-col-sta .divy_instl_req_list-sta-badge {width: 5.75rem; min-width: 5.75rem; max-width: 5.75rem; padding-left: 0.25rem; padding-right: 0.25rem; text-align: center; overflow: hidden; text-overflow: ellipsis;} .divy_instl_req_list-sta-badge--wait {color: #92400e; background: #fef3c7; border: 1px solid #fde68a;} .divy_instl_req_list-sta-badge--ready {color: #1e40af; background: #eff6ff; border: 1px solid #bfdbfe;} .divy_instl_req_list-sta-badge--prog {color: #1e293b; background: #f1f5f9; border: 1px solid #cbd5e1;} .divy_instl_req_list-sta-badge--done {color: #166534; background: #ecfdf5; border: 1px solid #bbf7d0;} .divy_instl_req_list-sta-badge--cancel {color: #64748b; background: #f8fafc; border: 1px solid #e2e8f0;} .divy_instl_req_list-grp-nm {font-weight: 600; color: #1e293b; letter-spacing: -0.02em;} .divy_instl_req_list-empty {padding: 3rem 1.25rem; text-align: center; color: #64748b;} .divy_instl_req_list-empty-icon {font-size: 2.25rem; margin-bottom: 0.875rem; color: #94a3b8;} .divy_instl_req_list-empty-msg {margin: 0; font-size: 0.9375rem; line-height: 1.5;} .divy_instl_req_list-foot {padding: 0.875rem 1.125rem 1.125rem; border-top: 1px solid #e2e8f0; background: #f8fafc; border-radius: 0 0 0.625rem 0.625rem; overflow: visible;} .divy_instl_req_list-foot-meta {display: flex; justify-content: center; margin-bottom: 0.625rem;} .divy_instl_req_list-foot-page {font-size: 0.8125rem; font-weight: 500; color: #64748b; font-variant-numeric: tabular-nums;} .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap.pagination-wrap {margin-top: 0; text-align: center;} .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap > nav {display: inline-block; max-width: 100%;} .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap .pagination {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.375rem; margin: 0; padding: 0; list-style: none;} .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap .page-item {padding-right: 0; float: none; margin: 0;} .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap .page-link {display: inline-flex; align-items: center; justify-content: center; min-width: 2.375rem; height: 2.375rem; padding: 0 0.625rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 500; color: #475569; background: #fff; border: 1px solid #cbd5e1; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;} .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap .page-link:hover {color: #fff; background: #3366b9; border-color: #3366b9;} .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap .page-item.active .page-link {color: #fff; background: #3366b9; border-color: #3366b9; font-weight: 700; box-shadow: 0 2px 6px rgba(51, 102, 185, 0.35);} .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap .page-item.active .page-link:hover {background: #2a5aa8; border-color: #2a5aa8;} .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap .page-item .page-link .fa-angle-left, .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap .page-item .page-link .fa-angle-right, .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap .page-item .page-link .fa-angle-double-left, .divy_instl_req_list-page .divy_instl_req_list-pagination-wrap .page-item .page-link .fa-angle-double-right {font-size: 0.875rem;} /* bilRecptList / calcDscList — 청구·영수증 그리드 */ .bil_recpt_list-page.divy_instl_req_list-page .divy_instl_req_list-grid {min-width: 53rem;} .bil_recpt_list-page.divy_instl_req_list-page .divy_instl_req_list-grid-row {grid-template-columns: 2.25rem minmax(11rem, 1.25fr) 5.25rem 5.25rem 6.5rem 5.75rem 6.75rem 3.75rem 3.75rem;} .bil_recpt_list-page .bil_recpt_list-col-dlv .bil_recpt_list-dlv-cnt {white-space: nowrap; font-variant-numeric: tabular-nums;} .bil_recpt_list-page .divy_instl_req_list-grid-header > [class*="bil_recpt_list-col-"], .bil_recpt_list-page .divy_instl_req_list-grid-row > [class*="bil_recpt_list-col-"] {display: flex; flex-direction: column; justify-content: center; gap: 0.125rem; box-sizing: border-box; line-height: 1.4; min-width: 0; font-size: 0.9375rem;} .bil_recpt_list-page .divy_instl_req_list-grid-header > [class*="bil_recpt_list-col-"].text-center, .bil_recpt_list-page .divy_instl_req_list-grid-row > [class*="bil_recpt_list-col-"].text-center {align-items: center; text-align: center;} .bil_recpt_list-page .divy_instl_req_list-grid-header > [class*="bil_recpt_list-col-"].text-left, .bil_recpt_list-page .divy_instl_req_list-grid-row > [class*="bil_recpt_list-col-"].text-left {align-items: flex-start; text-align: left;} .bil_recpt_list-page .divy_instl_req_list-grid-header > [class*="bil_recpt_list-col-"].text-right, .bil_recpt_list-page .divy_instl_req_list-grid-row > [class*="bil_recpt_list-col-"].text-right {align-items: flex-end; text-align: right;} .bil_recpt_list-page .bil_recpt_list-col-chk input[type="checkbox"], .calc_dsc_list-page .calc_dsc_list-col-chk input[type="checkbox"] {margin: 0;} .bil_recpt_list-page .bil_recpt_list-col-acnt .divy_instl_req_list-sta-badge {width: 4.75rem; min-width: 4.75rem; max-width: 4.75rem; font-size: 0.6875rem;} .bil_recpt_list-grp-nm, .calc_dsc_list-grp-nm {font-weight: 600; color: #0f172a; letter-spacing: -0.02em; max-width: 100%;} .bil_recpt_list-page .bil_recpt_list-col-grp .bil_recpt_list-grp-nm, .bil_recpt_list-page .bil_recpt_list-col-rst .text-truncate, .calc_dsc_list-page .calc_dsc_list-col-grp .calc_dsc_list-grp-nm, .calc_dsc_list-page .calc_dsc_list-col-rst .text-truncate {width: 100%;} .bil_recpt_list-amt {font-weight: 600; color: #0f172a; font-variant-numeric: tabular-nums;} .calc_dsc_list-page.divy_instl_req_list-page .divy_instl_req_list-grid {min-width: 56rem;} .calc_dsc_list-page.divy_instl_req_list-page .divy_instl_req_list-grid-row {grid-template-columns: 2.25rem 5.75rem 4.75rem minmax(10rem, 1.25fr) 5.25rem 6.5rem 6.75rem 3.75rem 3.75rem;} .calc_dsc_list-page .divy_instl_req_list-grid-header > [class*="calc_dsc_list-col-"], .calc_dsc_list-page .divy_instl_req_list-grid-row > [class*="calc_dsc_list-col-"] {display: flex; flex-direction: column; justify-content: center; gap: 0.125rem; box-sizing: border-box; line-height: 1.4; min-width: 0; font-size: 0.9375rem;} .calc_dsc_list-page .divy_instl_req_list-grid-header > [class*="calc_dsc_list-col-"].text-center, .calc_dsc_list-page .divy_instl_req_list-grid-row > [class*="calc_dsc_list-col-"].text-center {align-items: center; text-align: center;} .calc_dsc_list-page .divy_instl_req_list-grid-header > [class*="calc_dsc_list-col-"].text-left, .calc_dsc_list-page .divy_instl_req_list-grid-row > [class*="calc_dsc_list-col-"].text-left {align-items: flex-start; text-align: left;} .calc_dsc_list-page .divy_instl_req_list-grid-header > [class*="calc_dsc_list-col-"].text-right, .calc_dsc_list-page .divy_instl_req_list-grid-row > [class*="calc_dsc_list-col-"].text-right {align-items: flex-end; text-align: right;} .divy_instl_req_list-page [class*="list-col-acnt"] a.bil_recpt_pymtg_lnk {display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 4.75rem; min-width: 4.75rem; max-width: 4.75rem; padding: 0.25rem 0.375rem; border-radius: 999px; font-size: 0.6875rem; font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; white-space: nowrap; text-decoration: none !important; color: #fff !important; background-color: #3366b9; border: 1px solid #3366b9; opacity: 1 !important;} .divy_instl_req_list-page [class*="list-col-acnt"] a.bil_recpt_pymtg_lnk:hover, .divy_instl_req_list-page [class*="list-col-acnt"] a.bil_recpt_pymtg_lnk:focus {color: #fff !important; background-color: #2a5294; border-color: #2a5294; opacity: 1 !important;} a.bil_recpt_recpt_lnk {font-weight: 600; color: #6c757d !important; text-decoration: underline; text-underline-offset: 0.125rem; opacity: 1 !important;} a.bil_recpt_recpt_lnk:hover, a.bil_recpt_recpt_lnk:focus {color: #495057 !important; opacity: 1 !important;} a.pint_accml_dsc_inq_lnk, a.bil_recpt_inq_lnk {font-weight: 600; color: #3366b9 !important; text-decoration: underline; text-underline-offset: 0.125rem; opacity: 1 !important;} a.pint_accml_dsc_inq_lnk:hover, a.pint_accml_dsc_inq_lnk:focus, a.bil_recpt_inq_lnk:hover, a.bil_recpt_inq_lnk:focus {color: #1d4ed8 !important; opacity: 1 !important;} /* bil_ord_pymtg 주문 목록 · 입금 처리 중 (divyInqBilInfo / kispgBillCardPymtg 공통) */ .dafl_bil_inq_pay_sttl_prog_msg {margin-top: 0.25rem; padding: 0.75rem 0.625rem; text-align: center; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 0.5rem;} .dafl_bil_inq_pay_sttl_prog_msg--full {margin-top: 0.75rem; padding: 1rem 0.75rem;} .dafl_bil_inq_pay_sttl_prog_msg .dafl_bil_inq_done_inline {margin: 0; padding: 0; background: transparent;} .dafl_bil_inq_pay_sttl_prog_tit {margin: 0; font-size: 1.25rem; font-weight: 800; letter-spacing: -0.02em; color: #047857; line-height: 1.35;} .dafl_bil_inq_pay_sttl_prog_msg--full .dafl_bil_inq_pay_sttl_prog_tit {font-size: 1.375rem;} .dafl_bil_inq_pay_sttl_prog_sub {margin-top: 0.625rem !important; font-size: 0.8125rem; font-weight: 600; color: #065f46; line-height: 1.55;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_wrap {margin-top: 1.125rem; border: 1px solid #e2e8f0; border-radius: 0.375rem; overflow: hidden; background: #fff;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_hd, .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_itm {display: grid; grid-template-columns: 4.25rem 5.25rem minmax(0, 1fr) 3.75rem 5.5rem; column-gap: 0.5rem; align-items: center; padding: 0.5rem 0.75rem;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_hd {font-size: 0.75rem; font-weight: 700; color: #64748b; background: #f1f5f9; border-bottom: 1px solid #e2e8f0;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst {margin: 0; padding: 0; list-style: none; max-height: 10.625rem; max-height: min(26vh, 10.625rem); overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst.pre-scrollable {padding: 0 !important; border: 0 !important; max-height: 10.625rem; max-height: min(26vh, 10.625rem);} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_itm {font-size: 0.875rem; color: #334155; border-top: 1px solid #f1f5f9;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_itm:first-child {border-top: 0;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_col--dt {color: #64748b; white-space: nowrap; font-size: 0.8125rem;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_col--typ, .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_col--prd {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_col--vat, .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_col--amt {text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_col--vat {font-weight: 600; color: #64748b; font-size: 0.8125rem;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_col--amt {font-weight: 700; color: #3366b9;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_hd .bil_ord_pymtg_lst_col--vat, .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_hd .bil_ord_pymtg_lst_col--amt {font-weight: 700; color: #64748b; font-size: 0.75rem;} .dafl_bil_inq_page .dafl_bil_inq_ord_tbl .bil_ord_pymtg_lst_wrap {margin-top: 0;} .dafl_bil_inq_page .dafl_bil_inq_ord_tbl .bil_ord_pymtg_lst, .dafl_bil_inq_page .dafl_bil_inq_ord_tbl .bil_ord_pymtg_lst.pre-scrollable {max-height: 11.25rem; max-height: min(26vh, 11.25rem);} .dafl_bil_inq_page .dafl_bil_inq_ord_tbl .dafl_bil_inq_ord_srch + .bil_ord_pymtg_lst_wrap {margin-top: 0;} .dafl_bil_inq_page .dafl_bil_inq_ord_tbl .bil_ord_pymtg_meta_line + .bil_ord_pymtg_lst_wrap {margin-top: 0.75rem;} .ui-dialog .JS-kispgBillCardPymtgDialog .dafl_bil_inq_page .dafl_bil_inq_ord_tbl .bil_ord_pymtg_lst_wrap {margin-top: 0;} .ui-dialog .JS-kispgBillCardPymtgDialog .dafl_bil_inq_page .dafl_bil_inq_ord_tbl .bil_ord_pymtg_lst, .ui-dialog .JS-kispgBillCardPymtgDialog .dafl_bil_inq_page .dafl_bil_inq_ord_tbl .bil_ord_pymtg_lst.pre-scrollable {max-height: 11.25rem; max-height: min(26vh, 11.25rem);} .ui-dialog .JS-kispgBillCardPymtgDialog .dafl_bil_inq_page .dafl_bil_inq_ord_tbl .dafl_bil_inq_ord_srch + .bil_ord_pymtg_lst_wrap {margin-top: 0;} .ui-dialog .JS-kispgBillCardPymtgDialog .dafl_bil_inq_page .dafl_bil_inq_ord_tbl .bil_ord_pymtg_meta_line + .bil_ord_pymtg_lst_wrap {margin-top: 0.75rem;} .dafl_bil_inq_page--mo .dafl_bil_inq_ord_tbl .bil_ord_pymtg_lst_wrap {margin-top: 0;} .dafl_bil_inq_page--mo .dafl_bil_inq_ord_tbl .bil_ord_pymtg_lst, .dafl_bil_inq_page--mo .dafl_bil_inq_ord_tbl .bil_ord_pymtg_lst.pre-scrollable {max-height: 9rem; max-height: min(24vh, 9rem);} .dafl_bil_inq_page--mo .dafl_bil_inq_ord_tbl .dafl_bil_inq_ord_srch + .bil_ord_pymtg_lst_wrap {margin-top: 0;} .dafl_bil_inq_page--mo .dafl_bil_inq_ord_tbl .bil_ord_pymtg_meta_line + .bil_ord_pymtg_lst_wrap {margin-top: 0.625rem;} @media (max-width: 767.98px) { .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_wrap {margin-top: 1rem;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_hd, .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_itm {grid-template-columns: 3.75rem 4.25rem minmax(0, 1fr) 3.25rem 4.75rem; column-gap: 0.375rem; padding: 0.4375rem 0.5rem;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_hd {font-size: 0.6875rem;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_itm {font-size: 0.8125rem;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_col--dt {font-size: 0.75rem;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_col--vat {font-size: 0.75rem;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst_col--amt {font-size: 0.8125rem;} .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst, .kispg_card_pymtg.bil_ord_pymtg .bil_ord_pymtg_lst.pre-scrollable {max-height: 8rem; max-height: min(24vh, 8rem);} .dafl_bil_inq_page--mo .dafl_bil_inq_pay_sttl_prog_tit {font-size: 1.125rem;} .dafl_bil_inq_page--mo .dafl_bil_inq_pay_sttl_prog_msg--full .dafl_bil_inq_pay_sttl_prog_tit {font-size: 1.25rem;} .dafl_bil_inq_page--mo .dafl_bil_inq_pay_sttl_prog_sub {font-size: 0.75rem;} } /* divyInqCalcOkflagBill / calcOkflagBill — 수신자·공급자 */ #prtWrap .calc_okflag_bill_party_cell {padding: 0; vertical-align: top;} #prtWrap .calc_okflag_bill_party {display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0; width: 100%; max-width: 662px; margin: 0 auto; min-height: 7.1875rem;} #prtWrap .calc_okflag_bill_party_cust {flex: 0 0 41.24%; min-width: 0; box-sizing: border-box; border: 1px solid #ffb380; border-radius: 0.375rem; background: #fafafa; overflow: hidden;} #prtWrap .calc_okflag_bill_party_cust_hd {display: flex; align-items: center; justify-content: space-between; gap: 0.375rem; min-height: 1.75rem; padding: 0.3125rem 0.5rem 0.3125rem 0.625rem; border-bottom: 1px solid #ffe0c2; background: #fff; border-left: 0.3125rem solid #ff8c42;} #prtWrap .calc_okflag_bill_party_cust_grp {flex: 1 1 0; min-width: 0; font-size: 0.8125rem; font-weight: 700; color: #363636; line-height: 1.35; word-break: break-all;} #prtWrap .calc_okflag_bill_party_cust_to {flex-shrink: 0; font-size: 0.8125rem; font-weight: 600; color: #64748b;} #prtWrap .calc_okflag_bill_party_cust_body {margin: 0; padding: 0.375rem 0.5rem 0.5rem; font-size: 0.8125rem; line-height: 1.45;} #prtWrap .calc_okflag_bill_party_cust_row {display: flex; align-items: flex-start; gap: 0.25rem; margin: 0; padding: 0.1875rem 0;} #prtWrap .calc_okflag_bill_party_cust_row + .calc_okflag_bill_party_cust_row {border-top: 1px dashed #e8e8e8;} #prtWrap .calc_okflag_bill_party_cust_row dt {flex: 0 0 auto; margin: 0; font-weight: 600; color: #475569; white-space: nowrap;} #prtWrap .calc_okflag_bill_party_cust_row dt::before {content: ""; display: inline-block; width: 0.1875rem; height: 0.75rem; margin-right: 0.3125rem; vertical-align: middle; background: #cbd5e1; border-radius: 1px;} #prtWrap .calc_okflag_bill_party_cust_row dd {flex: 1 1 0; min-width: 0; margin: 0; font-weight: 700; color: #1e293b; word-break: break-all;} #prtWrap .calc_okflag_bill_party_seller {flex: 1 1 58.76%; min-width: 0; display: flex; align-items: stretch;} #prtWrap .calc_okflag_bill_party_seller img {display: block; width: 100%; max-width: none !important; height: auto; min-height: 7.1875rem; object-fit: fill; object-position: left top;} .ui-dialog #prtWrap .calc_okflag_bill_party {max-width: 100%;} @media (max-width: 575.98px) { #prtWrap .calc_okflag_bill_party {flex-direction: column; min-height: 0;} #prtWrap .calc_okflag_bill_party_cust {flex: none; width: 100%;} #prtWrap .calc_okflag_bill_party_seller {flex: none; width: 100%;} #prtWrap .calc_okflag_bill_party_seller img {min-height: 0; max-height: 7.5rem; object-fit: contain; object-position: center top;} } /* divyInqCalcOkflagBill / calcOkflagBill — 상세 내역(다이얼로그 스크롤 · 인쇄 전체) */ #prtWrap .calc_okflag_bill_dtl_shell {padding: 15px 15px 15px 15px; border: 2px solid #ffcd9e; background-color: #f2f2f2;} #prtWrap .calc_okflag_bill_dtl_box {max-width: 630px; margin: 0 auto;} #prtWrap .calc_okflag_bill_dtl_scroll {max-height: min(48vh, 21.25rem); overflow: auto; -webkit-overflow-scrolling: touch; border: 1px solid #999; border-bottom: 0; background: #fff;} #prtWrap .calc_okflag_bill_dtl_scroll.pre-scrollable {padding: 0 !important; border-bottom: 0 !important;} #prtWrap .calc_okflag_bill_dtl_tbl {width: 100%; table-layout: fixed; border-collapse: collapse; border: 0; margin: 0; font-size: 0.75rem; line-height: 1.35;} #prtWrap .calc_okflag_bill_dtl_tbl th, #prtWrap .calc_okflag_bill_dtl_tbl td {border: 1px solid #999; padding: 3px 4px; vertical-align: middle; word-break: break-word; overflow-wrap: anywhere;} #prtWrap .calc_okflag_bill_dtl_tbl thead th {font-weight: bold; background-color: #ffdcc5; position: sticky; top: 0; z-index: 2;} #prtWrap .calc_okflag_bill_dtl_foot {border-top: 0;} #prtWrap .calc_okflag_bill_dtl_foot td {background: #efefef;} #prtWrap .calc_okflag_bill_dtl_sum {width: 12%; white-space: nowrap;} #prtWrap .calc_okflag_bill_dtl_tbl--flg th:nth-child(1), #prtWrap .calc_okflag_bill_dtl_tbl--flg td:nth-child(1) {width: 9%;} #prtWrap .calc_okflag_bill_dtl_tbl--flg th:nth-child(2), #prtWrap .calc_okflag_bill_dtl_tbl--flg td:nth-child(2) {width: 32%;} #prtWrap .calc_okflag_bill_dtl_tbl--flg th:nth-child(3), #prtWrap .calc_okflag_bill_dtl_tbl--flg td:nth-child(3) {width: 19%;} #prtWrap .calc_okflag_bill_dtl_tbl--flg th:nth-child(4), #prtWrap .calc_okflag_bill_dtl_tbl--flg td:nth-child(4) {width: 19%;} #prtWrap .calc_okflag_bill_dtl_tbl--flg th:nth-child(5), #prtWrap .calc_okflag_bill_dtl_tbl--flg td:nth-child(5) {width: 21%;} #prtWrap .calc_okflag_bill_dtl_tbl--dlv {min-width: 628px;} #prtWrap .calc_okflag_bill_dtl_tbl--dlv th:nth-child(1), #prtWrap .calc_okflag_bill_dtl_tbl--dlv td:nth-child(1) {width: 9%;} #prtWrap .calc_okflag_bill_dtl_tbl--dlv th:nth-child(2), #prtWrap .calc_okflag_bill_dtl_tbl--dlv td:nth-child(2) {width: 22%;} #prtWrap .calc_okflag_bill_dtl_tbl--dlv th:nth-child(3), #prtWrap .calc_okflag_bill_dtl_tbl--dlv td:nth-child(3) {width: 20%;} #prtWrap .calc_okflag_bill_dtl_tbl--dlv th:nth-child(4), #prtWrap .calc_okflag_bill_dtl_tbl--dlv td:nth-child(4) {width: 11%;} #prtWrap .calc_okflag_bill_dtl_tbl--dlv th:nth-child(5), #prtWrap .calc_okflag_bill_dtl_tbl--dlv td:nth-child(5) {width: 11%;} #prtWrap .calc_okflag_bill_dtl_tbl--dlv th:nth-child(6), #prtWrap .calc_okflag_bill_dtl_tbl--dlv td:nth-child(6) {width: 12%;} #prtWrap .calc_okflag_bill_dtl_tbl--dlv th:nth-child(7), #prtWrap .calc_okflag_bill_dtl_tbl--dlv td:nth-child(7) {width: 15%;} #prtWrap .calc_okflag_bill_dtl_tbl--keep th:nth-child(1), #prtWrap .calc_okflag_bill_dtl_tbl--keep td:nth-child(1) {width: 11%;} #prtWrap .calc_okflag_bill_dtl_tbl--keep th:nth-child(2), #prtWrap .calc_okflag_bill_dtl_tbl--keep td:nth-child(2) {width: 32%;} #prtWrap .calc_okflag_bill_dtl_tbl--keep th:nth-child(3), #prtWrap .calc_okflag_bill_dtl_tbl--keep td:nth-child(3) {width: 22%;} #prtWrap .calc_okflag_bill_dtl_tbl--keep th:nth-child(4), #prtWrap .calc_okflag_bill_dtl_tbl--keep td:nth-child(4) {width: 17%;} #prtWrap .calc_okflag_bill_dtl_tbl--keep th:nth-child(5), #prtWrap .calc_okflag_bill_dtl_tbl--keep td:nth-child(5) {width: 18%;} .ui-dialog #prtWrap {box-sizing: border-box; max-width: 100%; overflow-x: hidden;} .ui-dialog #prtWrap .calc_okflag_bill_dtl_scroll {max-height: min(42vh, 18.5rem);} @media print { #prtWrap .calc_okflag_bill_dtl_scroll {max-height: none !important; overflow: visible !important; border-bottom: 1px solid #999 !important;} } /* cmnUtil bilInfo dialog (MO 청구서 조회) */ .instl_dsc_dspy_form_det_info.bil_info_lst_form > li > dl {flex-flow: nowrap;} .instl_dsc_dspy_form_det_info.bil_info_lst_form > li > dl > dt {min-width: 4.5rem;} .instl_dsc_dspy_form_det_info.bil_info_lst_form > li > dl > dt > span {display: block; text-align: center; line-height: 1.5;} .bill_form_header {margin-left: -0.625rem; margin-right: -0.625rem; padding: 1.5rem; background-color: #fff;} .bill_form_body > dl > dd > ul > li > dl {display: flex; justify-content: space-between; align-items: baseline;} .bill_form_body > dl > dd > ul > li > dl > dd {font-weight: bolder;} .bill_form_advfd-wrap {padding: 0 1rem; padding-bottom: 0.75rem;} .bill_form_advfd {border: 1px solid #ffcd9e; background: #fffaf5 !important;} .bill_form_advfd-head {margin-bottom: 0.75rem; text-align: left;} .bill_form_advfd-badge {display: inline-flex; align-items: center; gap: 4px; background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: #fff; font-size: 0.85rem; font-weight: 800; padding: 4px 11px 4px 9px; border-radius: 20px; box-shadow: 0 2px 8px rgba(217, 119, 6, 0.45); vertical-align: middle; margin-right: 6px;} .bill_form_advfd-title {font-size: 1rem; font-weight: 700; color: #92400e; vertical-align: middle;} .bill_form_advfd-body {display: flex; align-items: center; justify-content: space-between; gap: 16px;} .bill_form_advfd-text {flex: 1; min-width: 0; text-align: left;} .bill_form_advfd-org {font-size: 1rem; font-weight: 700; color: #1f2937; line-height: 1.5;} .bill_form_advfd-desc {margin-top: 4px; font-size: 0.875rem; color: #4b5563; line-height: 1.5;} .bill_form_advfd-amt {flex-shrink: 0; text-align: right; white-space: nowrap;} .bill_form_advfd-amt-label {font-size: 0.8125rem; color: #6b7280; margin-bottom: 4px;} .bill_form_advfd-amt-value {font-size: 1.25rem; font-weight: 800; color: #d97706; line-height: 1.4;} .ui-dialog .JS-bilInfoMoreView {display: none;} /* bilInfo PC 청구서 — cust/seller 이미지 양식 유지 (cust_01 273×25, cust_03 273×85, seller 389×115) */ #prtWrap table[width="273"][height="115"] > tbody > tr:first-child > td {min-height: 25px; height: auto !important; padding: 0; vertical-align: top; overflow: visible;} #prtWrap table[width="273"][height="115"] > tbody > tr:last-child > td {min-height: 85px; height: auto; padding: 0; vertical-align: top; overflow: visible;} #prtWrap img[src*="required-img/cust_01"] {width: 273px; height: 25px; max-width: none !important; display: block; border: 0;} #prtWrap img[src*="required-img/cust_03"] {width: 273px; height: 85px; max-width: none !important; display: block; border: 0;} #prtWrap img[src*="required-img/seller_bg"] {width: 389px; height: 115px; max-width: none !important; display: block; border: 0;} #prtWrap td[width="273"], #prtWrap td[width="389"] {vertical-align: top; padding: 0;} #prtWrap table[width="273"][height="115"] div[style*="position: relative"] {overflow: visible; line-height: 0;} #prtWrap table[width="273"][height="115"] > tbody > tr:first-child div[style*="position: absolute"] {line-height: 1.25; top: 5px !important; font-size: 0.8125rem;} /* divyDscInfo / divyInqInfo — 배송 상세 (PC · MO, daflMngt/contents.css 이전) */ .divy_dsc_info_tap_cont_sample_img_lst:has(.frame_wrth_frame_img_wrap) {max-width: 100%;} .divy_dsc_info_tap_cont_sample_img_lst:has(.frame_wrth_frame_img_wrap) h5.text-secondary {display: none !important;} .divy_dsc_info_tap_cont_sample_img_lst .frame_wrth_frame_img_wrap {display: inline-block; width: 40%; vertical-align: top;} .divy_dsc_info_tap_cont_sample_img_lst .frame_wrth_frame_img_wrap + .frame_wrth_frame_img_wrap {margin-left: 0.75rem;} /* 배송내역 상세정보 */ .divy_dsc_info_satft_eval_form .card {border: none;} .divy_dsc_info_satft_eval_form .card > .card-body {background-color: #f4f4f4; padding: 30px 30px 25px; font-size: 1rem; border-radius: 0.25rem;} .divy_dsc_info_satft_eval_form .card .card-title {border-left: 5px solid #3366b9; padding-left: 10px; color: #4d66b9; font-size: 1.25rem; margin-bottom: 15px;} .divy_dsc_info_satft_eval_form .card-body > .card-footer {margin-top: 0.5rem; font-size: 0.9375rem; color: #3366b9; line-height: 1.55;} .JS-srvScoreBtn {color: #ddd !important; font-size: 1.25rem;} .JS-srvScoreBtn.active {color: #ffbc00 !important;} /* divyDscInfo — 분리 접수 안내 · COMMON_TABS (PC · MO 공통) */ .divy_dsc_split_wrap {--dsc-split-accent: #3366b9; --dsc-split-line: #e2e8f0; --dsc-split-muted: #64748b;} .divy_dsc_split_notice {display: flex; align-items: flex-start; gap: 0.875rem; margin: 0 0 1rem; padding: 1rem 1.125rem; border: 1px solid rgba(51, 102, 185, 0.16); border-radius: 0.625rem; background: linear-gradient(135deg, rgba(51, 102, 185, 0.07) 0%, #f8fafc 58%); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);} .divy_dsc_split_notice_ico {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 2.375rem; height: 2.375rem; border-radius: 0.5rem; background: rgba(51, 102, 185, 0.12); color: var(--dsc-split-accent); font-size: 1.0625rem; line-height: 1;} .divy_dsc_split_notice_body {flex: 1; min-width: 0;} .divy_dsc_split_notice_tit {margin: 0 0 0.3125rem; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.02em; color: #1e293b; line-height: 1.35;} .divy_dsc_split_notice_txt {margin: 0; font-size: 0.875rem; font-weight: 500; line-height: 1.55; color: var(--dsc-split-muted); word-break: keep-all;} .divy_dsc_split_notice_txt strong {font-weight: 700; color: var(--dsc-split-accent);} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs {width: 100%; margin: 0; padding: 0;} .divy_dsc_split_tabs.COMMON_TABS > .ui-widget-header, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav {display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0.5rem; width: 100%; margin: 0; padding: 0.3125rem; border: none !important; border-radius: 0.625rem; background: #eef2f7; box-sizing: border-box; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav::-webkit-scrollbar {display: none;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav li {flex: 0 0 auto; min-width: 0; margin: 0 !important; padding: 0; border: none; background: none !important; border-radius: 0;} .divy_dsc_split_tabs.COMMON_TABS.item-length-2.ui-tabs .ui-tabs-nav li, .divy_dsc_split_tabs.COMMON_TABS.item-length-3.ui-tabs .ui-tabs-nav li {flex: 1 1 0; min-width: 6rem;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav li a {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; width: 100%; min-height: 3.125rem; padding: 0.5625rem 0.75rem; text-align: center; font-size: 0.875rem; font-weight: 600; letter-spacing: -0.03em; color: #475569; background: transparent; border: 1px solid transparent; border-radius: 0.4375rem; box-sizing: border-box; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; white-space: normal; line-height: 1.25; outline: none;} .divy_dsc_split_tab_num {display: inline-flex; align-items: center; justify-content: center; min-width: 1.5rem; height: 1.5rem; padding: 0 0.375rem; font-size: 0.75rem; font-weight: 700; color: #64748b; background: rgba(255, 255, 255, 0.9); border-radius: 999px; line-height: 1;} .divy_dsc_split_tab_nm {display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8125rem; font-weight: 600; color: inherit;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav li a:hover, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav li a:focus {color: var(--dsc-split-accent); background: rgba(255, 255, 255, 0.72); border-color: rgba(51, 102, 185, 0.14);} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-state-active {background: none !important; border: none !important;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active > a, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active > a:hover, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active > a:focus, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-state-active > a, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-state-active > a:link, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-state-active > a:visited {color: #fff !important; font-weight: 700; background: var(--dsc-split-accent) !important; border-color: var(--dsc-split-accent) !important; box-shadow: 0 2px 8px rgba(51, 102, 185, 0.26);} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active .divy_dsc_split_tab_num, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-state-active .divy_dsc_split_tab_num {color: var(--dsc-split-accent); background: #fff;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-panel {padding: 0.875rem 0 0 !important; border: none; background: none;} .divy_dsc_split_tabs.COMMON_TABS.ui-widget-content {border: none !important; background: none !important;} .main-section-body .divy_dsc_split_wrap {margin-bottom: 0.25rem;} /* divyDscInfo PC — 다플 배송조회 톤 + 정제 레이아웃 */ .divy_dsc_info {--dsc-ink: #0f172a; --dsc-muted: #64748b; --dsc-line: #e2e8f0; --dsc-surface: #f8fafc; --dsc-accent: #0758aa; --dsc-accent-soft: #3366b9;} .divy_dsc_info_sheet {background: #fff; border: 1px solid #e8ecf1; border-radius: 0.625rem; box-shadow: 0 0.25rem 0.875rem rgba(15, 23, 42, 0.05); overflow: visible;} .divy_dsc_info_sect {padding: 1.375rem 1.5rem;} .divy_dsc_info_sect + .divy_dsc_info_sect {border-top: 1px solid var(--dsc-line);} .divy_dsc_info_sect_prd.dafl_divy_sta_words {margin: 0; padding: 1.375rem 1.5rem; border: none; border-radius: 0; box-shadow: none;} .divy_dsc_info_sect_tit {font-size: 1.125rem; font-weight: 700; color: var(--dsc-ink); letter-spacing: -0.025em; margin: 0 0 1rem; line-height: 1.35;} .divy_dsc_info_hero {display: flex; align-items: flex-start; gap: 1.5rem;} .divy_dsc_info_hero_thumb {flex: 0 0 10rem; max-width: 10rem;} .divy_dsc_info_hero_thumb--duo {flex: 0 0 13.5rem; max-width: 13.5rem;} .divy_dsc_info_hero_thumb_duo {display: flex; gap: 0.5rem; align-items: flex-start;} .divy_dsc_info_hero_thumb_item {flex: 1; min-width: 0;} .divy_dsc_info_hero_thumb_item .divy_dsc_info_photo_lbl {text-align: center;} .divy_dsc_info_hero_thumb_tit {margin: 0 0 0.5rem; font-size: 0.8125rem; font-weight: 600; color: var(--dsc-muted); text-align: center;} .divy_dsc_info_hero_body {flex: 1; min-width: 0;} .divy_dsc_info_hero_body > ul > li:not(:first-child) {margin-top: 0.75rem;} .divy_dsc_info_hero_body dl {font-size: 0.9375rem;} .divy_dsc_info_hero_body dl > dt {width: 9.5rem; min-width: 9.5rem; padding-right: 0.75rem; font-weight: 600; color: #475569; vertical-align: top; white-space: nowrap; box-sizing: border-box;} .divy_dsc_info_hero_body dl > dd {vertical-align: top;} .divy_dsc_info_photo_box {position: relative;} .divy_dsc_info_img_bg {display: block; width: 100%; height: 0; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: var(--dsc-surface); border: 1px solid var(--dsc-line); border-radius: 0.5rem; cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease;} .divy_dsc_info_img_bg:hover {border-color: #cbd5e1; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);} .divy_dsc_info_prd_bg {padding-bottom: 133%;} .divy_dsc_info_photo_bg {padding-bottom: 100%;} .divy_dsc_info_photo_bg.divy_dsc_info_photo_bg--empty {display: block; width: 100%; height: 0; padding-bottom: 100%; cursor: default; background-image: none !important; background-color: var(--dsc-surface); border: 1px solid var(--dsc-line); border-radius: 0.5rem;} .divy_dsc_info_photo_empty_box {position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%; background-color: var(--dsc-surface); border: 1px solid var(--dsc-line); border-radius: 0.5rem; box-sizing: border-box;} .divy_dsc_info_photo_empty_ico {position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.25rem; line-height: 1; color: #94a3b8; transform: translate(-50%, -50%);} .divy_dsc_info_photo_empty_ico .fa-image {--fa-primary-color: #64748b; --fa-secondary-color: #cbd5e1; --fa-secondary-opacity: 1;} .divy_dsc_info_photo_box > .divy_dsc_info_photo_view {display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem; width: 100%; margin-top: 0.375rem; min-height: 1.75rem; padding: 0.125rem 0.5rem; font-size: 0.75rem; font-weight: 600; color: var(--dsc-muted); text-decoration: none; border: 1px solid var(--dsc-line); border-radius: 0.3125rem; background: #fff; box-sizing: border-box;} .divy_dsc_info_photo_box > .divy_dsc_info_photo_view:hover {color: var(--dsc-accent-soft); border-color: #b8cce8; background: #f8fafc; text-decoration: none;} .divy_dsc_info_photo_act {display: flex; gap: 0.375rem; margin-top: 0.375rem;} .divy_dsc_info_photo_act .divy_dsc_info_photo_view, .divy_dsc_info_photo_act .divy_dsc_info_photo_down {display: inline-flex; flex: 1; align-items: center; justify-content: center; gap: 0.25rem; min-width: 0; min-height: 1.75rem; margin-top: 0; padding: 0.125rem 0.5rem; font-size: 0.75rem; font-weight: 600; color: var(--dsc-muted); text-decoration: none; border: 1px solid var(--dsc-line); border-radius: 0.3125rem; background: #fff; box-sizing: border-box;} .divy_dsc_info_photo_act .divy_dsc_info_photo_view:hover, .divy_dsc_info_photo_act .divy_dsc_info_photo_down:hover {color: var(--dsc-accent-soft); border-color: #b8cce8; background: #f8fafc; text-decoration: none;} .divy_dsc_info_photo_lbl {font-size: 0.8125rem; font-weight: 600; color: #475569; margin-bottom: 0.375rem;} .divy_dsc_info_photo_empty_cap {font-size: 0.75rem; color: #94a3b8; text-align: center; margin: 0.375rem 0 0;} .divy_dsc_info_photo_pending {display: flex; align-items: center; justify-content: center; min-height: 10rem; padding: 1.5rem 1.25rem; background: var(--dsc-surface); border: 1px solid var(--dsc-line); border-radius: 0.5rem; text-align: center; word-break: keep-all;} .divy_dsc_info_photo_pending_inner {display: flex; flex-direction: column; align-items: center; max-width: 20rem;} .divy_dsc_info_photo_pending_icon {display: block; font-size: 2.25rem; line-height: 1; color: #94a3b8; margin-bottom: 0.875rem;} .divy_dsc_info_photo_pending_icon .fa-image {--fa-primary-color: #64748b; --fa-secondary-color: #cbd5e1; --fa-secondary-opacity: 1;} .divy_dsc_info_photo_pending_copy {max-width: 100%;} .divy_dsc_info_photo_pending_lead {font-size: 1rem; font-weight: 700; color: #1e293b; letter-spacing: -0.02em; line-height: 1.45; margin-bottom: 0.5rem !important;} .divy_dsc_info_photo_pending_desc {font-size: 0.875rem; font-weight: 500; color: #64748b; line-height: 1.65; letter-spacing: -0.01em;} .divy_dsc_info_track.dafl_divy_sta_det_info {margin: 0;} .divy_dsc_info_track.dafl_divy_sta_det_info > .card {box-shadow: none; border-radius: 0; background: transparent;} .divy_dsc_info_track.dafl_divy_sta_det_info > .card > .card-body {padding: 0;} .divy_dsc_info_track_row {align-items: stretch;} .divy_dsc_info_track_timeline_col {--dsc-tl-rail-x: 0.4375rem; --dsc-tl-content-inset: 1.5rem; min-width: 0; display: flex; flex-direction: column;} .divy_dsc_info_track_timeline_col > .divy_dsc_info_sect_tit {flex-shrink: 0; margin-bottom: 0.5rem;} .divy_dsc_info_track_timeline_wrap {position: relative; flex: 1; max-width: 100%; min-height: 0; padding-left: var(--dsc-tl-content-inset); overflow: visible;} .divy_dsc_info_track_timeline_wrap::before {content: ""; position: absolute; left: var(--dsc-tl-rail-x); top: 0.75rem; bottom: 0.75rem; width: 2px; transform: translateX(-50%); background: #e2e8f0; pointer-events: none;} .divy_dsc_info_track_tl {position: relative; z-index: 0; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0.3125rem;} .divy_dsc_info_track_tl > li {display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title time" "desc desc"; align-items: start; column-gap: 0.625rem; row-gap: 0.25rem; flex: 0 0 auto; padding: 0.5rem 0.5rem 0.625rem 0; margin: 0; border-radius: 0.375rem; position: relative; box-sizing: border-box; border: 1px solid transparent;} .divy_dsc_info_track_tl > li::before {content: ""; position: absolute; left: calc(var(--dsc-tl-rail-x) - var(--dsc-tl-content-inset)); top: 0.8125rem; z-index: 2; width: 0.4375rem; height: 0.4375rem; border-radius: 50%; background: #94a3b8; box-shadow: 0 0 0 2px #fff; box-sizing: border-box; transform: translate(-50%, -50%);} .divy_dsc_info_track_tl > li.is-done::before {background: #64748b;} .divy_dsc_info_track_tl > li.is-done > strong {color: #475569; font-weight: 500;} .divy_dsc_info_track_tl > li.is-done time {color: #64748b;} .divy_dsc_info_track_tl > li.is-current {grid-template-areas: "eyebrow eyebrow" "title time" "desc desc"; row-gap: 0.1875rem; align-items: start; padding: 0.625rem 0.75rem 0.75rem; background: #fff; border-color: rgba(7, 88, 170, 0.2); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 16px rgba(7, 88, 170, 0.08);} .divy_dsc_info_track_tl > li.is-current::before {top: 1.0625rem; width: 0.5625rem; height: 0.5625rem; background: var(--dsc-accent); box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--dsc-accent);} .divy_dsc_info_track_tl > li.is-current::after {content: "현재 단계"; grid-area: eyebrow; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.04em; color: var(--dsc-accent); line-height: 1.2;} .divy_dsc_info_track_tl > li.is-current > strong {grid-area: title; font-size: 0.9375rem; font-weight: 700; color: var(--dsc-ink); letter-spacing: -0.02em; line-height: 1.35;} .divy_dsc_info_track_tl > li.is-current time {grid-area: time; justify-self: end; font-size: 0.8125rem; font-weight: 600; color: #3366b9;} .divy_dsc_info_track_tl > li.is-wait::before {background: #fff; border: 2px solid #cbd5e1; width: 0.5rem; height: 0.5rem; box-shadow: 0 0 0 2px #fff;} .divy_dsc_info_track_tl > li.is-wait > strong {color: #94a3b8; font-weight: 500;} .divy_dsc_info_track_tl > li.is-wait time {color: #cbd5e1;} .divy_dsc_info_track_tl > li > strong {grid-area: title; font-size: 0.9375rem; font-weight: 600; color: #334155; line-height: 1.4; word-break: keep-all;} .divy_dsc_info_track_tl > li time {grid-area: time; justify-self: end; align-self: start; padding-top: 0.0625rem; font-size: 0.8125rem; color: var(--dsc-muted); font-variant-numeric: tabular-nums; white-space: nowrap;} .divy_dsc_info_track_tl_desc {grid-area: desc; grid-column: 1 / -1; min-width: 0; margin: 0; font-size: 0.75rem; font-weight: 400; line-height: 1.55; color: #64748b; word-break: keep-all; overflow-wrap: anywhere;} .divy_dsc_info_track_tl_desc strong {display: inline; grid-area: unset; font-weight: 600; color: #334155;} .divy_dsc_info_track_tl > li.is-current .divy_dsc_info_track_tl_desc strong {color: var(--dsc-accent);} .divy_dsc_info_track_tl > li.is-done .divy_dsc_info_track_tl_desc {color: #94a3b8;} .divy_dsc_info_track_tl > li.is-current .divy_dsc_info_track_tl_desc {margin-top: 0.125rem; color: #475569;} .divy_dsc_info_track_tl > li.is-current .divy_dsc_info_track_tl_desc--verify {font-size: 0.8125rem; line-height: 1.6; color: #334155;} .divy_dsc_info_track_tl > li.is-current .divy_dsc_info_track_tl_desc--verify strong {color: var(--dsc-accent);} .divy_dsc_info_track_tl > li.is-wait .divy_dsc_info_track_tl_desc {color: #cbd5e1;} @media (min-width: 1200px) { .divy_dsc_info_track_tl {gap: 0.375rem;} } .divy_dsc_info_sect_setl {padding-top: 1rem; padding-bottom: 1rem;} /* divyDscInfo — 즉시결제 확장 패널 (divyInqInfoPersnlPymtgPanel 공용) */ .divy_dsc_info .divy_inq_info_pymtg {margin-top: 0; border: 1px solid var(--dsc-line); border-radius: 0.75rem; background: var(--dsc-surface); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06); overflow: hidden;} .divy_dsc_info .divy_inq_info_pymtg_hd {display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.125rem 1.25rem; border-bottom: 1px solid #f1f5f9; background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);} .divy_dsc_info .divy_inq_info_pymtg_hd_main {display: flex; align-items: flex-start; gap: 0.875rem; min-width: 0;} .divy_dsc_info .divy_inq_info_pymtg_ico {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 0.625rem; background: #f1f5f9; color: #475569; font-size: 1.25rem;} .divy_dsc_info .divy_inq_info_pymtg--ready .divy_inq_info_pymtg_ico {background: #eef4ff; color: #3366b9;} .divy_dsc_info .divy_inq_info_pymtg--done .divy_inq_info_pymtg_ico {background: #ecfdf5; color: #059669;} .divy_dsc_info .divy_inq_info_pymtg--wait .divy_inq_info_pymtg_ico {background: #fffbeb; color: #d97706;} .divy_dsc_info .divy_inq_info_pymtg_tit {margin: 0; font-size: 1.0625rem; font-weight: 700; letter-spacing: -0.03em; color: #0f172a; line-height: 1.35;} .divy_dsc_info .divy_inq_info_pymtg_sub {margin: 0.25rem 0 0; font-size: 0.8125rem; font-weight: 500; line-height: 1.55; color: #64748b; word-break: keep-all;} .divy_dsc_info .divy_inq_info_pymtg_sta {flex-shrink: 0; display: inline-flex; align-items: center; padding: 0.3125rem 0.625rem; font-size: 0.6875rem; font-weight: 700; letter-spacing: -0.02em; border-radius: 999px; background: #f1f5f9; color: #64748b;} .divy_dsc_info .divy_inq_info_pymtg--ready .divy_inq_info_pymtg_sta {background: #eef4ff; color: #3366b9;} .divy_dsc_info .divy_inq_info_pymtg--done .divy_inq_info_pymtg_sta {background: #ecfdf5; color: #047857;} .divy_dsc_info .divy_inq_info_pymtg--wait .divy_inq_info_pymtg_sta {background: #fffbeb; color: #b45309;} .divy_dsc_info .divy_inq_info_pymtg_bd {padding: 1.25rem 1.25rem 1.375rem;} .divy_dsc_info .divy_inq_info_pymtg_steps {display: flex; align-items: flex-start; gap: 0; margin: 0 0 1.125rem; padding: 0; list-style: none;} .divy_dsc_info .divy_inq_info_pymtg_steps > li {position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 0.375rem; text-align: center; min-width: 0;} .divy_dsc_info .divy_inq_info_pymtg_steps > li:not(:last-child)::after {content: ""; position: absolute; top: 0.875rem; left: calc(50% + 1rem); right: calc(-50% + 1rem); height: 2px; background: #e2e8f0; z-index: 0;} .divy_dsc_info .divy_inq_info_pymtg_steps > li.is_current:not(:last-child)::after {background: linear-gradient(90deg, #09c7c7 0%, #e2e8f0 100%);} .divy_dsc_info .divy_inq_info_pymtg_step_num {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; font-size: 0.75rem; font-weight: 700; background: #f1f5f9; color: #94a3b8; border: 2px solid #fff; box-shadow: 0 0 0 1px #e2e8f0;} .divy_dsc_info .divy_inq_info_pymtg_steps > li.is_current .divy_inq_info_pymtg_step_num {background: #09c7c7; color: #fff; box-shadow: 0 0 0 1px #09c7c7, 0 2px 8px rgba(9, 199, 199, 0.35);} .divy_dsc_info .divy_inq_info_pymtg_step_lbl {font-size: 0.6875rem; font-weight: 600; color: #94a3b8; letter-spacing: -0.02em; line-height: 1.3; word-break: keep-all;} .divy_dsc_info .divy_inq_info_pymtg_steps > li.is_current .divy_inq_info_pymtg_step_lbl {color: #0f766e; font-weight: 700;} .divy_dsc_info .divy_inq_info_pymtg_bd > .divy_inq_info_pymtg_lead {margin: 0 0 0.5rem; font-size: 0.9375rem; font-weight: 700; letter-spacing: -0.02em; color: #1e293b; word-break: keep-all;} .divy_dsc_info .divy_inq_info_pymtg_desc {margin: 0; font-size: 0.8125rem; font-weight: 500; line-height: 1.65; color: #64748b; word-break: keep-all;} .divy_dsc_info .divy_inq_info_pymtg_split {display: grid; grid-template-columns: minmax(11rem, 13.5rem) 1fr; gap: 1.25rem; align-items: stretch;} .divy_dsc_info .divy_inq_info_pymtg_amt_card {display: flex; flex-direction: column; justify-content: center; padding: 1.125rem 1rem; border-radius: 0.625rem; background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%); border: 1px solid #e2e8f0; text-align: center;} .divy_dsc_info .divy_inq_info_pymtg--ready .divy_inq_info_pymtg_amt_card {background: linear-gradient(145deg, #f0f7ff 0%, #eef4ff 100%); border-color: rgba(51, 102, 185, 0.22);} .divy_dsc_info .divy_inq_info_pymtg_amt_card--done {max-width: 20rem; margin: 0 auto; background: linear-gradient(145deg, #ecfdf5 0%, #f0fdf4 100%); border-color: rgba(5, 150, 105, 0.2);} .divy_dsc_info .divy_inq_info_pymtg_amt_lbl {font-size: 0.75rem; font-weight: 600; color: #64748b; letter-spacing: 0.02em;} .divy_dsc_info .divy_inq_info_pymtg_amt_val {margin: 0.375rem 0 0; line-height: 1.1;} .divy_dsc_info .divy_inq_info_pymtg_amt_num {font-size: 1.75rem; font-weight: 800; letter-spacing: -0.04em; color: #0f172a; font-variant-numeric: tabular-nums;} .divy_dsc_info .divy_inq_info_pymtg--ready .divy_inq_info_pymtg_amt_num {color: #3366b9;} .divy_dsc_info .divy_inq_info_pymtg_amt_card--done .divy_inq_info_pymtg_amt_num {color: #047857;} .divy_dsc_info .divy_inq_info_pymtg_amt_unit {margin-left: 0.125rem; font-size: 1rem; font-weight: 700; color: #475569;} .divy_dsc_info .divy_inq_info_pymtg_amt_note {margin: 0.5rem 0 0; font-size: 0.6875rem; font-weight: 500; color: #94a3b8;} .divy_dsc_info .divy_inq_info_pymtg_act {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 0.625rem; min-width: 0;} .divy_dsc_info .divy_inq_info_pymtg_act .divy_inq_info_pymtg_lead {font-size: 0.8125rem; font-weight: 500; color: #64748b; word-break: keep-all;} .divy_dsc_info .divy_inq_info_pymtg_pay {display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; min-height: 2.625rem; padding: 0.625rem 1.25rem; font-size: 0.9375rem; font-weight: 700; letter-spacing: -0.02em; color: #fff; background: #3366b9; border: 1px solid #3366b9; border-radius: 0.4375rem; text-decoration: none !important; transition: background-color 0.15s ease, border-color 0.15s ease, filter 0.15s ease;} .divy_dsc_info .divy_inq_info_pymtg_pay i {font-size: 0.875rem; opacity: 0.95;} .divy_dsc_info .divy_inq_info_pymtg_pay:hover, .divy_dsc_info .divy_inq_info_pymtg_pay:focus {color: #fff; background: #1d4ed8; border-color: #1d4ed8; filter: brightness(1.03); text-decoration: none !important; opacity: 1;} #dafl-mngt-layout_content_body-right .divy_dsc_info a.divy_inq_info_pymtg_pay, #dafl-mngt-layout_content_body-right .divy_dsc_info a.divy_inq_info_pymtg_pay:hover, #dafl-mngt-layout_content_body-right .divy_dsc_info a.divy_inq_info_pymtg_pay:focus {color: #fff !important; opacity: 1 !important;} .divy_dsc_info .divy_inq_info_pymtg_vacct {margin-top: 1rem; padding: 0.625rem 0.75rem; border-radius: 0.375rem; background: #f8fafc; border: 1px solid #e2e8f0;} .divy_dsc_info .divy_dsc_info_setl--compact .divy_inq_info_pymtg_vacct {margin-top: 0.75rem;} .divy_dsc_info .divy_inq_info_pymtg_vacct_lbl {font-size: 0.6875rem; font-weight: 600; letter-spacing: -0.02em; color: #64748b;} .divy_dsc_info .divy_inq_info_pymtg_vacct_val {display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem 0.5rem; margin-top: 0.25rem;} .divy_dsc_info .divy_inq_info_pymtg_vacct_bank {font-size: 0.8125rem; font-weight: 700; color: #334155;} .divy_dsc_info .divy_inq_info_pymtg_vacct_num {font-size: 0.8125rem; font-weight: 700; font-variant-numeric: tabular-nums; color: #3366b9; text-decoration: none !important;} .divy_dsc_info .divy_inq_info_pymtg_vacct_num:hover {color: #1d4ed8; text-decoration: underline !important; opacity: 1;} .divy_dsc_info .divy_inq_info_pymtg_vacct_copy {display: inline-flex; align-items: center; font-size: 0.75rem; color: #94a3b8; text-decoration: none !important;} .divy_dsc_info .divy_inq_info_pymtg_vacct_copy:hover {color: #3366b9; opacity: 1;} .divy_dsc_info .divy_inq_info_pymtg_vacct_note {margin-top: 0.375rem; font-size: 0.625rem; font-weight: 500; line-height: 1.5; color: #94a3b8; word-break: keep-all;} .divy_dsc_info .divy_inq_info_pymtg_pst, .divy_dsc_info .divy_dsc_info_setl--compact .divy_inq_info_pymtg_pst {margin-top: 0.875rem; padding-top: 0.75rem; border-top: 1px solid var(--dsc-line, #f1f5f9);} .divy_dsc_info .divy_inq_info_pymtg_pst_line {font-size: 0.6875rem; font-weight: 500; line-height: 1.45; color: #94a3b8; word-break: keep-all;} .divy_dsc_info .divy_inq_info_pymtg_pst_line strong {font-weight: 600; color: #64748b;} .divy_dsc_info .divy_inq_info_pymtg_pst_lnk {font-weight: 600; color: #64748b; text-decoration: none;} .divy_dsc_info .divy_inq_info_pymtg_pst_lnk:hover {color: #3366b9; text-decoration: underline; opacity: 1;} .divy_dsc_info .divy_inq_info_pymtg_pst_sep {color: #cbd5e1; font-weight: 400;} @media (max-width: 575.98px) { .divy_dsc_info .divy_inq_info_pymtg_hd {flex-direction: column; align-items: stretch; gap: 0.75rem;} .divy_dsc_info .divy_inq_info_pymtg_sta {align-self: flex-start;} .divy_dsc_info .divy_inq_info_pymtg_split {grid-template-columns: 1fr; gap: 1rem;} } .divy_dsc_info_setl--compact {padding: 0.75rem 1rem; border: 1px solid var(--dsc-line); border-radius: 0.5rem; background: var(--dsc-surface);} .divy_dsc_info_setl_row {display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.375rem;} .divy_dsc_info_sect_setl .divy_dsc_info_sect_tit {font-size: 1rem;} .divy_dsc_info_setl_badge {flex-shrink: 0; display: inline-flex; align-items: center; padding: 0.1875rem 0.5rem; font-size: 0.6875rem; font-weight: 700; letter-spacing: -0.02em; border-radius: 999px; background: #e2e8f0; color: #64748b;} .divy_dsc_info_setl--ready .divy_dsc_info_setl_badge {background: #eef4ff; color: #3366b9;} .divy_dsc_info_setl--done .divy_dsc_info_setl_badge {background: #ecfdf5; color: #047857;} .divy_dsc_info_setl--wait .divy_dsc_info_setl_badge {background: #fffbeb; color: #b45309;} .divy_dsc_info_setl--pst .divy_dsc_info_setl_badge {background: #ecfdf5; color: #047857;} .divy_dsc_info_setl_line {font-size: 0.8125rem; line-height: 1.55; color: #475569;} .divy_dsc_info_setl_copy {display: flex; flex-direction: column; gap: 0.3125rem;} .divy_dsc_info_setl--pst .divy_dsc_info_setl_copy .divy_dsc_info_setl_line {word-break: normal; overflow-wrap: anywhere;} .divy_dsc_info_setl_line strong {font-weight: 700; color: #334155;} .divy_dsc_info_setl_tag {display: inline-block; margin-right: 0.25rem; padding: 0.0625rem 0.375rem; font-size: 0.6875rem; font-weight: 700; color: #3366b9; background: #eef4ff; border-radius: 0.25rem; vertical-align: baseline;} .divy_dsc_info_setl_muted {font-size: 0.75rem; font-weight: 500; color: #94a3b8;} .divy_dsc_info_setl_amt_inline {font-variant-numeric: tabular-nums; color: var(--dsc-ink);} .divy_dsc_info_setl_ready {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 0.75rem;} .divy_dsc_info_setl_btn {font-weight: 700; white-space: nowrap;} .divy_dsc_info_setl_lnk {font-size: 0.8125rem; font-weight: 700; color: #3366b9; text-decoration: none; white-space: nowrap;} .divy_dsc_info_setl_lnk--block {display: inline-block; margin-top: 0.5rem;} .divy_dsc_info_setl_lnk:hover {color: #0758aa; text-decoration: underline;} .divy_dsc_info_sect_sat_hd {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; margin-bottom: 1rem;} .divy_dsc_info_sect_sat .divy_dsc_info_sect_tit {margin-bottom: 0;} .divy_dsc_info_sect_sat_lnk {font-size: 0.8125rem; font-weight: 600; color: #3366b9; text-decoration: none; white-space: nowrap;} .divy_dsc_info_sect_sat_lnk:hover {color: #0758aa; text-decoration: underline; opacity: 1;} .divy_dsc_info .divy_dsc_info_satft_eval_form {margin-top: 0; max-width: 100%;} .divy_dsc_info .divy_dsc_info_satft_eval_form .card > .card-body {padding: 1.25rem 1.375rem; border-radius: 0.5rem;} .divy_dsc_info_sat_intro {font-size: 0.875rem; line-height: 1.65; color: #475569; word-break: keep-all;} .divy_dsc_info_sat_intro > p {margin: 0;} .divy_dsc_info_sat_intro > p + p {margin-top: 0.875rem;} .divy_dsc_info_sat_intro_lead strong {font-weight: 600; color: #334155;} .divy_dsc_info_sat_intro_foot strong {font-weight: 600; color: #334155;} .divy_dsc_info_sat_intro_note {font-size: 0.8125rem; font-weight: 500; color: #64748b;} .divy_dsc_info_sat_intro_cta {padding-top: 0.875rem; border-top: 1px solid var(--dsc-line); font-weight: 500; color: #1e293b;} .divy_dsc_info_sat_intro_cta strong {font-weight: 700; color: var(--dsc-accent);} .divy_dsc_info_sat_score {margin-top: 1.25rem; padding: 1.125rem 1rem; background: #fff; border: 1px solid var(--dsc-line); border-radius: 0.5rem;} .divy_dsc_info_sat_score_tit {font-size: 1.0625rem; font-weight: 700; color: var(--dsc-ink); letter-spacing: -0.02em;} .divy_dsc_info_sat_stars {font-size: 1.75rem; line-height: 1;} .divy_dsc_info_sat_stars .list-inline-item {margin-right: 0.125rem; margin-left: 0.125rem;} .divy_dsc_info_sat_stars .JS-srvScoreBtn {font-size: 1.75rem; line-height: 1; text-decoration: none;} .divy_dsc_info .divy_dsc_info_sat_score .JS-scoreLabel {display: block; font-size: 0.875rem; font-weight: 500; color: #64748b;} .divy_dsc_info .divy_dsc_info_sat_text {min-height: 9rem; resize: vertical; border-radius: 0.375rem;} .divy_dsc_info_sat_state {text-align: center; padding: 2rem 1.25rem; background: var(--dsc-surface); border: 1px solid var(--dsc-line); border-radius: 0.5rem; word-break: keep-all;} .divy_dsc_info_sat_state_icon {display: block; font-size: 2.25rem; color: var(--dsc-accent); margin-bottom: 0.75rem;} .divy_dsc_info_sat_state_msg {font-size: 1rem; font-weight: 700; color: #1e293b; line-height: 1.45;} .divy_dsc_info_sat_state_sub {margin-top: 0.5rem; font-size: 0.875rem; font-weight: 500; color: var(--dsc-muted); line-height: 1.55;} .divy_dsc_info_sat_state_sub a {font-weight: 600; color: #3366b9;} #dafl-mngt-layout_content_body-right .divy_dsc_info_satft_eval_form .divy_dsc_info_sat_submit {display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0.625rem 1.25rem; font-size: 0.9375rem; font-weight: 600; letter-spacing: -0.02em; color: #fff; background: #334155; border: 1px solid #334155; border-radius: 0.4375rem; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06); transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;} #dafl-mngt-layout_content_body-right .divy_dsc_info_satft_eval_form .divy_dsc_info_sat_submit:hover, #dafl-mngt-layout_content_body-right .divy_dsc_info_satft_eval_form .divy_dsc_info_sat_submit:focus {color: #fff; background: #1e293b; border-color: #1e293b; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12); opacity: 1;} #dafl-mngt-layout_content_body-right .divy_dsc_info_satft_eval_form .divy_dsc_info_sat_submit:focus {outline: none; box-shadow: 0 0 0 3px rgba(51, 102, 185, 0.22), 0 2px 8px rgba(15, 23, 42, 0.1);} @media (max-width: 767.98px) { .divy_dsc_info_sect {padding: 1.125rem 1rem;} .divy_dsc_info_hero {flex-direction: column; align-items: center;} .divy_dsc_info_hero_thumb {flex: none; width: 100%; max-width: 8.5rem;} .divy_dsc_info_hero_thumb--duo {max-width: 100%;} .divy_dsc_info_hero_thumb_duo {max-width: 18rem; margin-left: auto; margin-right: auto;} } .divy_dsc_info_tap_cont_sample_img_lst {margin-top: 3rem;} .divy_dsc_info_tap_cont_img_lst {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 3rem;} .divy_dsc_info_tap_cont_img_lst > * {flex: 1;} .divy_dsc_info_tap_cont_img_lst .swiper-slide {width: 100% !important;} .divy_dsc_info_tap_cont_sample_img_lst h5, .divy_dsc_info_tap_cont_img_lst h5 {margin-bottom: 0.5rem !important; font-weight: 500; color: #414141 !important;} .divy_dsc_info_tap_cont_sample_img_lst {max-width: 33.33%;} .dafl_instl_img_wrap {position: relative; width: 100%; height: 0; padding-bottom: 133%; overflow: hidden; background-color: #f1f1f1;} .dafl_instl_img_wrap > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain;} .divy_dsc_info_tap_cont_img_lst .swiper-button-next, .divy_dsc_info_tap_cont_img_lst .swiper-button-prev {width: 0.75rem; height: 2rem; background-size: 100% 100%;} .divy_dsc_info_tap_cont_img_lst .swiper-button-prev {background-image: url("/common/css/images/icon/main_arrow_left.png"); left: 0.5rem;} .divy_dsc_info_tap_cont_img_lst .swiper-button-next {background-image: url("/common/css/images/icon/main_arrow_right.png"); right: 0.5rem;} /* 배송 불가 상품 안내 품 */ .dafl_ord_impss_form {margin-bottom: 3rem;} .dafl_ord_impss_form > .card {border-radius: 1rem; overflow: hidden;} .dafl_ord_impss_form > .card > .card-body {text-align: center; background-color: #ced4da;} .dafl_ord_impss_form > .card > .card-body > i {font-size: 3rem;} .dafl_ord_impss_form > .card > .card-body > p {margin-top: 1rem; font-size: 1.5rem; font-weight: bold;} .dafl_ord_impss_form > a.btn {display: block; margin-top: 0.75rem;} /* divyDscInfo — MO (daflMngt/m.contents.css 이전) */ /* divyDscInfo — 분리 접수 안내 · COMMON_TABS (MO · contents.css 동기) */ .divy_dsc_split_wrap {--dsc-split-accent: #3366b9; --dsc-split-line: #e2e8f0; --dsc-split-muted: #64748b;} .divy_dsc_split_notice {display: flex; align-items: flex-start; gap: 0.875rem; margin: 0 0 1rem; padding: 1rem 1.125rem; border: 1px solid rgba(51, 102, 185, 0.16); border-radius: 0.625rem; background: linear-gradient(135deg, rgba(51, 102, 185, 0.07) 0%, #f8fafc 58%); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);} .divy_dsc_split_notice_ico {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 2.375rem; height: 2.375rem; border-radius: 0.5rem; background: rgba(51, 102, 185, 0.12); color: var(--dsc-split-accent); font-size: 1.0625rem; line-height: 1;} .divy_dsc_split_notice_body {flex: 1; min-width: 0;} .divy_dsc_split_notice_tit {margin: 0 0 0.3125rem; font-size: 0.875rem; font-weight: 700; letter-spacing: -0.02em; color: #1e293b; line-height: 1.35;} .divy_dsc_split_notice_txt {margin: 0; font-size: 0.875rem; font-weight: 500; line-height: 1.55; color: var(--dsc-split-muted); word-break: keep-all;} .divy_dsc_split_notice_txt strong {font-weight: 700; color: var(--dsc-split-accent);} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs {width: 100%; margin: 0; padding: 0;} .divy_dsc_split_tabs.COMMON_TABS > .ui-widget-header, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav {display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0.5rem; width: 100%; margin: 0; padding: 0.3125rem; border: none !important; border-radius: 0.625rem; background: #eef2f7; box-sizing: border-box; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav::-webkit-scrollbar {display: none;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav li {flex: 0 0 auto; min-width: 0; margin: 0 !important; padding: 0; border: none; background: none !important; border-radius: 0;} .divy_dsc_split_tabs.COMMON_TABS.item-length-2.ui-tabs .ui-tabs-nav li, .divy_dsc_split_tabs.COMMON_TABS.item-length-3.ui-tabs .ui-tabs-nav li {flex: 1 1 0; min-width: 6rem;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav li a {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; width: 100%; min-height: 3.125rem; padding: 0.5625rem 0.75rem; text-align: center; font-size: 0.875rem; font-weight: 600; letter-spacing: -0.03em; color: #475569; background: transparent; border: 1px solid transparent; border-radius: 0.4375rem; box-sizing: border-box; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease; white-space: normal; line-height: 1.25; outline: none;} .divy_dsc_split_tab_num {display: inline-flex; align-items: center; justify-content: center; min-width: 1.5rem; height: 1.5rem; padding: 0 0.375rem; font-size: 0.75rem; font-weight: 700; color: #64748b; background: rgba(255, 255, 255, 0.9); border-radius: 999px; line-height: 1;} .divy_dsc_split_tab_nm {display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8125rem; font-weight: 600; color: inherit;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav li a:hover, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav li a:focus {color: var(--dsc-split-accent); background: rgba(255, 255, 255, 0.72); border-color: rgba(51, 102, 185, 0.14);} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-state-active {background: none !important; border: none !important;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active > a, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active > a:hover, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active > a:focus, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-state-active > a, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-state-active > a:link, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-state-active > a:visited {color: #fff !important; font-weight: 700; background: var(--dsc-split-accent) !important; border-color: var(--dsc-split-accent) !important; box-shadow: 0 2px 8px rgba(51, 102, 185, 0.26);} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active .divy_dsc_split_tab_num, .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-state-active .divy_dsc_split_tab_num {color: var(--dsc-split-accent); background: #fff;} .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-panel {padding: 0.875rem 0 0 !important; border: none; background: none;} .divy_dsc_split_tabs.COMMON_TABS.ui-widget-content {border: none !important; background: none !important;} /* divyDscInfo MO — PC 신규 상세 레이아웃 (daflMngt/contents.css 동기) */ body.tiles-m-mngt-default:has(.divy_dsc_info-page--mo) {overflow-x: clip;} body.tiles-m-mngt-default:has(.divy_dsc_info-page--mo) #mobileBody, body.tiles-m-mngt-default:has(.divy_dsc_info-page--mo) #body_wrap, body.tiles-m-mngt-default:has(.divy_dsc_info-page--mo) .cmn-layout-content-wrap {overflow-x: clip; max-width: 100%; background-color: #fff;} .cmn-layout-content-body.container:has(.divy_dsc_info-page--mo) {padding-left: 0; padding-right: 0; background-color: #fff;} .divy_dsc_info-page--mo {margin-top: 0; padding: 0 0 1.5rem; width: 100%; max-width: 100%; box-sizing: border-box; background-color: #fff;} .divy_dsc_info-page--mo .dafl_divy_inq_info.divy_dsc_info, .divy_dsc_info-page--mo .divy_dsc_info {--dsc-ink: #0f172a; --dsc-muted: #64748b; --dsc-line: #e2e8f0; --dsc-surface: #f8fafc; --dsc-accent: #0758aa; --dsc-accent-soft: #3366b9; width: 100%; max-width: 100%;} .divy_dsc_info-page--mo .divy_dsc_info_sheet {background: #fff; border: none; border-radius: 0; box-shadow: none; overflow: visible; width: 100%; max-width: 100%;} .divy_dsc_info-page--mo .divy_dsc_info_sect_track, .divy_dsc_info-page--mo .divy_dsc_info_sect_track .divy_dsc_info_track, .divy_dsc_info-page--mo .divy_dsc_info_sect_track .card, .divy_dsc_info-page--mo .divy_dsc_info_sect_track .card-body {background-color: #fff; overflow: visible;} .divy_dsc_info-page--mo .divy_dsc_info_track_row > [class*="col-"]:last-child {margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid var(--dsc-line);} .divy_dsc_info-page--mo .divy_dsc_split_wrap {padding: 0.625rem 0.75rem 0;} .divy_dsc_info-page--mo .divy_dsc_split_notice {margin-bottom: 0.75rem; padding: 0.875rem 0.9375rem;} .divy_dsc_info-page--mo .divy_dsc_split_notice_ico {width: 2.125rem; height: 2.125rem; font-size: 0.9375rem;} .divy_dsc_info-page--mo .divy_dsc_split_notice_tit {font-size: 0.8125rem;} .divy_dsc_info-page--mo .divy_dsc_split_notice_txt {font-size: 0.8125rem; line-height: 1.5;} .divy_dsc_info-page--mo .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav {padding: 0.25rem; gap: 0.375rem;} .divy_dsc_info-page--mo .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-nav li a {min-height: 2.875rem; padding: 0.4375rem 0.5rem;} .divy_dsc_info-page--mo .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-panel {padding-top: 0.5rem !important;} .divy_dsc_info-page--mo .COMMON_TABS.px-2 {padding-left: 0 !important; padding-right: 0 !important;} .divy_dsc_info-page--mo .divy_dsc_info_photo_grid.row {display: flex; flex-wrap: wrap; margin-left: -0.3125rem; margin-right: -0.3125rem;} .divy_dsc_info-page--mo .divy_dsc_info_photo_grid.row > [class*="col-"] {flex: 0 0 50%; max-width: 50%; padding-left: 0.3125rem; padding-right: 0.3125rem; margin-bottom: 0.75rem; box-sizing: border-box;} .divy_dsc_info-page--mo .divy_dsc_info_photo_grid.row > [class*="col-"]:nth-last-child(-n+2) {margin-bottom: 0;} .divy_dsc_info-page--mo .divy_dsc_info_photo_grid .divy_dsc_info_photo_lbl {font-size: 0.75rem; margin-bottom: 0.3125rem; text-align: center;} .divy_dsc_info-page--mo .divy_dsc_info_photo_grid .divy_dsc_info_photo_act {flex-direction: column; gap: 0.25rem;} .divy_dsc_info-page--mo .divy_dsc_info_photo_grid .divy_dsc_info_photo_act .divy_dsc_info_photo_view, .divy_dsc_info-page--mo .divy_dsc_info_photo_grid .divy_dsc_info_photo_act .divy_dsc_info_photo_down {flex: none; width: 100%; min-height: 1.625rem; padding: 0.125rem 0.375rem; font-size: 0.6875rem;} .divy_dsc_info-page--mo .divy_dsc_info_photo_grid .divy_dsc_info_photo_act .divy_dsc_info_photo_view span, .divy_dsc_info-page--mo .divy_dsc_info_photo_grid .divy_dsc_info_photo_act .divy_dsc_info_photo_down span {font-size: 0.6875rem;} .divy_dsc_info-page--mo .divy_dsc_info_photo_grid .divy_dsc_info_photo_empty_ico {font-size: 1.5rem;} .divy_dsc_info-page--mo .divy_dsc_info_photo_grid .divy_dsc_info_photo_empty_cap {font-size: 0.6875rem; line-height: 1.35; word-break: keep-all;} .divy_dsc_info-page--mo .divy_dsc_info_sect {padding: 1.125rem 1rem;} .divy_dsc_info-page--mo .divy_dsc_info_sect + .divy_dsc_info_sect {border-top: 1px solid var(--dsc-line);} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd.dafl_divy_sta_words {margin: 0; padding: 1.125rem 1rem; border: none; border-bottom: 1px solid var(--dsc-line); border-radius: 0; box-shadow: none; background: #fff;} .divy_dsc_info-page--mo .divy_dsc_info_sect_tit {font-size: 1.0625rem; font-weight: 700; color: var(--dsc-ink); letter-spacing: -0.025em; margin: 0 0 1rem; line-height: 1.35;} .divy_dsc_info-page--mo .divy_dsc_info_hero {display: flex; flex-direction: column; align-items: stretch; gap: 1.25rem; width: 100%;} .divy_dsc_info-page--mo .divy_dsc_info_hero_thumb {flex: none; width: 100%; max-width: 10rem; margin-left: auto; margin-right: auto;} .divy_dsc_info-page--mo .divy_dsc_info_hero_thumb--duo {max-width: 100%;} .divy_dsc_info-page--mo .divy_dsc_info_hero_thumb_duo {display: flex; gap: 0.5rem; max-width: 18rem; margin-left: auto; margin-right: auto;} .divy_dsc_info-page--mo .divy_dsc_info_hero_thumb_item {flex: 1; min-width: 0;} .divy_dsc_info-page--mo .divy_dsc_info_hero_thumb_item .divy_dsc_info_photo_lbl {text-align: center;} .divy_dsc_info-page--mo .divy_dsc_info_hero_body {flex: 1; min-width: 0; width: 100%;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body > ul {margin: 0; padding: 0; list-style: none; width: 100%; max-width: 100%; min-width: 0; border: 1px solid var(--dsc-line); border-radius: 0.625rem; overflow: hidden; background: #fff; box-sizing: border-box;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body > ul > li {margin: 0 !important; padding: 0; border-top: 1px solid #f1f5f9;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body > ul > li:first-child {border-top: none;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl.d-table {display: block !important; width: 100%; margin: 0; table-layout: auto;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl > dt {display: block !important; width: 100%; min-width: 0; padding: 0.6875rem 0.875rem 0.25rem; font-size: 0.75rem; font-weight: 700; letter-spacing: -0.02em; color: #64748b; white-space: normal;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl > dd {display: block !important; width: 100%; margin: 0; padding: 0 0.875rem 0.6875rem; font-size: 0.875rem; font-weight: 500; line-height: 1.55; color: #1e293b; word-break: keep-all; overflow-wrap: anywhere;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl > dd > span {display: block;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl > dd ul {margin: 0; padding: 0; list-style: none;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl > dd ul > li {font-size: 0.875rem; line-height: 1.55; color: #334155;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl > dd ul > li + li {margin-top: 0.375rem;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl > dd em {font-style: normal; font-weight: 500; color: #64748b;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl > dd .font-weight-bold {font-weight: 700 !important; font-size: 0.9375rem; color: var(--dsc-accent-soft); font-variant-numeric: tabular-nums;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl > dd .text-secondary {font-size: 0.8125rem !important; color: #64748b !important;} .divy_dsc_info-page--mo .divy_dsc_info_sect_prd .divy_dsc_info_hero_body dl > dd p {margin: 0.375rem 0 0; font-size: 0.8125rem; line-height: 1.5;} .divy_dsc_info-page--mo .divy_dsc_info_hero_body > ul > li:not(:first-child) {margin-top: 0;} .divy_dsc_info-page--mo .divy_dsc_info_hero_body dl {display: block; width: 100%; font-size: 0.875rem;} .divy_dsc_info-page--mo .divy_dsc_info_hero_body dl > dt {display: block; width: 100%; min-width: 0; padding: 0 0 0.25rem; font-weight: 600; color: #475569; white-space: normal;} .divy_dsc_info-page--mo .divy_dsc_info_hero_body dl > dd {display: block; width: 100%; padding-bottom: 0.125rem;} .divy_dsc_info-page--mo .divy_dsc_info_photo_box {position: relative;} .divy_dsc_info-page--mo .divy_dsc_info_img_bg {display: block; width: 100%; height: 0; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: var(--dsc-surface); border: 1px solid var(--dsc-line); border-radius: 0.5rem; cursor: pointer;} .divy_dsc_info-page--mo .divy_dsc_info_prd_bg {padding-bottom: 133%;} .divy_dsc_info-page--mo .divy_dsc_info_photo_bg {padding-bottom: 100%;} .divy_dsc_info-page--mo .divy_dsc_info_photo_bg.divy_dsc_info_photo_bg--empty {cursor: default; background-image: none !important;} .divy_dsc_info-page--mo .divy_dsc_info_photo_box > .divy_dsc_info_photo_view {display: inline-flex; align-items: center; justify-content: center; gap: 0.25rem; width: 100%; margin-top: 0.375rem; min-height: 1.75rem; padding: 0.125rem 0.5rem; font-size: 0.75rem; font-weight: 600; color: var(--dsc-muted); text-decoration: none; border: 1px solid var(--dsc-line); border-radius: 0.3125rem; background: #fff; box-sizing: border-box;} .divy_dsc_info-page--mo .divy_dsc_info_photo_act {display: flex; gap: 0.375rem; margin-top: 0.375rem;} .divy_dsc_info-page--mo .divy_dsc_info_photo_act .divy_dsc_info_photo_view, .divy_dsc_info-page--mo .divy_dsc_info_photo_act .divy_dsc_info_photo_down {display: inline-flex; flex: 1; align-items: center; justify-content: center; gap: 0.25rem; min-width: 0; min-height: 1.75rem; font-size: 0.75rem; font-weight: 600; color: var(--dsc-muted); text-decoration: none; border: 1px solid var(--dsc-line); border-radius: 0.3125rem; background: #fff; box-sizing: border-box;} .divy_dsc_info-page--mo .divy_dsc_info_photo_empty_box {position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%; background-color: var(--dsc-surface); border: 1px solid var(--dsc-line); border-radius: 0.5rem; box-sizing: border-box;} .divy_dsc_info-page--mo .divy_dsc_info_photo_empty_ico {position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; line-height: 1; color: #94a3b8; transform: translate(-50%, -50%);} .divy_dsc_info-page--mo .divy_dsc_info_photo_empty_ico .fa-image {--fa-primary-color: #64748b; --fa-secondary-color: #cbd5e1; --fa-secondary-opacity: 1;} .divy_dsc_info-page--mo .divy_dsc_info_photo_lbl {font-size: 0.8125rem; font-weight: 600; color: #475569; margin-bottom: 0.375rem;} .divy_dsc_info-page--mo .divy_dsc_info_photo_empty_cap {font-size: 0.75rem; color: #94a3b8; text-align: center; margin: 0.375rem 0 0;} .divy_dsc_info-page--mo .divy_dsc_info_photo_pending {display: flex; align-items: center; justify-content: center; min-height: 9rem; padding: 1.25rem 1rem; background: var(--dsc-surface); border: 1px solid var(--dsc-line); border-radius: 0.5rem; text-align: center; word-break: keep-all;} .divy_dsc_info-page--mo .divy_dsc_info_photo_pending_inner {display: flex; flex-direction: column; align-items: center; max-width: 20rem;} .divy_dsc_info-page--mo .divy_dsc_info_photo_pending_icon {display: block; font-size: 2rem; line-height: 1; color: #94a3b8; margin-bottom: 0.75rem;} .divy_dsc_info-page--mo .divy_dsc_info_photo_pending_lead {font-size: 0.9375rem; font-weight: 700; color: #1e293b; line-height: 1.45; margin-bottom: 0.5rem !important;} .divy_dsc_info-page--mo .divy_dsc_info_photo_pending_desc {font-size: 0.8125rem; font-weight: 500; color: #64748b; line-height: 1.65;} .divy_dsc_info-page--mo .dafl_divy_inq_info.divy_dsc_info, .divy_dsc_info-page--mo .divy_dsc_info_sheet {width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box;} .divy_dsc_info-page--mo .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-panel, .divy_dsc_info-page--mo .divy_dsc_split_tabs.COMMON_TABS.ui-tabs .ui-tabs-panel > [id^="divyDscInfo-"] {min-width: 0; max-width: 100%; overflow-x: clip;} .divy_dsc_info-page--mo .divy_dsc_info_sect {min-width: 0; max-width: 100%; box-sizing: border-box;} .divy_dsc_info-page--mo .divy_dsc_info_sect_setl {padding-top: 1rem; padding-bottom: 1rem; min-width: 0;} .divy_dsc_info-page--mo .divy_dsc_info_sect_setl .divy_inq_info_pymtg {width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; box-sizing: border-box;} .divy_dsc_info-page--mo .divy_inq_info_pymtg {margin-top: 0; border: 1px solid var(--dsc-line); border-radius: 0.75rem; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06); overflow: hidden; max-width: 100%;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_hd {display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 0.625rem; padding: 1rem 1.125rem; border-bottom: 1px solid #f1f5f9; background: linear-gradient(180deg, #fafbfc 0%, #fff 100%); min-width: 0; max-width: 100%; box-sizing: border-box;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_hd_main {display: flex; align-items: flex-start; gap: 0.875rem; min-width: 0; flex: 1 1 auto;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_hd_txt {flex: 1; min-width: 0;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_ico {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 0.625rem; background: #f1f5f9; color: #475569; font-size: 1.125rem;} .divy_dsc_info-page--mo .divy_inq_info_pymtg--ready .divy_inq_info_pymtg_ico {background: #eef4ff; color: #3366b9;} .divy_dsc_info-page--mo .divy_inq_info_pymtg--done .divy_inq_info_pymtg_ico {background: #ecfdf5; color: #059669;} .divy_dsc_info-page--mo .divy_inq_info_pymtg--wait .divy_inq_info_pymtg_ico {background: #fffbeb; color: #d97706;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_tit {margin: 0; font-size: 1rem; font-weight: 700; letter-spacing: -0.03em; color: #0f172a; line-height: 1.35;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_sub {margin: 0.25rem 0 0; font-size: 0.8125rem; font-weight: 500; line-height: 1.55; color: #64748b; word-break: keep-all;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_sta {flex-shrink: 0; align-self: flex-start; margin-top: 0.0625rem; margin-left: auto; display: inline-flex; align-items: center; padding: 0.3125rem 0.625rem; font-size: 0.6875rem; font-weight: 700; letter-spacing: -0.02em; border-radius: 999px; background: #f1f5f9; color: #64748b; white-space: nowrap;} .divy_dsc_info-page--mo .divy_inq_info_pymtg--ready .divy_inq_info_pymtg_sta {background: #eef4ff; color: #3366b9;} .divy_dsc_info-page--mo .divy_inq_info_pymtg--done .divy_inq_info_pymtg_sta {background: #ecfdf5; color: #047857;} .divy_dsc_info-page--mo .divy_inq_info_pymtg--wait .divy_inq_info_pymtg_sta {background: #fffbeb; color: #b45309;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_bd {padding: 1.125rem 1.125rem 1.25rem; min-width: 0; max-width: 100%; box-sizing: border-box; background: #fff;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_steps {display: flex; align-items: flex-start; margin: 0 0 1rem; padding: 0; list-style: none;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_steps > li {position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 0.375rem; text-align: center; min-width: 0;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_steps > li:not(:last-child)::after {content: ""; position: absolute; top: 0.8125rem; left: calc(50% + 0.875rem); right: calc(-50% + 0.875rem); height: 2px; background: #e2e8f0; z-index: 0;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_steps > li.is_current:not(:last-child)::after {background: linear-gradient(90deg, #09c7c7 0%, #e2e8f0 100%);} .divy_dsc_info-page--mo .divy_inq_info_pymtg_step_num {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 1.625rem; height: 1.625rem; border-radius: 50%; font-size: 0.6875rem; font-weight: 700; background: #f1f5f9; color: #94a3b8; border: 2px solid #fff; box-shadow: 0 0 0 1px #e2e8f0;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_steps > li.is_current .divy_inq_info_pymtg_step_num {background: #09c7c7; color: #fff; box-shadow: 0 0 0 1px #09c7c7, 0 2px 8px rgba(9, 199, 199, 0.35);} .divy_dsc_info-page--mo .divy_inq_info_pymtg_step_lbl {font-size: 0.625rem; font-weight: 600; color: #94a3b8; line-height: 1.3; word-break: keep-all;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_steps > li.is_current .divy_inq_info_pymtg_step_lbl {color: #0f766e; font-weight: 700;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_bd > .divy_inq_info_pymtg_lead {margin: 0 0 0.5rem; font-size: 0.875rem; font-weight: 700; color: #1e293b; word-break: keep-all;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_desc {margin: 0; font-size: 0.8125rem; font-weight: 500; line-height: 1.65; color: #64748b; word-break: keep-all;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_split {display: flex; flex-direction: column; gap: 1rem; width: 100%; min-width: 0; max-width: 100%;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_amt_card {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 100%; min-width: 0; padding: 1rem; border-radius: 0.625rem; background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%); border: 1px solid #e2e8f0; text-align: center; box-sizing: border-box;} .divy_dsc_info-page--mo .divy_inq_info_pymtg--ready .divy_inq_info_pymtg_amt_card {background: linear-gradient(145deg, #f0f7ff 0%, #eef4ff 100%); border-color: rgba(51, 102, 185, 0.22);} .divy_dsc_info-page--mo .divy_inq_info_pymtg_amt_card--done {background: linear-gradient(145deg, #ecfdf5 0%, #f0fdf4 100%); border-color: rgba(5, 150, 105, 0.2);} .divy_dsc_info-page--mo .divy_inq_info_pymtg_amt_lbl {font-size: 0.75rem; font-weight: 600; color: #64748b;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_amt_val {display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 0.125rem; margin: 0.375rem 0 0; line-height: 1.15;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_amt_num {font-size: 1.5rem; font-weight: 800; color: #0f172a; font-variant-numeric: tabular-nums; word-break: keep-all;} .divy_dsc_info-page--mo .divy_inq_info_pymtg--ready .divy_inq_info_pymtg_amt_num {color: #3366b9;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_amt_card--done .divy_inq_info_pymtg_amt_num {color: #047857;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_amt_unit {font-size: 0.9375rem; font-weight: 700; color: #475569;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_amt_note {margin: 0.5rem 0 0; padding: 0 0.25rem; font-size: 0.6875rem; font-weight: 500; color: #94a3b8; line-height: 1.45; word-break: keep-all; overflow-wrap: anywhere; text-align: center;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_act {display: flex; flex-direction: column; align-items: stretch; gap: 0.75rem; width: 100%; min-width: 0; max-width: 100%;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_act .divy_inq_info_pymtg_lead {width: 100%; font-size: 0.8125rem; font-weight: 500; line-height: 1.55; color: #64748b; word-break: keep-all; overflow-wrap: anywhere;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_pay {display: flex; align-items: center; justify-content: center; gap: 0.375rem; width: 100%; max-width: 100%; min-height: 2.75rem; padding: 0.6875rem 1rem; font-size: 0.9375rem; font-weight: 700; color: #fff !important; background: #3366b9; border: 1px solid #3366b9; border-radius: 0.4375rem; text-decoration: none !important; box-sizing: border-box; white-space: nowrap;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_pay i {flex-shrink: 0; font-size: 0.875rem; opacity: 0.95;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_pay:hover, .divy_dsc_info-page--mo .divy_inq_info_pymtg_pay:focus {color: #fff !important; background: #1d4ed8; border-color: #1d4ed8; text-decoration: none !important; opacity: 1;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_vacct {margin-top: 0.875rem; padding: 0.625rem 0.75rem; border-radius: 0.375rem; background: #f8fafc; border: 1px solid #e2e8f0;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_vacct_lbl {font-size: 0.6875rem; font-weight: 600; color: #64748b;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_vacct_val {display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem; margin-top: 0.25rem;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_vacct_bank {font-size: 0.8125rem; font-weight: 700; color: #334155;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_vacct_num {font-size: 0.8125rem; font-weight: 700; color: #3366b9; text-decoration: none !important;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_vacct_note {margin-top: 0.375rem; font-size: 0.625rem; color: #94a3b8; line-height: 1.5; word-break: keep-all;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_pst, .divy_dsc_info-page--mo .divy_dsc_info_setl--compact .divy_inq_info_pymtg_pst {margin-top: 0.875rem; padding-top: 0.75rem; border-top: 1px solid var(--dsc-line);} .divy_dsc_info-page--mo .divy_inq_info_pymtg_pst_line {font-size: 0.6875rem; font-weight: 500; line-height: 1.45; color: #94a3b8; word-break: keep-all;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_pst_lnk {font-weight: 600; color: #64748b; text-decoration: none;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_pst_lnk:hover {color: #3366b9; text-decoration: underline;} .divy_dsc_info-page--mo .divy_inq_info_pymtg_pst_sep {margin: 0 0.3125rem; color: #cbd5e1;} .divy_dsc_info-page--mo .divy_dsc_info_setl--compact {padding: 0.75rem 1rem; border: 1px solid var(--dsc-line); border-radius: 0.5rem; background: var(--dsc-surface);} .divy_dsc_info-page--mo .divy_dsc_info_setl_row {display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.375rem;} .divy_dsc_info-page--mo .divy_dsc_info_sect_setl .divy_dsc_info_sect_tit {font-size: 1rem;} .divy_dsc_info-page--mo .divy_dsc_info_setl_badge {flex-shrink: 0; display: inline-flex; align-items: center; padding: 0.1875rem 0.5rem; font-size: 0.6875rem; font-weight: 700; letter-spacing: -0.02em; border-radius: 999px; background: #e2e8f0; color: #64748b;} .divy_dsc_info-page--mo .divy_dsc_info_setl--ready .divy_dsc_info_setl_badge {background: #eef4ff; color: #3366b9;} .divy_dsc_info-page--mo .divy_dsc_info_setl--done .divy_dsc_info_setl_badge {background: #ecfdf5; color: #047857;} .divy_dsc_info-page--mo .divy_dsc_info_setl--wait .divy_dsc_info_setl_badge {background: #fffbeb; color: #b45309;} .divy_dsc_info-page--mo .divy_dsc_info_setl--pst .divy_dsc_info_setl_badge {background: #ecfdf5; color: #047857;} .divy_dsc_info-page--mo .divy_dsc_info_setl_line {font-size: 0.8125rem; line-height: 1.55; color: #475569; word-break: keep-all;} .divy_dsc_info-page--mo .divy_dsc_info_setl_copy {display: flex; flex-direction: column; gap: 0.3125rem;} .divy_dsc_info-page--mo .divy_dsc_info_setl--pst .divy_dsc_info_setl_copy .divy_dsc_info_setl_line {word-break: normal; overflow-wrap: anywhere;} .divy_dsc_info-page--mo .divy_dsc_info_setl_line strong {font-weight: 700; color: #334155;} .divy_dsc_info-page--mo .divy_dsc_info_setl_tag {display: inline-block; margin-right: 0.25rem; padding: 0.0625rem 0.375rem; font-size: 0.6875rem; font-weight: 700; color: #3366b9; background: #eef4ff; border-radius: 0.25rem; vertical-align: baseline;} .divy_dsc_info-page--mo .divy_dsc_info_setl_amt_inline {font-variant-numeric: tabular-nums; color: var(--dsc-ink);} .divy_dsc_info-page--mo .divy_dsc_info_setl_ready {display: flex; flex-direction: column; align-items: stretch; gap: 0.625rem;} .divy_dsc_info-page--mo .divy_dsc_info_setl_btn {font-weight: 700; width: 100%;} .divy_dsc_info-page--mo .divy_dsc_info_track.dafl_divy_sta_det_info {margin: 0;} .divy_dsc_info-page--mo .divy_dsc_info_track.dafl_divy_sta_det_info > .card {box-shadow: none; border-radius: 0; background: transparent;} .divy_dsc_info-page--mo .divy_dsc_info_track.dafl_divy_sta_det_info > .card > .card-body {padding: 0;} .divy_dsc_info-page--mo .divy_dsc_info_track_row {margin-left: 0; margin-right: 0;} .divy_dsc_info-page--mo .divy_dsc_info_track_row > [class*="col-"] {padding-left: 0; padding-right: 0; max-width: 100%;} .divy_dsc_info-page--mo .divy_dsc_info_track_timeline_col {--dsc-tl-rail-x: 0.4375rem; --dsc-tl-content-inset: 1.5rem; min-width: 0; display: flex; flex-direction: column;} .divy_dsc_info-page--mo .divy_dsc_info_track_timeline_col > .divy_dsc_info_sect_tit {flex-shrink: 0; margin-bottom: 0.5rem;} .divy_dsc_info-page--mo .divy_dsc_info_track_timeline_wrap {position: relative; flex: 1; max-width: 100%; min-height: 0; padding-left: var(--dsc-tl-content-inset); overflow: visible;} .divy_dsc_info-page--mo .divy_dsc_info_track_timeline_wrap::before {content: ""; position: absolute; left: var(--dsc-tl-rail-x); top: 0.75rem; bottom: 0.75rem; width: 2px; transform: translateX(-50%); background: #e2e8f0; pointer-events: none; z-index: 0;} .divy_dsc_info-page--mo ol.divy_dsc_info_track_tl {position: relative; z-index: 1; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0.3125rem;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li {display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "time" "desc"; align-items: start; row-gap: 0.25rem; flex: 0 0 auto; padding: 0.375rem 0.5rem 0.5rem 0; margin: 0; border-radius: 0.375rem; position: relative; box-sizing: border-box; border: 1px solid transparent;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li::before {content: ""; position: absolute; left: calc(var(--dsc-tl-rail-x) - var(--dsc-tl-content-inset)); top: 0.875rem; z-index: 2; width: 0.4375rem; height: 0.4375rem; border-radius: 50%; background: #94a3b8; box-shadow: 0 0 0 2px #fff; box-sizing: border-box; transform: translate(-50%, -50%);} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-done::before {background: #64748b;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-done > strong {color: #475569; font-weight: 500;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-done time {color: #64748b;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-current {grid-template-areas: "eyebrow" "title" "time" "desc"; row-gap: 0.25rem; padding: 0.75rem 0.75rem 0.875rem 0.75rem; background: #fff; border: 1px solid rgba(7, 88, 170, 0.2); box-shadow: 0 1px 3px rgba(7, 88, 170, 0.08);} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-current::before {top: 1.375rem; width: 0.5625rem; height: 0.5625rem; background: var(--dsc-accent); box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--dsc-accent);} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-current::after {content: "현재 단계"; grid-area: eyebrow; margin: 0 0 0.125rem; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.04em; color: var(--dsc-accent); line-height: 1.2;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-current > strong {grid-area: title; font-size: 0.9375rem; font-weight: 700; color: var(--dsc-ink); letter-spacing: -0.02em; line-height: 1.35;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-current time {grid-area: time; justify-self: start; font-size: 0.8125rem; font-weight: 600; color: #3366b9; white-space: normal; max-width: none;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-wait::before {background: #fff; border: 2px solid #cbd5e1; width: 0.5rem; height: 0.5rem; box-shadow: 0 0 0 2px #fff;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-wait > strong {color: #94a3b8; font-weight: 500;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-wait time {color: #cbd5e1;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li > strong {grid-area: title; font-size: 0.875rem; font-weight: 600; color: #334155; line-height: 1.4; word-break: keep-all;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li time {grid-area: time; justify-self: start; align-self: start; font-size: 0.75rem; color: var(--dsc-muted); font-variant-numeric: tabular-nums; white-space: normal; line-height: 1.35;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl_desc {grid-area: desc; grid-column: 1 / -1; min-width: 0; margin: 0; font-size: 0.75rem; font-weight: 400; line-height: 1.55; color: #64748b; word-break: keep-all; overflow-wrap: anywhere;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl_desc strong {font-weight: 600; color: #334155;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-current .divy_dsc_info_track_tl_desc strong {color: var(--dsc-accent);} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-done .divy_dsc_info_track_tl_desc {color: #94a3b8;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-current .divy_dsc_info_track_tl_desc {margin-top: 0.125rem; color: #475569;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-current .divy_dsc_info_track_tl_desc--verify {font-size: 0.8125rem; line-height: 1.6; color: #334155;} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-current .divy_dsc_info_track_tl_desc--verify strong {color: var(--dsc-accent);} .divy_dsc_info-page--mo .divy_dsc_info_track_tl > li.is-wait .divy_dsc_info_track_tl_desc {color: #cbd5e1;} .divy_dsc_info-page--mo .divy_dsc_info_sect_sat_hd {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 1rem;} .divy_dsc_info-page--mo .divy_dsc_info_sect_sat_lnk {font-size: 0.8125rem; font-weight: 600; color: #3366b9; text-decoration: none;} .divy_dsc_info-page--mo .divy_dsc_info_sat_intro {font-size: 0.8125rem; line-height: 1.65; color: #475569; word-break: keep-all;} .divy_dsc_info-page--mo .divy_dsc_info_sat_intro > p {margin: 0;} .divy_dsc_info-page--mo .divy_dsc_info_sat_intro > p + p {margin-top: 0.75rem;} .divy_dsc_info-page--mo .divy_dsc_info_sat_score {margin-top: 1rem; padding: 1rem 0.875rem; background: #fff; border: 1px solid var(--dsc-line); border-radius: 0.5rem;} .divy_dsc_info-page--mo .divy_dsc_info_sat_stars {font-size: 1.625rem; line-height: 1;} .divy_dsc_info-page--mo .divy_dsc_info_sat_state {text-align: center; padding: 1.75rem 1rem; background: var(--dsc-surface); border: 1px solid var(--dsc-line); border-radius: 0.5rem; word-break: keep-all;} .divy_dsc_info-page--mo .divy_dsc_info_satft_eval_form .divy_dsc_info_sat_submit {display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0.6875rem 1.25rem; font-size: 0.9375rem; font-weight: 600; letter-spacing: -0.02em; color: #fff; background: #334155; border: 1px solid #334155; border-radius: 0.4375rem; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);} .divy_dsc_info-page--mo .divy_dsc_info_satft_eval_form .divy_dsc_info_sat_submit:hover, .divy_dsc_info-page--mo .divy_dsc_info_satft_eval_form .divy_dsc_info_sat_submit:focus {color: #fff; background: #1e293b; border-color: #1e293b; opacity: 1;} a.btn.JS-kispgBillCardPymtgDialogBtn {display: inline-flex; align-items: center; justify-content: center; gap: 0.3125rem;} a.btn.JS-kispgBillCardPymtgGropDialogBtn {display: inline-flex; align-items: center; justify-content: center; gap: 0.3125rem;}