@charset "utf-8"; @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); /* 메인 슬라이드 */ .dafl_main_top_banner_wrap {width: 1250px; padding: 2.5rem 1rem; margin: 0 auto;} .dafl_main_top_banner_wrap > div {box-shadow: 3px 3px 4px rgba(0,0,0,0.3); border-radius: 1rem; overflow: hidden;} .dafl_main_top_banner_wrap ul > li > .layout_dafl_main_banner_img_wrap {width: 100%; height: 0; padding-bottom: 30%; position: relative; display: block;} .dafl_main_top_banner_wrap ul > li > .layout_dafl_main_banner_img_wrap:hover {opacity: 1; filter: brightness(1.1);} .dafl_main_top_banner_wrap ul > li > .layout_dafl_main_banner_img_wrap > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} .dafl_main_top_banner_wrap ul > li.zoom_in.swiper-slide-active > div > img {transform: translate(-50%, -50%) scale(1.25); transition: all 10s ease-out;} .dafl_main_top_banner_wrap ul {display: flex;} .dafl_main_top_banner_wrap ul > li:not(.zoom_in) img {display: none;} .dafl_main_top_banner_wrap .swiper-container-initialized ul > li img {display: block;} .layout_dafl_main_banner_text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: transparent; font-size: 3rem; width: 100%; text-align: center; line-height: 5rem; font-weight: 500; text-shadow: -1px 0px #fff, 0px 1px #fff, 1px 0px #fff, 0px -1px #fff;} /* 메인 슬라이더 컨테이너 */ /* 메인페이지 상단 버튼 */ .main-section-body {padding: 2.5rem 1rem;} #layout_top_banner_wrap > ul > li:first-child {position: relative;} #layout_top_banner_wrap > ul > li:first-child > div {width: 90%; position: absolute; bottom: 0;} #layout_top_banner_wrap > ul > li:first-child > div span {display: flex; justify-content: space-between; align-items: center;} #layout_top_banner_wrap > ul > li:first-child > div span > i {margin-right: 0 !important;; font-size: 1.75rem !important; color: #000 !important;} #layout_top_banner_wrap > ul > li:first-child .card.h-100 dl > dd {padding: 0.5rem 1.5rem 1rem;} #layout_top_banner_wrap > ul > li:first-child .card.h-100 dl > dd > .row:first-child {border-bottom: 1px solid #d9d9d9;} #layout_top_banner_wrap > ul > li:first-child .card.h-100 dl > dd > .row:last-child {margin-top: -1px;} #layout_top_banner_wrap > ul > li:first-child .card.h-100 dl > dd > .row > .col-6 {padding: 0;} #layout_top_banner_wrap > ul > li:first-child .card.h-100 dl > dd > .row > .col-6:first-child {border-right: 1px solid #d9d9d9;} #layout_top_banner_wrap > ul > li:first-child .card.h-100 dl > dd > .row > .col-6:last-child {margin-left: -1px;} #layout_top_banner_wrap > ul > li:first-child .card.h-100 dl > dd > .row > .col-6 > a {padding: 1rem; font-size: 1.25rem; font-weight: 700;} #layout_top_banner_wrap > ul > li:first-child .card.h-100 dl > dd > .row > .col-6 > a:hover, #layout_top_banner_wrap > ul > li:first-child .card.h-100 dl > dd > .row > .col-6 > a:focus {color: #3366b9; background-color: #3366b91a;} #layout_top_banner_wrap .card {border-radius: 1rem; overflow: hidden; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); background-color: transparent; text-align: left;} #layout_top_banner_wrap .card:hover:not(.h-100) {transform: translateY(-5px); transition: all 0.25s; box-shadow: 0px 2px 3px 2px rgba(0,0,0,0.2);} #layout_top_banner_wrap .card:hover:not(.h-100) .card-body {filter: brightness(1.15); background-color: #3366b91a;} #layout_top_banner_wrap .card-body {background-color: #ffffff80; padding: 1rem 1.5rem;} #layout_top_banner_wrap a:hover, #layout_top_banner_wrap a:focus {opacity: 1;} #layout_top_banner_wrap .row {margin-left: -0.5rem; margin-right: -0.5rem;} #layout_top_banner_wrap .row > * {padding-left: 0.5rem; padding-right: 0.5rem;} #layout_top_banner_wrap a >.card > .card-body {padding: 0.75rem 2rem;} #layout_top_banner_wrap a > .card > .card-body > span {font-size: 1.375rem;} #layout_top_banner_wrap a > .card > .card-body > span > i {color: #3366b9; margin-right: 1.25rem; font-size: 1.75rem;} #layout_top_banner_wrap a > .card > .card-body > span > em {font-weight: 700;} #layout_top_banner_wrap a:hover > .card > .card-body > span > em {color: #3366b9;} #layout_top_banner_wrap dl {margin-bottom: 0;} #layout_top_banner_wrap dl > dt {font-size: 1.25rem;} #layout_top_banner_wrap dl > dt > span {font-size: 0.9rem; color: #3366B9;} #layout_top_banner_wrap dl > dd {font-size: 0.9rem;} .main_top_slide_tool_bar_wrap { position: absolute; left: 65%; bottom: 5%; z-index: 20;} .main_top_slide_tool_bar_wrap > ul {display: flex; justify-content: center; align-items: center;} .main_top_slide_tool_bar_wrap > ul > li > a {display: block;} .main_top_slide_tool_bar_wrap > ul > li > a > img {width: 2.25rem; height: 2.25rem;} .main_top_slide_tool_bar_wrap > ul > li > a:hover {opacity: 0.8; transition: all 0.15s ease-in-out;} .main_top_slide_pause_btn > i {background-image: url("/common/css/images/icon/pause.png"); width: 2.25rem; height: 2.25rem; display: block; background-size: contain; background-repeat: no-repeat;} .main_top_slide_pause_btn.play > i {background-image: url("/common/css/images/icon/play.png");} .main_top_slide_pagination { width:5.5rem; text-align: center; font-family: Pretendard Variable; font-size: 1.125rem; font-weight: 500; border-radius: 40px; color: #323232; padding: 8px 0; letter-spacing: 1px;} .main_top_slide_pagination > span {color: #323232; font-size: 1.125rem !important;} /* 메인 고객 만족 평가 */ .main_cus_satft_eval_form_wrap {margin-top: -2.5rem; margin-bottom: 1.5rem;} .main_cus_satft_eval_form {background-image: url("/common/css/images/cus_satft_eval_img.png"); width: 100%; height: 130px; position: relative; box-shadow: 3px 3px 3px rgba(0,0,0,0.2);} .main_cus_satft_eval_form > .main_cus_satft_eval_cont {width: 65%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .main_cus_satft_eval_form > .main_cus_satft_eval_cont > p {font-size: 1.5rem; font-weight: 300;} .main_cus_satft_eval_star_point {color: #ddd;} .main_cus_satft_eval_star_point_checked {position: absolute; top: 0; left: 0; color: #ffbc00; width: 100%; overflow: hidden; white-space: nowrap;} .main_cus_satft_eval_btn {border-radius: 2rem; padding: 0.375rem 1.25rem; background-color: #8a8a8a; color: #fff;} .main_cus_satft_eval_btn_wrap {position: absolute; top: 50%; right: 0; transform: translate(50%, -50%);} .keep_mngt_apl_fn {margin: 2rem auto 0; width: 65%;} .make_qust_apl_fn {margin: 2rem auto 0; width: 45%;} .keep_mngt_apl_fn .card > .card-body, .make_qust_apl_fn .card > .card-body {background-color: #fff;} .keep_mngt_apl_fn .card > .card-body > h4 + p, .make_qust_apl_fn .card > .card-body > h4 + div {margin-top: 2rem;} .COMMON_MAIN_LEFT_BANNER_WRAP {width: 1250px; margin: 0 auto;} .COMMON_MAIN_LEFT_BANNER {position: absolute; z-index: 10; top: 890px; margin-left: -270px; box-shadow: 0 0 3px rgba(0,0,0,20%);} .COMMON_MAIN_LEFT_BANNER_IMG {width: 160px; height: 600px; background-size: contain; background-repeat: no-repeat;} @media (max-width: 1800px) { .COMMON_MAIN_LEFT_BANNER_WRAP {display: none;} } .login_type > div {width: 100px; margin: 0 auto; text-align: left;} .login_type > div > span {vertical-align: sub; margin-left: 0.25rem;} /* 배송지 검색 팝업 */ .divy_plac_srch_popup {position: fixed !important; top: 20% !important;} .cmn_srch_addr_item_wrap .cmn_srch_addr_item {border-top: 1px solid #dbdbdb;} .cmn_srch_addr_item_wrap .cmn_srch_addr_item:hover > div > .text-secondary {background-color: #318989; color: white !important; cursor: pointer;} .cmn_srch_addr_item_wrap .cmn_srch_addr_item:hover > div > span span.text-primary {color: #ff885f !important;} .cmn_srch_addr_item_wrap .cmn_srch_lst_wrap {overflow-y: scroll; height: 250px;} .cmn_srch_addr_item_wrap .cmn_srch_addr_item:hover {background-color: #318989;color: white !important;cursor: pointer;} /* 22.11.29 다플 요청사항 */ .divy_tm_det_guid_btn_wrap {position: relative;} .divy_tm_det_guid_btn_wrap ul > li, .divy_tm_det_guid_btn_wrap ul > li span {font-size: 1rem;} .divy_tm_det_guid_btn_wrap li > strong {vertical-align: 2px;} .divy_tm_det_guid_btn_wrap .divy_tm_det_guid_btn {font-size: 0.8rem; padding: 0.125rem 0.625rem; margin-top: -0.125rem; margin-left: 0.5rem;} .divy_tm_det_guid_btn_wrap .card {position: absolute; top: 30px; box-shadow: 4px 5px 20px 2px rgb(0 0 0 / 12%); z-index: 1;} .divy_tm_det_guid_btn_wrap .divy_tm_det_guid_close_btn {position: absolute; top: 0; right: 9px; font-size: 1.25rem; color: #999; padding: 0.25rem;} .divy_tm_det_guid_btn_wrap .card > .card-body {position: relative;} .cmn_srch_addr_item_wrap .cmn_srch_lst_wrap {overflow-y: scroll; height: 250px;} .cmn_srch_addr_item_wrap .cmn_srch_addr_item:hover {background-color: #318989;color: white !important;cursor: pointer;} /* 23.02.21 [개인 정보 수집 동의 폼] */ #pinfoAgrFormWrap .pinfo_agr_form dl, #pinfoAgrFormWrap .pinfo_agr_form ul {margin-bottom: 0; padding-left: 0;} #pinfoAgrFormWrap .pinfo_agr_form ul > li {list-style: none;} #pinfoAgrFormWrap .pinfo_agr_form > dl {margin-bottom: 2rem;} #pinfoAgrFormWrap .pinfo_agr_form > dl > dt {font-size: 1.125rem;} #pinfoAgrFormWrap .pinfo_agr_form > dl > dd {margin-top: 0.5rem;} #pinfoAgrFormWrap .pinfo_agr_text_form {padding: 1rem 2rem; max-height: 200px; overflow-y: auto; border: 1px solid #dcdcdc; color: #404044;} #pinfoAgrFormWrap .pinfo_agr_text_form > p, #pinfoAgrFormWrap .pinfo_agr_text_form > ul > li {margin-bottom: 0.25rem;} #pinfoAgrFormWrap .pinfo_agr_text_form > ul > li > dl > dt {font-weight: 500;} #pinfoAgrFormWrap .pinfo_agr_btn_wrap {margin-top: 1.5rem;} #pinfoAgrFormWrap .pinfo_agr_btn_wrap > ul {text-align: center;} #pinfoAgrFormWrap .pinfo_agr_btn_wrap > ul > li {display: inline-block; padding: 0rem 0.5rem;} #pinfoAgrFormWrap .pinfo_agr_btn_wrap > ul > li > label {cursor: pointer;} #pinfoAgrFormWrap .pinfo_agr_btn_wrap > ul > li > label > input {display: inline-block; width: 20px; height: 20px; margin-right: 0.25rem; cursor: pointer; vertical-align: middle;} #pinfoAgrFormWrap .pinfo_agr_btn_wrap > ul > li > label > span {font-size: 1.125rem; display: inline-block; vertical-align: middle;} /* 사용자 리뷰 */ .usr_rvw_form_top_wrap .card-body {padding: 1.25rem 2rem; border-radius: 0;} .usr_rvw_form_top_wrap .card-body dl {margin-bottom: 0;} .usr_rvw_form_top_wrap .card-body > ul > li:last-child {padding-left: 3rem;} .usr_rvw_form_top_wrap .card-body > ul > li > dl {text-align: center; border-right: 2px solid #ddd;} .usr_rvw_form_top_wrap .card-body > ul > li > dl > dd {margin-top: 0.5rem;} .usr_rvw_form_top_wrap .card-body > ul > li > dl > dd i {font-size: 1.75rem;} .usr_rvw_point_wrap > li {padding: 0 0.5rem;} .usr_rvw_point_wrap > li > dl > dt {position: relative; height: 80px;} .usr_rvw_point_wrap > li > dl > dt > div:not(.usr_rvw_cnt) {width: 6px; border-radius: 2rem; margin: 0 auto; left: 50%; transform: translateX(-50%);} .usr_rvw_point_wrap > li > dl > dd {font-size: 0.8rem; color: #8C8C8C;} .usr_rvw_bst_point {position: absolute; background-color: #e6e6e6; height: 80px;} .usr_rvw_point {position: absolute; background-color: #e6e6e6; height: 80px;} .usr_rvw_point_checked {position: absolute; background-color: #09c7c7; height: 0px; bottom: 0;} .usr_rvw_bst_point_checked {position: absolute; background-color: #09c7c7; height: 0px; bottom: 0;} .usr_rvw_form_main_menu {margin-top: 3rem;} .usr_rvw_form_main_menu > li > a {font-size: 1.125rem; font-weight: 300; color: #000;} .usr_rvw_form_main_menu > li.active > a {font-weight: 500; color: #09C7C7;} .usr_rvw_form_main_menu > li:not(:first-child):before {content: "·"; display: inline-block; margin-right: 0.5rem;} .usr_rvw_form_main_card_wrap {border-top: 1px solid #000; margin-top: 0.5rem; padding-top: 1rem;} .usr_rvw_form_main_card_wrap > ul {margin-left: -0.5rem; margin-right: -0.5rem;} .usr_rvw_form_main_card_wrap > ul > li {padding: 0.5rem;} .usr_rvw_form_main_card_wrap > ul > li > .card:hover {transform: translateY(-5px); transition: all .3s ease; box-shadow: 1px 2px 5px rgba(0,0,0,0.35);} .usr_rvw_form_main_card_wrap > ul > li a:hover {opacity: 1;} .usr_rvw_form_main_card_wrap .card {border-radius: 1.25rem; box-shadow: 0px 0px 5px rgba(86, 86, 86, 0.35);} .usr_rvw_form_main_card_wrap .card-body {background-color: transparent; padding: 0.75rem 0.75rem 1.25rem 1.25rem;} .usr_rvw_form_main_card_star {color: #ffbc00; font-size: 1.25rem;} .usr_rvw_form_main_card_cus_info > li:first-child {padding-right: 0.5rem;} .usr_rvw_form_main_card_cus_info > li:first-child:after {content: ""; display: inline-block; width: 1px; height: 12px; background-color: #ddd; margin-left: 1rem;} .usr_rvw_form_main_card_cus_info > li:last-child {font-weight: 300; padding-left: 0.5rem;} .usr_rvw_form_top_left_form {width: 200px;} .usr_rvw_form_main_card_img {width: 70px; height: 70px; border: 1px solid #dee2e6; border-radius: 0.5rem; background-position: center; background-size: 100% 100%; transition: all 0.2s ease-in-out;} .usr_rvw_form_main_card_img:hover {background-size: 150% 150%;} .usr_rvw_form_main_top_wrap > ul {display: inline-block;} .usr_rvw_form_main_top_wrap > p {display: inline-block; margin-left: 0.5rem; vertical-align: sub; line-height: 26px; font-size: 0.9rem; color: #6c757d;} .usr_rvw_cnt {position: absolute; white-space: nowrap; background-color: #fff; padding: 0rem 0.25rem; box-shadow: 0px 0px 3px rgba(0,0,0,0.35); display: none; left: 1.125rem; z-index: 10;} .usr_rvw_point, .usr_rvw_point_checked {cursor: pointer;} .usr_rvw_point:hover ~ .usr_rvw_cnt, .usr_rvw_point_checked:hover + .usr_rvw_cnt {display: block;} .dafl_usr_rvw_rply_form {margin: 1rem 0.5rem 0rem 0rem; background-color: #ededed; padding: 0.75rem; border-radius: 0.25rem; color: #333;} .dafl_usr_rvw_rply_form > ul > li:first-child {width: 1.5rem;} .dafl_usr_rvw_rply_form > ul > li > dl {margin-bottom: 0;} /* 표준 보상안 */ .std_cpst_lst dl {margin-bottom: 0;} .std_cpst_lst > ul > li > dl {padding: 1rem;} .std_cpst_lst > ul > li > dl > dd {background-color: #fff; padding: 1rem; border-radius: 0.5rem; margin-top: 1rem;} .curr_login{top: 60px; position: absolute; left: 50%; transform: translateX(-50%);} /* 배송 신청 다이얼로그 */ .divy_recv_optn_info_popup {position: fixed !important; top: 6.5rem !important; z-index: 10002;} .divy_recv_optn_info {padding: 2rem 1rem !important; font-family: "Noto Sans KR", sans-serif;} .divy_recv_optn_info a {display: block;} .divy_recv_optn_info a:hover, .divy_recv_optn_info a:focus {opacity: 1;} .divy_recv_optn_info .card {border-radius: 1rem; overflow: hidden; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);} .divy_recv_optn_info .card:hover {box-shadow: 0px 2px 3px 2px rgba(0,0,0,0.2); transform: translateY(-5px); transition: all 0.25s;} .divy_recv_optn_info .card > .card-body {padding: 1rem 2.5rem;} .divy_recv_optn_info ul > li:not(:first-child) {margin-top: 1rem;} .divy_recv_optn_info .divy_recv_optn_item {display: flex; justify-content: flex-start; align-items: center;} .divy_recv_optn_info .divy_recv_optn_item > i {font-size: 2.5rem; color: #39bfbf; width: 50px; font-weight: 500; margin-right: 1rem;} .divy_recv_optn_info .divy_recv_optn_item > dl {margin-bottom: 0;} .divy_recv_optn_info .divy_recv_optn_item > dl > dt {font-size: 1.375rem;} .divy_recv_optn_info .divy_recv_optn_item > dl > dd {font-size: 1.125rem; font-weight: 300; margin-top: 0.25rem;} .login_guid_popup + .ui-dialog-buttonpane .btn {font-weight: 600; line-height: 2;} .login_guid_popup + .ui-dialog-buttonpane .btn {margin: 0.5rem;} /* 메인페이지 최근설치내역 수정 */ .main_instl_photo_lst {margin-left: -0.5rem; margin-right: -0.5rem;} .main_instl_photo_lst > li {width: calc(100% / 12); position: relative; margin-bottom: 1rem; padding-right: 0.5rem; padding-left: 0.5rem;} .main_instl_photo_lst > li > a {padding-bottom: calc(100% - 2px); position: relative; box-shadow: 2px 2px 3px rgba(0,0,0,0.2);} .main_instl_photo_lst > li > a:after {content: ""; width: 100%; height: 100%; position: absolute; backdrop-filter: blur(1px); border-radius: 1rem;} .main_instl_photo_lst > li > a + span.badge {font-size: 0.85rem; padding: 0.375rem 0.5rem; font-weight: 500;} /* 고객소통함 */ .form_surv_wrap ul {margin-top: 0.5rem;} .form_surv_wrap ul > li {display: inline-block;} .form_surv_wrap ul > li:last-child {margin-left: -1px;} .form_surv_wrap ul > li > label {cursor: pointer; display: inline-block; padding: 0.5rem 4rem; border: 1px solid #dedede; background-color: #fff; position: relative;} .form_surv_wrap ul > li > label:hover {border-color: #3366B9; color: #3366B9; z-index: 2;} .form_surv_wrap ul > li:first-child > label {border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .form_surv_wrap ul > li:last-child > label {border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;} .form_surv_wrap ul > li > label > i {position: absolute; font-size: 1.25rem; top: 50%; left: 2.5rem; transform: translate(-50%, -50%); display: none;} .form_surv_wrap ul > li > input:checked + label > i {display: block;} .form_surv_wrap ul > li > input {display: none;} .form_surv_wrap ul > li > input:checked + label {border-color: #3366b9; background-color: #3366b926; color: #3366B9; z-index: 1; font-weight: 600;} .form_surv_wrap .surv_item {margin-top: 0.5rem;} /* 고객소통함 다이얼로그 */ .divy_relat_popup {padding: 1.25rem !important; font-family: "Noto Sans KR", sans-serif;} .divy_relat_popup + .ui-dialog-buttonpane button {min-width: 120px;} /* 배송 조회 */ .dafl_divy_inq_info dl {margin-bottom: 0;} .dafl_divy_sta_words > dl > dt {font-size: 2rem;} .dafl_divy_sta_words > dl > dd {margin-top: 0.5rem; font-size: 1.25rem; font-weight: 500;} .dafl_divy_sta_info {margin-top: 3rem;} .dafl_divy_sta_info > li > span {display: inline-block; width: 150px; background-color: #f2f2f2; text-align: center; padding: 0.75rem 0; border-radius: 0.5rem; font-size: 1.25rem; font-weight: 500; letter-spacing: 0.5px;} .dafl_divy_sta_info > li.active > span {background-color: #09c7c7; color: #fff; font-weight: 700;} .dafl_divy_sta_det_info {margin-top: 1.5rem;} .dafl_divy_sta_det_info > .card {background-color: transparent; border: none; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); border-radius: 0.75rem;} .dafl_divy_sta_det_info > .card > .card-body {background-color: transparent;} .dafl_divy_sta_det_info > .card > .card-body h4 {margin-bottom: 0;} .dafl_divy_sta_det_info > .card > .card-body > ul {margin-top: 1rem;} .dafl_divy_sta_det_info > .card > .card-body > ul > li:not(:first-child) {margin-top: 1rem;} .dafl_divy_sta_det_info > .card > .card-body > ul > li > dl {font-size: 1.125rem;} .dafl_divy_sta_det_info > .card > .card-body > ul > li > dl > dt {font-weight: 500; width: 150px;} .dafl_divy_sta_det_info > .card > .card-body > ul > li > dl > dd > ul > li:not(:first-child) {margin-top: 0.5rem;} .dafl_divy_sta_det_info > .card > .card-body > ul > li > dl > dd span {font-weight: 500;} .dafl_divy_sta_det_info > .card > .card-body > ul > li > dl > dd span > em {margin-left: 0.25rem; color: #333; font-weight: 400;} .dafl_divy_sta_det_info > .card > .card-body > ul > li > dl > dd > ul > li > span > em {color: #959ecb;} .dafl_divy_sta_det_info > .card > .card-body > ul > li > dl > dd > ul.d-table > li:last-child {width: 120px; text-align: right;} .dafl_divy_sta_det_info > .card > .card-body > ul > li > dl > dd > ul.d-table > li:last-child > a {color: #3366b9; font-weight: 500; border-bottom: 1px solid #3366b9;} .dafl_instl_photo_wrap {border-radius: 0.75rem; overflow: hidden;} .dafl_instl_photo_wrap ul > li > a.btn {border-radius: 0;} /* 배송신청하기 */ .dafl_mngt_divy_form span.text-danger {display: none;} .dafl_mngt_divy_form_btn_group > li {display: inline-block;} .dafl_mngt_divy_form_btn_group > li:not(:first-child) {margin-left: -1px;} .dafl_mngt_divy_form_btn_group > li:first-child > a {border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .dafl_mngt_divy_form_btn_group > li:last-child > a {border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;} .dafl_mngt_divy_form_btn_group > li > a {padding: 0.5rem 2rem; display: block; background-color: #e9ecef; font-weight: 300; border: 1px solid #ced4da; position: relative; overflow: hidden; text-align: center;} .dafl_mngt_divy_form_btn_group > li > a:hover {border-color: #000; z-index: 1;} .dafl_mngt_divy_form_btn_group > li > a:hover, .dafl_mngt_divy_form_btn_group > li > a:focus {opacity: 1;} .dafl_mngt_divy_form_btn_group > li > a.active {font-weight: 500; border-color: #000; z-index: 1;} .dafl_mngt_prd_optn > ul > li {padding: 0; display: inline-block; position: relative;} .dafl_mngt_prd_optn > ul > li > label {cursor: pointer; padding: 1rem; width: 250px; display: block; border: 1.5px solid #ced4da; text-align: center; background-color: #fff; font-weight: 300; font-size: 1.25rem; position: relative;} .dafl_mngt_prd_optn > ul > li > label:hover {border-color: #3366B9; color: #3366B9; z-index: 0;} .dafl_mngt_prd_optn > ul > li > div {display: none; width: 0; height: 0; position: absolute; top: 0; right: 0; 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;} .dafl_mngt_prd_optn > ul > li > div > i {color: #fff; position: absolute; top: -17px; right: -17px;} /* .dafl_mngt_prd_optn > ul > li:first-child > label {border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .dafl_mngt_prd_optn > ul > li:last-child > label {border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;} */ .dafl_mngt_prd_optn > ul > li:not(:first-child) {margin-left: 0.75rem;} .dafl_mngt_prd_optn > ul > li > input[type="checkbox"] {display: none;} .dafl_mngt_prd_optn > 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);} .dafl_mngt_prd_optn > ul > li > input[type="checkbox"]:checked ~ div {display: block;} .dafl_mngt_prd_optn_det_form {padding-top: 0.5rem;} .dafl_mngt_prd_optn_det_form > div {margin-top: 1rem;} .dafl_mngt_prd_optn_det_form .card {border: 0;} .dafl_mngt_prd_optn_det_form .card > .card-body {background-color: #f2f2f27f; position: relative;} .dafl_mngt_prd_optn_det_form .card > .card-body > ul > li:first-child {vertical-align: top; width: 100px; text-align: center; padding-right: 1.25rem;} .dafl_mngt_prd_optn_det_form .card > .card-body > ul > li:first-child > a {display: inline-block; padding: 0.5rem;} .dafl_mngt_prd_optn_det_form .card > .card-body > ul > li:first-child i {color: #ff9797; font-size: 2rem; display: inline-block;} .dafl_mngt_prd_optn_det_form .card > .card-body > ul > li > dl > dt {font-size: 1.25rem;} .dafl_mngt_prd_optn_det_form .card > .card-body > ul > li > dl > dd dl > dt {font-weight: 500;} .articl_divy_qt_lst > li {display: inline-block; width: 50%; vertical-align: top;} .articl_divy_qt button {width: 30px; height: 30px; border-radius: 50%; text-align: center; border-width: 1px; background-color: #fff;} .articl_divy_qt button[disabled] {color: #ddd;} .articl_divy_qt input {width: 50px; height: 30px; text-align: right;} /* 고객 신청 공통 폼 */ .dafl_mngt_cus_apl_form {padding: 0.5rem;} .dafl_mngt_cus_apl_form > dt {font-size: 1.75rem; font-weight: 500;} .dafl_mngt_cus_apl_form > dd {margin-top: 1rem;} .dafl_mngt_cus_apl_form > dd > table {border-top-color: #000; border-bottom-color: #c4c4c4;} .dafl_mngt_cus_apl_form > dd > table > tbody > tr > th {font-size: 1.25rem; font-weight: 300;} .dafl_mngt_cus_apl_form > dd > table > tbody > tr > td {text-align: left; padding: 0.5rem 1.5rem;} .dafl_mngt_cus_apl_form > dd > table > tbody > tr > td > div {width: 450px;} .dafl_mngt_cus_apl_form > dd > table > tbody > tr > td > div.input-group {width: 100%;} /* 최근 이용 문구 다이얼로그 */ .dalf_mngt_ltst_use_words_lst {margin-top: 1.5rem;} .dalf_mngt_ltst_use_words_lst > li:not(:first-child) {margin-top: 0.75rem;} .dalf_mngt_ltst_use_words_lst > li {padding: 1.25rem 1rem; border-radius: 0.75rem; border: 1px solid #c7c7c7; cursor: pointer;} .dalf_mngt_ltst_use_words_lst > li:hover {box-shadow: 0px 0px 5px rgba(0,0,0,0.35);} .dalf_mngt_ltst_use_words_lst dl {margin-bottom: 0;} .fl_ribbon_sample_dialog {padding: 1.5rem !important;} /* 깃발 상세 */ ul > li.dafl_mngt_flag_det_lst:nth-child(2n - 1) {padding-right: 0.5rem;} ul > li.dafl_mngt_flag_det_lst:nth-child(2n) {padding-left: 0.5rem;} .dafl_mngt_flag_det_lst {display: inline-block; width: 50%;} .dafl_mngt_flag_det_lst label {display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer;} /* 화환 상세 */ .img_layout_wrap {max-height: 80vh !important;} .dafl_mngt_wrth_det_form {background-color: #fff;} .cdlcSrvSttlAmtLstWrap {border: 1px solid #ced4da; padding: 0.75rem;} .cdlcSrvSttlAmtLstWrap .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;} .cdlcSrvSttlAmtLstWrap > .ui-checkboxradio-label:not(:nth-child(5n)) {margin-right: 0.75rem;} .cdlcSrvSttlAmtLstWrap > .ui-checkboxradio-label:nth-child(n+16) {margin-bottom: 0;} .cdlcSrvSttlAmtLstWrap > .ui-checkboxradio-label:nth-child(5n) {margin-right: -1px;} .cdlcSrvSttlAmtLstWrap > .ui-checkboxradio-label:not(:nth-child(5n+1)) {margin-left: -1px;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-label:hover {border: 1px solid #3366b9; z-index: 2; opacity: 1;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-label .orig_pr {font-size: 0.9rem; font-weight: 300;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-label .img_resize_btn {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);} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-label .img_resize_btn:hover {color: #000 !important; opacity: 1; background-color: #f6f6f6;} .cdlcSrvSttlAmtLstWrap .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;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-label:hover .ui-icon-background {background-size: 150% 150%; filter: brightness(1.05);} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked {background-color: #3366b919; border-color: #3366b9; z-index: 2; box-shadow: inherit; color: #000; border-width: 3px;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked > dl > dt {padding-top: 0;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon-background {border: 0 !important; filter: brightness(1.1);} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon-background, .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon-background {width: 100%; padding-bottom: 100%; border: 1px solid #DDD;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked dl > dt {font-weight: 700 !important;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked .orig_pr {color: #000;} .cdlcSrvSttlAmtLstWrap .orig_pr {text-decoration:line-through;} /* 배송설치요청 깃발검색 */ .divy_instl_req_step1_list .bst_logo {padding: 0.5rem 1.25rem; font-size: 1.25rem;} .divy_instl_req_step1_list .dafl-flag-item .dafl-flag-item-image {padding-bottom: 133.33%; height: 0;} .divy_instl_req_step1_list .dafl-flag-item:hover, .divy_instl_req_step1_list .dafl-flag-item:focus {border: 1px solid #DDD; opacity: 1;} .divy_instl_req_step1_list .dafl-flag-item:hover::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #3366b9; z-index: 10;} .divy_instl_req_step1_list .dafl-flag-item h4 {overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap;} /* 액자화환 소개 */ .dafl_cont_intro_top_badge {background-color: #ffa555; padding: 0.5rem 1rem; display: inline-block;} .dafl_cont_intro_top_badge > em {border-left: 5px solid #fff; padding-left: 0.625rem; color: #fff;} .frame_wrth_info dl {margin-bottom: 0;} .frame_wrth_info table {border-top-color: #000;} .frame_wrth_intro_top_bg {background-image: url("/common/css/images/frame_wrth/dafl_frame_wrth_intro_top_bg.jpg"); width: 100%; height: 0; padding-bottom: 37.5%; background-size: cover; position: relative;} .frame_wrth_intro_top_bg > img {position: absolute; top: 50%; right: 3rem; transform: translateY(-50%); width: 320px;} .frame_wrth_intro_top_cont {position: absolute; top: 50%; left: 3rem; transform: translateY(-50%); width: 60%;} .frame_wrth_intro_top_cont dl > dt {font-size: 1.875rem;} .frame_wrth_intro_top_cont dl > dd {margin-top: 1.75rem;} .frame_wrth_intro_top_cont dl > dd > ul > li:first-child {font-size: 1.25rem; font-weight: bold;} .frame_wrth_intro_top_cont dl > dd > ul > li:not(:first-child) {margin-top: 1.75rem;} .frame_wrth_title {font-size: 1.5rem; font-weight: bold; margin-top: 5rem;} .frame_wrth_intro_main_img {margin-top: 1.25rem;} .frame_wrth_intro_main_img .col-4 dl {width: 90%;} .frame_wrth_intro_main_img img {width: 100%; margin-top: 1rem;} .frame_wrth_intro_main_info {margin-top: 3rem;} .frame_wrth_intro_main_info_lst > li:not(:first-child) {margin-top: 1rem;} .frame_wrth_intro_main_info_lst > li > dl > dt {font-weight: 400} .frame_wrth_intro_main_info_lst > li > dl > dd {margin-top: 0.25rem; color: #6c757d; font-size: 0.9rem;} .frame_wrth_use_ex_form_wrap {margin-top: 1rem;} .frame_wrth_use_ex_form_wrap > ul > li > dl > dt {font-weight: 500; font-size: 1.25rem;} .frame_wrth_use_ex_form_wrap > ul > li > dl > dd {margin-top: 0.75rem;} .frame_wrth_use_ex_form_wrap img {object-fit: contain;} .frame_wrth_use_eplg .row {margin-top: 1.25rem;} .frame_wrth_recv_guid_lst > li:not(:first-child) {margin-top: 3rem;} /* 작품 사진 목록 */ /* .prdt_photo_det_lst {display: grid; grid-template-columns: repeat(3, 1fr);} */ .prdt_photo_det_lst > li {display: inline-block; width: calc(100% / 3); padding: 0.625rem; vertical-align: top;} .prdt_photo_det_lst > li:nth-child(n+4) {margin-top: 1.25rem;} .prdt_photo_det_lst > li > a:focus {opacity: 1;} .prdt_photo_det_lst > li > a:hover {filter: brightness(1.1);} .prdt_photo_det_lst > li > div {margin-top: 0.25rem;} /* .prdt_photo_list .img_wrap {width: 100%; height: 0; padding-bottom: 56.25%; position: relative;} .prdt_photo_list .img_lg .img_wrap {padding-bottom: 134%;} */ /* .prdt_photo_det_lst > li > p {margin-top: 0.625rem; font-weight: 500; height: 3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%;} */ /* 앱 다운로드 안내 */ .dafl_app_dl_guid_form_wrap {padding-top: 4.5rem; padding-bottom: 4.5rem; color: #000;} .dafl_app_dl_guid_form_logo > img {width: 200px;} .dafl_app_dl_guid_form_title {margin-top: 1.25rem;} .dafl_app_dl_guid_form_title p {font-size: 1.5rem;} .dafl_app_dl_guid_form_title strong {font-size: 2rem;} .dafl_app_dl_guid_form_title p + p {margin-top: 0.25rem;} .dafl_app_dl_guid_form_cont {margin-top: 3.5rem;} .dafl_app_dl_guid_form_cont dl {margin-bottom: 0;} .dafl_app_dl_guid_form_cont dl > dd {font-size: 1.25rem; margin-top: 0.75rem;} .dafl_app_dl_guid_form_wrap .container {position: relative;} .dafl_app_dl_guid_form_wrap .container > img {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 400px;} .dafl_app_dl_guid_form_btn_lst {margin-top: 1rem;} .dafl_app_dl_guid_form_wrap .dafl_app_dl_guid_form_btn_lst > ul {margin-left: -0.625rem;} .dafl_app_dl_guid_form_wrap .dafl_app_dl_guid_form_btn_lst > ul > li {padding-left: 0.625rem; padding-right: 0.625rem;} .dafl_app_intro_page_mv_btn {background-color: #fff; display: flex; justify-content: center; align-items: center; width: 200px; color: #000; text-align: center; padding-top: 0.375rem; padding-bottom: 0.375rem; border: 1px solid #A6A6A6; border-radius: 0.5rem; box-shadow: 0px 0px 4px rgba(0,0,0,0.35); transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;} .dafl_app_intro_page_mv_btn:hover {background-color: #000; color: #fff;} .dafl_app_intro_page_mv_btn > i {font-size: 2.5rem;} .dafl_app_intro_page_mv_btn > span {font-weight: bold; margin-left: 0.5rem;} .dafl_app_dl_btn {display: block;} .dafl_app_dl_btn > img {height: 62px; margin: 0 auto;} .dafl_app_dl_guid_qr_code_form {margin-top: 1rem;} .dafl_app_dl_guid_qr_code_form dl {text-align: center;} .dafl_app_dl_guid_qr_code_form dl > dt {margin-top: 0.5rem; text-align: center; font-size: 1.125rem;} .dafl_app_dl_guid_qr_code_form img {width: 10rem;} /* 다퀵 버튼 추가 */ .dafl_top_header .daquick_hp_mv_btn {padding-top: 0.125rem; padding-bottom: 0.125rem; width: 110px; border-radius: 0.25rem; background-color: #EB5F3B; display: flex; justify-content: center; align-items: center; color: #fff; text-align: center; border: 1px solid #EB5F3B; border-radius: 0.25rem; box-shadow: 0px 0px 4px rgba(0,0,0,0.35); transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;} .dafl_top_header .daquick_hp_mv_btn:hover {opacity: 1; filter: brightness(1.25);} .dafl_top_header .daquick_hp_mv_btn > i {font-size: 1rem;} .dafl_top_header .daquick_hp_mv_btn > p {margin-left: 0.375rem; line-height: 1.2; font-weight: 400; font-size: 11px; margin-right: 0.5rem;} .dafl_top_header .dafl_app_dl_guid_form_btn_lst {margin-top: 0;} .dafl_top_header .dafl_app_dl_btn > img {height: 31.6px;} .dafl_top_header .dafl_app_intro_page_mv_btn {font-size: 10px; font-weight: 500; padding-top: 0.125rem; padding-bottom: 0.125rem; width: 100px; border-radius: 0.25rem;} .dafl_top_header .dafl_app_intro_page_mv_btn:hover {background-color: #000; color: #fff;} .dafl_top_header .dafl_app_intro_page_mv_btn > i {font-size: 1.25rem;} .dafl_top_header .dafl_app_intro_page_mv_btn > span {line-height: 1.3; margin-left: 0.375rem;} .app_dl_guid_info .dafl_app_dl_guid_form_wrap {position: relative; padding-left: 2.5rem; padding-right: 2.5rem;} .app_dl_guid_info .dafl_app_dl_guid_form_wrap > img {position: absolute; top: 40%; right: 1.5rem; transform: translateY(-50%); width: 250px;} .app_dl_guid_info .dafl_app_dl_guid_form_title p {font-size: 1.25rem;} .app_dl_guid_info .dafl_app_dl_guid_form_title strong {font-size: 1.5rem;} .app_dl_guid_info .dafl_app_dl_guid_form_cont dl > dt {font-size: 1.25rem !important;} .app_dl_guid_info .dafl_app_dl_guid_form_cont dl > dd {font-size: 1rem; margin-top: 0.5rem;} .dafl_app_dl_guid_det_info_wrap {margin-top: 5rem} .dafl_app_dl_guid_det_info_wrap > dl > dt {font-size: 2rem; text-align: center;} .dafl_app_dl_guid_det_info_wrap > dl > dd {margin-top: 4rem;} .dafl_app_dl_guid_det_info > li {width: 50%; position: relative; vertical-align: top;} .dafl_app_dl_guid_det_info > li > img {width: 45%; position: relative; z-index: 1; display: inline-block;} .dafl_app_dl_guid_det_info > li > .card {display: inline-block; position: absolute;} .dafl_app_dl_guid_det_info > li > .card > .card-body {font-weight: bold; font-size: 1.125rem; line-height: 2.25rem; white-space: nowrap;} .dafl_app_dl_guid_det_info > li:first-child > .card {top: 10%; left: 35%;} .dafl_app_dl_guid_det_info > li:first-child > .card > .card-body {background-color: #E3F7FF; border: 2px solid #BDECFF; border-radius: 0.75rem; padding: 1.25rem 2.5rem 1.25rem 5rem;} .dafl_app_dl_guid_det_info > li:last-child {margin-top: 6rem; text-align: right;} .dafl_app_dl_guid_det_info > li:last-child > .card {bottom: 10%; right: 35%;} .dafl_app_dl_guid_det_info > li:last-child > .card > .card-body {background-color: #3366B9; border: 2px solid #2B5290; border-radius: 0.75rem; color: #fff; padding: 1.25rem 5rem 1.25rem 2.5rem;} .dafl_app_dl_guid_det_info + .dafl_app_dl_guid_det_info {margin-top: 6rem;} @media (min-width: 1425px) { .app_dl_guid_info .dafl_app_dl_guid_form_wrap > img {width: 300px; right: 2.5rem; top: 50%;} } /** 액자화환 */ .divyFrameWrthLst > li{display: block;margin-bottom: 1rem;} .divyFrameWrthLst > li > dl{border:1px solid #DDD;padding: 0.5rem;border-radius: 0.25rem;margin: 0px;} .divyFrameWrthLst > li > dl >dt, .divyFrameWrthLst > li > dl >dd{display: block;line-height: inherit; padding: 0.5rem; vertical-align: middle;} .divyFrameWrthLst > li > dl >dt>em{border:3px solid #0dc7c7;padding: 1px 10px; color: #0dc7c7; margin-right: 0.5rem;vertical-align: middle;} .divyFrameWrthLst > li > dl >dt>span{font-size: 1.8rem;vertical-align: middle;} .divyFrameWrthLst .divyFrameWrthImgWrap{background: #EEE;padding: 1rem;border:1px solid #EEE; border-radius: 0.25rem;} .divyFrameWrthLst .divyFrameWrthImgWrap > img{border-radius: 0.25rem;width: 100%;} .divyFrameWrthLst .divyFrameWrthImgWrap > p{margin-top: 0.5rem;font-weight: bold; font-size: 0.9rem;} .divyFrameWrthLst .divyFrameWrthImgList {margin-top: 1rem;} .divyFrameWrthLst .divyFrameWrthImgList img{border-radius: 0.25rem;width: 100%;} /** 친환경상품 */ .dntPrdLst > li{width: 50%; float: left;padding: 0.5rem;} .dntPrdLst > li:after{content: "";clear: both;display: block} .dntPrdLst > li > dl >dt, .dntPrdLst > li > dl >dd{display: block;line-height: inherit; padding: 0.5rem;vertical-align: middle;} .dntPrdLst > li > dl >dt h5 em{border:3px solid #0dc7c7;padding: 1px 10px; color: #0dc7c7; margin-right: 0.5rem;vertical-align: middle;} .dntPrdLst > li > dl >dt h5 span{font-size: 1.8rem;vertical-align: middle;} .dntPrdLst > li .no-image{background-color: #EEE;height: 220px;display: block;padding: calc( 50% - 48px ) 0;text-align: center;border:1px solid #DDD;} /* 배송상태 - 액자화환 */ .frame_wrth_top_img {width: 55%; margin: 0 auto; border-radius: 0.5rem; box-shadow: 0px 0px 5px 3px rgba(0,0,0,9%); overflow: hidden;} .frame_wrth_body_img_wrap {width: 50%; margin: 0 auto; position: relative;} .frame_wrth_body_img_wrap .frame_wrth_frame_img {width: 100%; position: relative;} .frame_wrth_body_img_wrap .frame_wrth_det_img {width: 70%; position: absolute; top: 2rem; left: 50%; transform: translateX(-50%);} /* 배송설치요청 - 신청방법 선택 */ .divy_frame_wrth_optn_form_wrap {width: 80%; margin: 0 auto;} .divy_frame_wrth_optn_form_wrap .card {width: 80%; margin: 0 auto; position: relative; box-shadow: 3px 3px 4px rgba(0,0,0,0.35);} .divy_frame_wrth_optn_form_wrap .card > img {width: 60px; position: absolute; top: 0; left: 0; transform: translate(-50%, -30%);} .divy_frame_wrth_optn_form_wrap .card > .card-body {display: table; table-layout: fixed; width: 100%; padding: 1.5rem 2rem;} .divy_frame_wrth_optn_form_wrap .card > .card-body > * {display: table-cell; vertical-align: top;} .divy_frame_wrth_optn_form_wrap .card > .card-body .divyFrameWrthImgWrap {border: 5px solid #fff; padding: 0.75rem;} .divy_frame_wrth_optn_form_wrap .card > .card-body .divyFrameWrthImgWrap p {word-break: keep-all; font-size: 0.8rem;} .divy_frame_wrth_optn_form_wrap .card > .card-body > div:first-child {width: 151px;} .divy_frame_wrth_optn_form_wrap .card > .card-body > div:last-child {padding-left: 2rem;} .divy_frame_wrth_optn_form_wrap .card > .card-body > div:last-child p {font-size: 1.25rem; margin-top: 1.5rem; font-weight: 500;} .divy_frame_wrth_optn_form_wrap .card > .card-body > div:last-child dl {margin-top: 0.5rem; margin-bottom: 0;} .divy_frame_wrth_optn_form_wrap .card > .card-body > div:last-child dl > dt {font-size: 1.375rem;} .divy_frame_wrth_optn_form_wrap .card > .card-body > div:last-child dl > dd {font-size: 1.25rem; margin-top: 0.5rem;} .divy_frame_wrth_optn_form_wrap > p {font-size: 2rem; text-align: center; font-weight: bold; margin-top: 4rem; margin-bottom: 5rem;} /* 개인정보처리방침 */ .pinfo_clct_util_agr_info_lst, .pinfo_clct_util_agr_info_lst ul, .pinfo_clct_util_agr_info_lst dl {margin-bottom: 0; padding-left: 0;} .pinfo_clct_util_agr_info_lst > *, .pinfo_clct_util_agr_info_lst ul > * {list-style: none;} .pinfo_clct_util_agr_info_lst > li {margin-top: 3rem;} .pinfo_clct_util_agr_info_lst > li > dl > dt {font-size: 1.375rem;} .pinfo_clct_util_agr_info_lst > li > dl > dd {margin-top: 1.5rem;} .pinfo_clct_util_agr_info_lst > li > ul > li {margin-top: 1.25rem;} .pinfo_clct_util_agr_info_lst > li > ul > li > dl > dt {font-size: 1.125rem; font-weight: 500;} .pinfo_clct_util_agr_info_lst > li > ul > li dl > dt {font-weight: 500;} .pinfo_clct_util_agr_info_lst > li > ul > li > dl > dd {margin-top: 0.75rem;} .pinfo_clct_util_agr_info_lst table {table-layout: fixed;} .pinfo_clct_util_agr_info_lst table > tbody > tr > th, .pinfo_clct_util_agr_info_lst table > tbody > tr > td {border-color: #ced4da; text-align: center; vertical-align: middle; font-size: 1rem; padding: 0.5rem; word-break: break-all;} .pinfo_clct_util_agr_info_lst table > tbody > tr > td ul > li:not(:first-child) {margin-top: 0.5rem;} .pinfo_agr_text_form .pinfo_clct_util_agr_info_lst > li {margin-top: 1.5rem;} .pinfo_agr_text_form .pinfo_clct_util_agr_info_lst > li > dl > dt {font-size: 1.125rem;} .pinfo_agr_text_form .pinfo_clct_util_agr_info_lst table {border-top-color: #000;} #JS-okflagDeliveryUsrReqBasAgreeForm .pinfo_agr_text_form {max-height: 500px; overflow-y: scroll;} /* 개인정보처리방침 개정 내용 팝업 */ .pinfo_proc_meth_info_fixed_form {position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: calc(100% - 2rem) !important; max-width: 800px !important;} .pinfo_proc_meth_info_fixed_form .ui-dialog-content {max-height: 80vh !important; overflow-y: scroll;} .pinfo_proc_meth_info_fixed_form table {width: 100%; table-layout: fixed;} .pinfo_proc_meth_info_fixed_form table > thead > tr > th {border-bottom-width: 1px;} .pinfo_proc_meth_info_fixed_form table > tbody > tr > td {font-size: 0.9rem; word-break: break-all; text-align: left; vertical-align: top;} .pinfo_proc_meth_info_fixed_form table table > tbody > tr > td {vertical-align: middle;} .pinfo_proc_meth_info_fixed_form dl > dd dl > dt {font-weight: 400;} /* 친환경 기부상품 상품소개 */ .dnt_prd_info > ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;} .dnt_prd_info > ul > li {width: 100%; padding: 0;} .dnt_prd_info > ul > li:after {display: none; } .dnt_prd_info .card {border: 1px solid #ccc !important; width: 100%; height: 100%; border-radius: 0.5rem; box-shadow: 1px 1px 3px rgba(0,0,0,0.15);} .dnt_prd_info .card > .card-body {position: relative; background-color: transparent; padding: 1.5rem 2rem;} .dnt_prd_info .card > .card-body dl {margin-bottom: 0;} .dnt_prd_info .dnt_prd_lst_num {position: absolute; top: -1px; left: -1px; display: inline-block; width: 4rem; height: 4rem; border: 2px solid #3366b9; color: #3366b9; background-color: #fff; font-size: 1.5rem; border-bottom-right-radius: 100px;} .dnt_prd_info .dnt_prd_lst_num > span {position: absolute; top: 40%; left: 40%; transform: translate(-50%, -50%);} .dnt_prd_info .dnt_prd_lst_info {width: 60%;} .dnt_prd_info .dnt_prd_lst_cont {margin-top: 2.5rem;} .dnt_prd_info .dnt_prd_lst_cont > dl > dt {font-size: 1.75rem;} .dnt_prd_info .dnt_prd_lst_cont > dl > dd {margin-top: 0.5rem; font-size: 1rem; color: #6c757d; line-height: 1.5rem; word-break: keep-all;} .dnt_prd_info .dnt_prd_lst_cont a.btn {width: 80%;} .dnt_prd_info .dnt_prd_lst_cont a.btn:hover {opacity: 1; filter: brightness(1.25); background-color: #3366b9 !important; border-color: #3366b9 !important;} .dnt_prd_info .dnt_prd_lst_info_pric {margin-bottom: 0.5rem;} .dnt_prd_info .dnt_prd_lst_info_pric > span {font-weight: bold; font-size: 1.125rem; color: #000;} .dnt_prd_info .dnt_prd_lst_info_pric > span:nth-child(1) {text-decoration: line-through;} .dnt_prd_info .dnt_prd_lst_info_pric > span:nth-child(2) {margin-left: 0.375rem; margin-right: 0.375rem;} .dnt_prd_info .dnt_prd_lst_info_pric > span:nth-child(3) {color: #dc3545; font-size: 1.25rem;} .dnt_prd_info .dnt_prd_lst_info_pric > span:nth-child(3) > em {font-size: 1rem; margin-left: 0.25rem; display: inline-block; vertical-align: top;} .dnt_prd_info .dnt_prd_lst_info_pric > span:last-of-type {text-decoration: none; font-size: 1.25rem;} .dnt_prd_info .dnt_prd_lst_info_pric > a {display: inline-block; vertical-align: top;} .dnt_prd_lst_img_wrap {position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); width: 35%; display: block; text-align: center;} .dnt_prd_lst_img_wrap:hover, .dnt_prd_lst_img_wrap:focus {opacity: 1;} .dnt_prd_lst_img_wrap:hover:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #00000099;} .dnt_prd_lst_img_wrap:hover:after {content: "클릭 시 확대보기"; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;} .dnt_prd_lst_img_wrap img {max-height: 250px; object-fit: contain;} .dnt_prd_info .card:hover {border-color: #3366b9 !important; background-color: #3366b91a; transition: all 0.15s ease-in-out; box-shadow: 3px 3px 4px rgba(0,0,0,0.35);} .dnt_prd_info .card:hover .dnt_prd_lst_num {background-color: #3366b9; color: #fff; transition: all 0.15s ease-in-out;} /* 가격안내 수정사항 */ .divy_fee_chart_title {font-size: 1.25rem; font-weight: bold; margin-top: 1rem; margin-bottom: 0.5rem;} /* 배송설치요청 */ .addn_ty_lst_preview {display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; gap: 1rem;} .addn_ty_lst_preview > li {position: relative; text-align: center; min-width: 5rem;} .addn_ty_lst_preview > li > i {display: block; width: 3rem; height: 3rem; overflow: hidden; background-size: cover; background-repeat: no-repeat; border-radius: 50%; margin: 0 auto;} .addn_ty_lst_preview > li > span {color: #000; font-weight: 500; font-size: 0.85rem;} .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;} .addn_ty_lst_preview > li > em > i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* 경조 깃발 소개 */ .cdlc_flg_intro_info_img_wrap {width: 100%; max-width: 860px; margin: 0 auto; position: relative;} .cdlc_flg_intro_info_img_wrap > a.btn {position: absolute; bottom: 4rem; left: 50%; transform: translateX(-50%); border-radius: 3rem !important; width: 300px; max-width: 100%;} .JS-addnTyLstButtonSetWrap > ul{width: 100%;display: block;} .JS-addnTyLstButtonSetWrap > ul > li{float:left;padding: 5px;width: 20%;} .JS-addnTyLstButtonSetWrap > ul > li > label{background: none;border:1px solid #DDD;position: relative;display: block; font-weight: 500; font-family: "Noto Sans KR", sans-serif;} .JS-addnTyLstButtonSetWrap > ul > li > label > .ui-icon-background{display: block;width: 100%;height: 150px;background-size: 100% 100%;background-position: center center;background-size: 100% auto;box-shadow:none;background-repeat: no-repeat;} .JS-addnTyLstButtonSetWrap > ul > li > label:hover, .JS-addnTyLstButtonSetWrap > ul > li > label.ui-state-active {border:1px solid #6288d6;color:#000;} .JS-addnTyLstButtonSetWrap > ul > li > label.ui-state-active {border:1px solid #3366b9 !important; background-color: #3366b91a !important; color: #000 !important;} .JS-addnTyLstButtonSetWrap > ul > li > label > .ui-checkboxradio-icon-space{position: absolute;right:2px;top:-5px; z-index: 2;} .JS-addnTyLstButtonSetWrap > ul > li > label > .ui-checkboxradio-icon-space:after{content: "\f058";font-family: "Font Awesome 5 Pro";font-weight: 300;color: #ddd;font-size: 2em;} .JS-addnTyLstButtonSetWrap > ul > li > label.ui-state-active > .ui-checkboxradio-icon-space:after{content: "\f058";font-family: "Font Awesome 5 Pro";font-weight: 900;color: #2cb12c;font-size: 2em;} .dnt_prd_divy_instl_req_form label {cursor: pointer;} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap {display: block; width: 100%;} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li {padding: 5px;} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label {font-size: 1.125rem;} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label:hover {opacity: 1; background-color: transparent; color: #000; position: relative;} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label:focus {box-shadow: none;} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap .ui-checkboxradio-det-view-btn {display: none;} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label > .ui-icon-background {width: 100%; height: 0; padding-bottom: 125%; background-size: contain; margin-bottom: 0.5rem; background-color: transparent;} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label:not(.ui-state-disabled):hover:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #000000b3; z-index: 1;} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label:not(.ui-state-disabled):hover:after {content: ""; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; text-align: center; z-index: 11; white-space: normal; font-weight: 500; font-size: 1.125rem; line-height: 1.75rem; word-break: keep-all;} /* 근조 문구 */ .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2001"]:not(.ui-state-disabled):hover:after {content: "벨벳 재질에 이름을 새겨 당사에 보관된 근조깃발입니다.";} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2005"]:not(.ui-state-disabled):hover:after {content: "리본이 있어 근조기를 제작할 필요 없이 누구나 배송신청 가능합니다.";} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2105"]:not(.ui-state-disabled):hover:after {content: "근조기와 함께 홍삼과 위로 편지를 보내 유족에게 기운을 전해줄 수 있습니다.";} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2205"]:not(.ui-state-disabled):hover:after {content: "근조기로 고인을 추모하고 고인이나 유족 이름으로 어려운 이웃에게 쌀을 기부하실 수 있습니다.";} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2004"]:not(.ui-state-disabled):hover:after {content: "고인의 평소사진이나 작품사진으로 고인을 추모하는 액자화환 입니다.";} /* 축하 문구 */ .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="1001"]:not(.ui-state-disabled):hover:after {content: "벨벳 재질에 이름을 새겨 당사에 보관된 축하깃발입니다.";} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="1005"]:not(.ui-state-disabled):hover:after {content: "리본이 있어 축하기를 제작할 필요 없이 누구나 배송신청 가능합니다.";} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="1205"]:not(.ui-state-disabled):hover:after {content: "축하기로 결혼을 축하하고 신랑신부 이름으로 어려운 이웃에게 쌀을 기부하실 수 있습니다.";} .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="1004"]:not(.ui-state-disabled):hover:after {content: "결혼식 청첩장의 신랑 신부 사진이나 정기총회 등에서 지난 행사 사진 등으로 액자를 만들어 갤러리 같은 분위기 연출로 행사 분위기를 올려줍니다.";} /* 문구 없어서 예외 처리 */ .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="1002"]:hover:before, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="1002"]:hover:after, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2002"]:hover:before, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2002"]:hover:after, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2003"]:hover:before, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2003"]:hover:after {display: none;} /* 친환경 뱃지*/ .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;} /* 친환경 뱃지 예외 처리 */ .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2002"] .ui-checkboxradio-icon-badge, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2016"] .ui-checkboxradio-icon-badge, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2026"] .ui-checkboxradio-icon-badge, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2036"] .ui-checkboxradio-icon-badge, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2046"] .ui-checkboxradio-icon-badge, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="1016"] .ui-checkboxradio-icon-badge, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="1026"] .ui-checkboxradio-icon-badge, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="2003"] .ui-checkboxradio-icon-badge, .dnt_prd_divy_instl_req_form .JS-addnTyLstButtonSetWrap > ul > li > label[data-product-code="1002"] .ui-checkboxradio-icon-badge {display: none;} /* 친환경 상품 소개 - 요금조회 다이얼로그 */ .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;} /* 배송설치요청 - 상품소개 */ .dnt_prd_divy_instl_req_form .label-amt, .dnt_prd_divy_instl_req_form .label-text {display: block; text-align: center;} .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;} /* 배송내역 상세정보 개선사항 */ .dafl_divy_inq_info {max-width: 1000px; margin: 0 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_main_banner_item {background-color: #f9f9f9;} .dafl_main_banner_container {max-width: 1250px; margin: 0 auto; padding: 0rem 1rem;} .dafl_main_banner_cont {display: flex; justify-content: space-between; align-items: stretch;} .dafl_main_banner_cont > * {flex: 1;} /* .dafl_main_banner_cont_left {position: relative; z-index: 1; padding-bottom: 5rem;} */ .dafl_main_banner_cont_left > img {position: absolute; width: 36rem; z-index: -1; object-fit: contain; left: -11rem; top: -5rem;} .dafl_main_banner_item.type_01 .dafl_main_banner_cont_left > img {opacity: 0; transform: translateX(-50px);} .dafl_main_banner_cont_left {padding: 5rem 0 9rem;} .dafl_main_banner_cont_left > span {font-weight: bold; color: #09C7C7; font-size: 1.125rem;} .dafl_main_banner_cont_left > dl {margin-top: 0.75rem; margin-bottom: 0;} .dafl_main_banner_cont_left > dl > dt {font-size: 3rem;} .dafl_main_banner_cont_left > dl > dt > span {font-weight: bold; color: #09C7C7;} .dafl_main_banner_cont_left > dl > dd {margin-top: 1.5rem; line-height: 2rem; font-size: 1.25rem; letter-spacing: -0.25px;} .dafl_main_banner_cont_left > a.btn {padding: 0.625rem 1.5rem; border-radius: 3rem; margin-top: 1.5rem; font-size: 1.125rem; box-shadow: none;} .dafl_main_banner_cont_right {padding: 3rem 0;} .swiper-container-initialized .dafl_main_banner_item.type_01 .dafl_main_banner_cont_left > img {opacity: 1; transition-delay: 0.5s; transform: translateX(0); transition: all 1.5s ease-in;} .main_banner_pagination_wrap {max-width: 1250px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; gap: 1rem; width: 100%; position: absolute; left: 50%; bottom: 5rem; transform: translateX(-50%); z-index: 10; padding: 0 1rem;} .main_banner_pagination_wrap .swiper-pagination {position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; width: 56px;} .main_banner_pagination_wrap .swiper-pagination-bullet-active {width: 2.5rem; border-radius: 2rem; background: #09C7C7; transition: width 0.3s ease-in-out;} .main_banner_pagination_wrap .swiper_count_wrap {color: #2C2C2C; font-weight: bold; letter-spacing: 0px;} .dafl_main_banner_cont_right {position: relative;} .dafl_main_banner_img_wrap {position: absolute; width: 100%; height: 100%; top: 0; right: 0;} .dafl_main_banner_item.type_01 .dafl_main_banner_img_wrap > img {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; object-fit: contain;} .dafl_main_banner_item.type_02 .dafl_main_banner_img_wrap > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; object-fit: contain;} /* 배송 불가 상품 안내 품 */ .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;} .total_product_list { width: 800px; padding: 20px; font-family: "Noto Sans KR", sans-serif;} .total_product_list ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; list-style: none; padding: 0; margin: 0; } .total_product_list li { text-align: center; } .total_product_list label { display: flex; flex-direction: column; align-items: center; cursor: pointer; padding: 10px; border-radius: 8px; transition: all 0.3s ease; position: relative; } .total_product_list label.active:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35); } .total_product_list img { width: 120px; height: 120px; object-fit: contain; margin-bottom: 10px; } .total_product_list .label-text { width: 100%; text-align: center; } .total_product_list .label-text em { display: block; font-style: normal; font-size: 1rem; color: #333; margin-top: 0.5rem; word-break: keep-all; font-weight: bold;} .total_product_list .reject-mark { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #00000080; color: #fff; cursor: not-allowed;} .total_product_list .reject-mark > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; text-align: center; font-size: 1.5rem; letter-spacing: 2px; font-weight: 500;} /* 청구서 상세보기 */ .dafl_bil_det_view_wrap {background-color: #FAFAFA; border-top: 2px solid #3366b9; padding: 1.5rem; margin-top: 1.5rem;} .dafl_bil_det_view_wrap .card {border: 1px solid #C5C5C5 !important; border-radius: 0.5rem; overflow: hidden;} .dafl_bil_det_view_wrap .card > .card-body {padding: 1rem; background-color: #fff;} .dafl_bil_det_view_wrap a.btn {display: block; width: 100%; padding: 0.5rem 1rem !important; border-radius: 0.5rem; font-size: 1.125rem;} .dafl_bil_det_view_top {display: flex; justify-content: space-between; align-items: flex-start;} .dafl_bil_det_view_top .card:first-of-type > .card-body {padding: 0.75rem 1rem;} .dafl_bil_det_view_top .card:first-of-type span {display: block; font-weight: bold; font-size: 1.1875rem;} .dafl_bil_det_view_top .card:first-of-type span + span {font-size: 1.375rem; color: #3366b9; font-weight: 900;} .dafl_bil_det_view_top dl {display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem;} .dafl_bil_det_view_top dl > dt {font-weight: 500;} .dafl_bil_det_view_top dl > dd {flex: 1; text-align: right;} .bil_tot_rqut_amt_wrap {margin-top: 1.75rem;} .bil_tot_rqut_amt_wrap .card {margin-top: 0.5rem;;} .bil_tot_rqut_amt_wrap .card > .card-body {padding: 1.5rem;} .bil_tot_rqut_amt_wrap .card > .card-body dl {display: flex; justify-content: flex-start; align-items: center; gap: 2rem;} .bil_tot_rqut_amt_wrap .card > .card-body dl > dt {font-weight: 500; font-size: 1.125rem;} .bil_tot_rqut_amt_wrap .card > .card-body dl > dd > span:first-of-type {font-weight: bold; font-size: 1.5rem; color: #3366b9;} .bil_tot_rqut_amt_wrap .card > .card-body dl > dd > span + span {font-size: 1.125rem; margin-left: 0.5rem;} .bil_tot_rqut_amt_btn_lst {margin-top: 0.5rem;} .bil_tot_rqut_amt_top {display: flex; justify-content: space-between; align-items: center; gap: 0.5rem;} .bil_tot_rqut_amt_btn_lst > ul {display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem;} .bil_tot_rqut_amt_btn_lst > ul > li {flex: 1;} .bil_sttl_info_wrap {margin-top: 1.75rem;} .bil_sttl_info_wrap > dl > dt {font-size: 1.125rem;} .bil_sttl_info_wrap > dl > dd {margin-top: 0.75rem;} .bil_sttl_info_wrap .card > .card-body {padding: 1.5rem;} .bil_sttl_info_wrap .card > .card-body ul > li:not(:first-child) {margin-top: 0.5rem;} .bil_sttl_info_wrap .card > .card-body dl {display: flex; justify-content: flex-start; align-items: center; gap: 2rem;} .bil_sttl_info_wrap .card > .card-body dl > dt {font-weight: 500; width: 4.25rem; display: flex; justify-content: space-between; align-items: center;} .bil_sttl_info_wrap .card > .card-body dl > dd {display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem;} .bil_sttl_info_wrap .card > .card-body dl > dd > a:first-of-type {display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem;} .bil_divy_lst_wrap {margin-top: 1.75rem;} .bil_divy_lst_wrap > dl > dt {font-size: 1.125rem; display: flex; justify-content: space-between; align-items: center; gap: 0.5rem;} .bil_divy_lst_wrap > dl > dt > span {font-weight: bold;} .bil_divy_lst_wrap > dl > dt > p {font-size: 1rem;} .bil_divy_lst_wrap > dl > dd {margin-top: 0.5rem;} .bil_divy_lst_wrap .card > .card-body {padding: 1.5rem;} .bil_divy_lst_top_srch_wrap {display: flex; justify-content: space-between; align-items: center; gap: 0.5rem;} .bil_divy_lst_top_srch_wrap > .form-control {border-radius: 0.5rem !important; background-color: #fff !important;} .bil_divy_lst_top_srch_wrap > select {flex: 0 0 12.5rem;} .bil_divy_lst_top_srch_wrap > [data-type="date"] {flex: 0 0 10rem;} .bil_divy_lst_top_srch_wrap > a.btn {flex: 0 0 5rem; padding: 0.5rem 1.25rem !important; font-size: 1rem !important;} .bil_divy_lst_form_list {margin-top: 0.5rem;} .bil_divy_lst_form_list > li:not(:first-child) {margin-top: 0.5rem;} .bil_divy_lst_form_top_info > ul {display: flex; justify-content: flex-start; align-items: center; gap: 1.25rem;} .bil_divy_lst_form_top_info > ul > li {line-height: 1.5;} .bil_divy_lst_form_top_info > ul > li:last-child {position: relative;} .bil_divy_lst_form_top_info > ul > li:last-child:before {content: ""; width: 2px; height: 1rem; background-color: #D9D9D9; position: absolute; top: 50%; left: -0.625rem; transform: translate(-50%, -50%);} .bil_divy_lst_form_top_info > ul > li:last-child > span {font-weight: bold; font-size: 1.125rem;} .bil_divy_lst_form_det_info {margin-top: 1rem; display: flex; justify-content: space-between; align-items: stretch; gap: 0.5rem;} .bil_divy_lst_form_det_info .card {border: none !important; flex: 1} .bil_divy_lst_form_det_info .card > .card-body {padding: 1rem 1.5rem; background-color: #F5F5F5;} .bil_divy_lst_form_det_info_top ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem;} .bil_divy_lst_form_det_info_top dl {display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem;} .bil_divy_lst_form_det_info_top dl > dt {font-weight: 400; flex: 0 0 3.25rem; display: flex; justify-content: space-between; align-items: center;} .bil_divy_lst_form_det_info_top dl > dd {font-weight: 500;} .bil_divy_lst_form_det_info_bottom {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #EAEAEA;} .bil_divy_lst_form_det_info_bottom dl {display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem;} .bil_divy_lst_form_det_info_right {flex: 0 0 7.5rem; display: flex; justify-content: space-between; flex-direction: column;} .bil_divy_lst_form_det_info_right > .img-wrap {width: 100%; height: 6.25rem; position: relative; overflow: hidden; background-color: #f7f4ee; border-radius: 0.5rem;} .bil_divy_lst_form_det_info_right > .img-wrap > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain; width: 100%; height: 100%;} .bil_divy_lst_form_det_info_right a.btn {padding: 0.25rem 0.5rem !important; font-size: 1rem !important;} .dafl_bil_det_view_wrap .pagination-wrap > nav > ul.pagination > .page-item.active > a.page-link {background-color: #3366b9; border-color: #3366b9;} .dafl_bil_det_view_wrap .pagination-wrap > nav > ul.pagination > .page-item >a.page-link:hover {background-color: #3366b9; border-color: #3366b9;}