/* 경조 서비스 안내 */ .cdlc_srv_flow_box_wrap{width:858px; margin:0 auto 3rem;} .cdlc_srv_flow_box_wrap > div{display:inline-block; vertical-align:middle;} .cdlc_srv_flow_box_wrap .cdlc_srv_desc_box_wrap{width:330px; min-height:70px; padding:0.8rem 0; text-align:center; background-color:#2157d0; color:#fff; border:1px solid #2157d0; border-radius:5px; box-shadow:-2px 2px 10px rgba(0, 0, 0, 0.2);} .cdlc_srv_flow_box_wrap .cdlc_srv_desc_box_wrap em{font-size:1.5rem;} .cdlc_srv_flow_box_wrap .cdlc_srv_desc_box_wrap span{display:block; font-size:1.125rem;} .cdlc_srv_flow_box_wrap .cdlc_srv_desc_box_out_info{display:block; margin-top:0.3rem; padding-left:45px; font-size:0.9rem; color:#999;} .cdlc_srv_flow_box_wrap .cdlc_srv_desc_icon{margin:0 5rem; font-size:1.5rem;} .cdlc_srv_flow_img_sm_wrap{width:722px; margin:0 auto 5rem;} .cdlc_srv_flow_img_sm_wrap > div{display:inline-block; vertical-align:middle;} .cdlc_srv_flow_img_sm_wrap .cdlc_srv_desc_img p{font-size:1.5rem; text-align:center;} .cdlc_srv_flow_img_sm_wrap .img_sttl_exps{position:relative; min-width:230px;} .cdlc_srv_flow_wrap{margin-bottom:3rem; padding-top:3rem; background-color:#fdfdfd; border:1px solid #ddd; border-radius:5px;} .cdlc_srv_flow_img_sm_wrap .img_sttl_exps span{display:block; width:84px; height:118px; margin:0.5rem auto 0; text-indent:-9999px; background:url('/common/css/img/icon_pay.png') no-repeat center; background-size:contain;} .cdlc_srv_flow_img_sm_wrap .img_sttl_exps p{margin-top:6px;} .cdlc_srv_flow_img_sm_wrap .img_minus{margin:0 7rem;} .cdlc_srv_flow_img_sm_wrap .img_minus span{display:block; width:25px; height:8px; text-indent:-9999px; background:url('/common/css/img/icon_minus.png') no-repeat center; background-size:contain;} .cdlc_srv_flow_img_sm_wrap .img_divy_exps{position:relative;} .cdlc_srv_flow_img_sm_wrap .img_divy_exps span{display:block; width:151px; height:100px; text-indent:-9999px; background:url('/common/css/img/icon_divy.png') no-repeat center; background-size:contain;} .cdlc_srv_flow_img_sm_wrap .img_divy_exps p{margin-top:0.5rem; margin-bottom:-0.8rem;} .cdlc_srv_flow_img_lg_wrap{margin:0 auto 3rem;} .cdlc_srv_flow_img_lg_wrap .cdlc_srv_desc_icon{position:relative;} .cdlc_srv_flow_img_lg_wrap .cdlc_srv_desc_icon span{position:absolute; top:112.5px; margin-left:220px; display:block; width:26px; height:25px; text-indent:-9999px; background:url('/common/css/img/icon_groh.png') no-repeat center; background-size:contain;} .cdlc_srv_flow_img_lg_wrap .cdlc_srv_desc_img{width:250px; margin:0 auto; text-align:center;} .cdlc_srv_flow_img_lg_wrap .cdlc_srv_desc_img h3{margin-bottom:0.8rem; font-weight:bold; font-size:2rem; color:#2157d0;} .cdlc_srv_flow_img_lg_wrap .cdlc_srv_desc_img span{display:block; width:196px; height:186px; text-indent:-9999px; background:url('/common/css/img/icon_dnat.png') no-repeat center; background-size:contain;} .cdlc_srv_info{margin:0 auto 3rem;} .cdlc_srv_info span{display:block; font-weight:bold;} #cdlcSrvClbDetInfo textarea{ width:100%; height:150px; max-height:150px; overflow-y:scroll;} /* 경조 서비스 신청 */ .cdlc_srv_apl_gud{margin:0 auto 3rem;} .cdlc_srv_apl_gud > dt{margin-bottom:1rem;} .cdlc_srv_apl_gud dt span{font-size:1.25rem; padding-bottom:0.1rem; border-bottom:3px solid #4da13d;} .cdlc_srv_apl_gud dt .cdlc_srv_sub_ttl{vertical-align:bottom} .cdlc_srv_apl_srv_gud .grop_nm{font-weight:500; text-decoration:underline;} .cdlc_prd > dd{margin-top:2.5rem;} .cdlc_prd .cdlc_prd_lst:after{content:""; display:block; overflow:hidden; clear:both;} .cdlc_prd .cdlc_prd_lst li{float:left; width:calc(100% / 3); text-align:center;} .cdlc_prd .cdlc_prd_lst li .cdlc_prd_lst_li_wrap{position:relative; width:254px; margin:0 auto;} .cdlc_prd .cdlc_prd_lst li .cdlc_prd_lst_li_wrap a{display:block;} .cdlc_prd .cdlc_prd_lst li .img_wrap{margin:0 auto; width:255px; height:301px; border:1px solid #f5f5f5; overflow:hidden;} .cdlc_prd .cdlc_prd_lst .txt_wrap{position:absolute; left: 0; bottom:0; z-index:1; width:100%; padding:0.5rem 0; background-color:rgba(0, 0, 0, 0.8); color:#fff; -webkit-transition:padding-bottom 0.85s; -moz-transition:padding-bottom 0.85s; -o-transition:padding-bottom 0.85s; transition:padding-bottom 0.85s;} .cdlc_prd .cdlc_prd_lst .txt_wrap .cdlc_prd_apl_btn{position:absolute; left:50%; width:100px; margin:0.8rem 0 0 -50px; padding:0.2rem 0; text-align:center; color:#fff; border:1px solid #fff; border-radius:5px; opacity:0;} /* 경조 서비스 신청 - 경조상품 스타일 */ .hover-action{position:relative; overflow: hidden;} .hover-action img{display: block; height: 100%; margin:0 auto; padding-bottom: 75px;} .hover-action:hover .txt_wrap{bottom:-100px; padding-bottom:100%;} .hover-action:hover .txt_wrap dl{padding-top:126px;} .hover-action:hover .txt_wrap .cdlc_prd_apl_btn{opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform: translateY(0);} .hover-action:hover .txt_wrap .cdlc_prd_apl_btn:hover{background-color:#fff; color:#333;} /* 경조 서비스 신청 폼 */ .cdlc_srv_apl_form{margin-bottom:0;} .cdlc_srv_apl_check_form_wrap p{margin-bottom:0;} .cdlc_srv_apl_form_check{margin-bottom:3rem;} .cdlc_srv_apl_form_check label:hover{cursor:pointer;} .cdlc_srv_apl_form_check .all_check{margin-top:0.5rem; font-size:1.125rem; text-decoration:underline;} .cdlc_srv_apl_form_check h1{font-size:1.125rem; font-weight:bold;} .cdlc_srv_apl_form_check h1 .badge_mand{display:inline-block; margin-top:-3px; padding:0.1rem 0.3rem; font-size:0.8rem; font-weight:normal; text-align:center; background-color:#4da13d; color:#fff; border:1px solid #4da13d; border-radius:5px; vertical-align:middle;} .cdlc_srv_apl_form_check .textarea{padding:0.8rem 0.5rem; background-color:#f5f5f5; border:1px solid #ddd;} .cdlc_srv_apl_form_check .form_radio_wrap{margin-top:0.5rem;} .cdlc_srv_apl_form_check .form_radio_wrap label{margin-left:1rem;} .cdlc_srv_apl_form_wrap{margin-bottom:1.5rem;} .cdlc_srv_apl_form_wrap h1{margin-bottom:0.8rem; font-size:1.125rem; font-weight:bold;} .cdlc_srv_apl_form_wrap table{width:100%; border-top: 1px solid #bbb;} .cdlc_srv_apl_form_wrap table tr{border-bottom:1px solid #efefef;} .cdlc_srv_apl_form_wrap table tr td{padding:0.75rem;} .cdlc_srv_apl_form_wrap table .form_ttl{width:15%; padding-left:1rem; font-weight:bold; background-color:#f5f5f5;} .cdlc_srv_apl_form_wrap input:not(:input[type='radio']), .cdlc_srv_apl_form_wrap textarea{width:100%; padding-left:8px; border:1px solid #ddd; outline:0;} .cdlc_srv_apl_form_wrap input#dlvDt{width:20%;} .cdlc_srv_apl_form_wrap textarea{height:100px; overflow-y:scroll;} .cdlc_srv_apl_form_wrap .sttl_mthd li input{width:auto; margin-right:5px;} .cdlc_srv_apl_finl_amt{width:100%; margin-bottom:1.5rem; text-align:center;} .cdlc_srv_apl_finl_amt p{margin-bottom:0; font-size:1.25rem;} .cdlc_srv_apl_finl_amt p em{font-weight:bold; font-size:2rem; border-bottom:2px solid #ff0000;} .cdlc_srv_apl_form_wrap .form_det{font-size:0.85rem; color:#36F;} #flag_prd{width:100%; border:1px solid #ddd; outline:0;} /* 신청 완료 */ .cdlc_srv_apl_fn{text-align:center;} .cdlc_srv_apl_fn > h1{margin-bottom:100px;} .cdlc_srv_apl_fn .cdlc_srv_apl_fn_info{margin-bottom:1rem; padding-bottom:3rem; background-color:#fdfdfd; border:1px solid #ddd; border-radius:5px;} .cdlc_srv_apl_fn.sttl_suces .img_wrap{width:150px; height:150px; margin:-75px auto 0; background:url('/common/css/img/icon_divy_prpr.png') no-repeat bottom center #fff; background-size:90%; border:1px solid #ddd; border-radius:50%; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);} .cdlc_srv_apl_fn.sttl_fail .img_wrap{width:150px; height:150px; margin:-75px auto 0; background:url('/common/css/img/icon_divy_fail.png') no-repeat center #fff; background-size:90%; border:1px solid #ddd; border-radius:50%; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);} .cdlc_srv_apl_fn .img_wrap div{text-indent:-9999px;} .cdlc_srv_apl_fn h2{margin:2rem auto; font-size:1.75rem;} .cdlc_srv_apl_fn p{margin-bottom:2rem;} .cdlc_srv_apl_fn .diamondflag{display:block; margin:0 auto; width:300px; margin-top:2rem; padding:0.3rem 0.5rem; font-size:1.125rem; font-weight:bold; background-color:#4da13d; color:#fff;} .cdlc_srv_apl_fn .diamondflag:hover{background-color:#3366b9; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .cdlc_srv_apl_fn .cdlc_srv_link_wrap ul li a{width:180px;} .cdlc_srv_apl_fn h4{margin:2rem auto; font-size:1.125rem;} .cdlc_srv_apl_fn .nil_bankbk_desc_wrap{width:30%; margin:0 auto;} .cdlc_srv_apl_fn .nil_bankbk_desc_wrap dl{padding:0.5rem 0; text-align:left; border-bottom:1px solid #efefef;} .cdlc_srv_apl_fn .nil_bankbk_desc_wrap dl:first-child{padding-top:0;} .cdlc_srv_apl_fn .nil_bankbk_desc_wrap dl:last-child{padding-bottom:0; border-bottom:0;} .cdlc_srv_apl_fn .nil_bankbk_desc_wrap dl dt, .cdlc_srv_apl_fn .nil_bankbk_desc_wrap dl dd{display:inline-block;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-icon {display: block !important;} .widget-col-12 .widget-col-9 .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-label {width: 164px;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-label {background-color: #FFF;padding: 0px;border: 0px; margin: 1rem; border:1px solid #DDD; border-radius: 0.25rem;padding: 5px;font-size: 0.8rem;} .cdlcSrvSttlAmtLstWrap .ui-icon-background {background-image: none;display: block;border: 0px;border-radius: 0px;background-color: #FFF;background-repeat: no-repeat;width: 100%;height: 150px;background-size: contain; padding: 0px; background-position: center center; margin: 0px;box-shadow: inherit;transition: all 0.2s ease-in-out ;margin-bottom: 0.5rem;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-radio-label.ui-checkboxradio-checked {background-color: #2196f3;color: #FFF;} .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% !important;height: 150px !important;border: 1px solid #DDD;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-label:not(.ui-state-active):hover {background-color: #007fff80; border-color: #003eff80; color: #fff;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-label, .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-label span {box-shadow: none !important;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-disabled.ui-state-disabled {position: relative; opacity: 1;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-disabled.ui-state-disabled .prdNm {z-index: 2; opacity: 0.35;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-disabled.ui-state-disabled:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #ffffffa6; z-index: 1;} .cdlcSrvSttlAmtLstWrap .ui-checkboxradio-disabled.ui-state-disabled:after {content: "해당 상품은 선택하신 상품과 중복 신청이 불가능합니다."; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 90%; opacity: 1; z-index: 3; color: #ff0019; white-space: normal; word-break: keep-all; filter: brightness(1.1); font-weight: 500; font-size: 1rem;} #cdlcSrvAplForm .COMMON_BUTTONSET{display: block !important;} .cdlcSrvSttlAmtLstItem{border: 1px solid #DDD;padding: 1rem;border-radius: 0.25rem;} .cdlcSrvSttlAmtLstItemImgWrap {overflow: hidden;} .cdlcSrvSttlAmtLstItemImg{height: 0; width: 100%; padding-bottom: 120%; position: relative;transition: all 0.2s ease-in-out;background-size: contain; background-repeat: no-repeat;background-position: center center;} .cdlcSrvSttlAmtLstItemImgWrap .prdNm{position: absolute;top:-2rem;background-color: #002ab3;color: #FFF;border-radius: 0.25rem;padding: 0 5px;} .cdlcSrvSttlAmtLstItemImg:hover{transform: scale(1.5);} .step2_form_btn_wrap {border: 1px solid #DDD;padding: 10px;border-radius: 0.5rem;} .step2_form_btn_wrap i.fa-5x {color: #44678d;} .step2_form_btn_wrap ul {text-align: left;font-size: 0.8rem;} .cdlcDntSrvList .card { border: 0px !important; } .cdlcDntSrvList .card>.card-body { background-color: #f4f4f4; padding: 30px 30px 25px; font-size: 1rem; border-radius: 0.25rem; } .cdlcDntSrvList .card .card-title { border-left: 5px solid #0384f2; padding-left: 10px; color: #4d66b9; font-size: 21px; margin-bottom: 15px; } .cdlcDntSrvList .card .card-footer { color: #6288d6; border-radius: 0; padding: 0; background-color: inherit; border-top: 0; margin-top: 0.5rem; } .club_flag_list { list-style: none; margin: 0px; padding: 0px; } .widget-col-12 .widget-col-9 .club_flag_list>li { float: left; width: 16.6%; padding: 5px; } .widget-col-12 .club_flag_list>li { float: left; width: 12%; padding: 5px; } .club_flag_list:after { display: block; clear: both; content: ""; } .cdlcSrvSttlAmtLstItem { border: 1px solid #DDD; padding: 1rem; border-radius: 0.25rem; display: block; position: relative; } .cdlcSrvSttlAmtLstItem i { border-top: 6px solid #082278; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; top: 17px; left: 7px; } .cdlcSrvSttlAmtLstItem .prdNm { position: absolute; top: -7px; background-color: #082278; color: #FFF; border-radius: 0.25rem; padding: 1px 5px; font-size: 0.7rem; } .cdlcSrvSttlAmtLstItem .prdNm span {max-width: 98px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .user_list .cdlcSrvSttlAmtLstItem .prdNm i {border-top: 6px solid #707070;} .user_list .cdlcSrvSttlAmtLstItem .prdNm {position: absolute;background-color: #707070;color: #FFF;} .cdlcSrvSmry {font-size: 0.9rem;} .cdlcSrvAplForm .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .cdlcSrvAplForm .input-group > *:not(.form-control) {float: none; padding-right: 0; padding-left: 0;} .cdlcSrvAplForm .input-group-prepend { margin-right: -1px; } .cdlcSrvAplForm .input-group input,.cdlcSrvAplForm .input-group select {height: 38px;} .cdlcSrvAplForm .input-group-append, .input-group-prepend { display: -ms-flexbox; display: flex; } .cdlcSrvAplForm .input-group>.form-control:not(:first-child) {border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px;} .cdlcSrvAplForm .input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;} .cdlcSrvAplForm .input-group>.form-control:not(select) { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .cdlcSrvAplForm .input-group>.input-group-prepend>.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } .cdlcSrvAplForm .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .cdlc_srv_apl_bnft_form ul {margin-bottom: 0;} .ui-state-highlight {height: auto; line-height: normal;} #cdlcSrvAplForm .form-control {height: 38px; padding: 6px 15px !important;} .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;border:1px solid #DDD; height: 190px;background-size: 100%;background-position: center;background-repeat: no-repeat;transition: all 0.2s ease-in-out;} .JS-imgPrduFrame > div:hover{background-size: 150%;} .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;} .dafl_cdlc_srv_apl_bnft_form .card + .card {margin-top: 0.5rem;} .dafl_cdlc_srv_apl_bnft_form .input-group + .input-group {margin-top: 0.5rem;} .dafl_cdlc_srv_apl_bnft_form .table .card-body {padding: 0.75rem;} .dafl_cdlc_srv_apl_bnft_form .frame_wrth_det_ty {display: flex; flex-direction: column; gap: 0.5rem;} .dafl_cdlc_srv_apl_bnft_form .frame_wrth_img_optn {display: flex; justify-content: flex-start; align-items: center; gap: 1rem;} .cdlc_srv_apl_finl_amt em {font-style: normal; margin-left: 0.5rem;} .frame_wrth_sze_optn {display: inline-block; position: relative;} .frame_wrth_sze_optn > ul {display: inline-block; padding-left: 0;} .frame_wrth_sze_optn > ul > li {list-style: none;} .frame_wrth_sze_optn > ul > li:not(:first-child) {margin-top: 0.5rem;} .frame_wrth_sze_optn > a {position: absolute; top: 2px; right: -1rem; transform: translateX(100%);} /* 친환경 기부상품 상품소개 */ .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: black; 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;} .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;}