/* 1차,2차 셀렉트 박스 - 22.03.02 수정 */ .user_det_info_form_lst .optn_bx_lst {display: flex; margin-left: 8.5%;} .user_det_info_form_lst select {width: 100%; border-color: #bebebe; color: #555; padding: 3px 0;} /* 2022.11.11 문자보내기 폼 css 통일 */ /*** [무료문자 발송] ***/ /* 영역 */ .free-sms-count-wrap{margin-bottom:48px; padding:30px 20px; padding-bottom:25px; font-size:16px; font-weight:400; text-align:center; background-color:#f1f2f7;} /* 기본 안내 */ .free-sms-count-wrap .basic-guide{font-size:24px;} .free-sms-count-wrap .basic-guide .count-number .use-count{color:#343a40; font-weight:bold;} .free-sms-count-wrap .basic-guide .count-number .use-count.JS-exprt{color:#f15656;} /* 소진 안내 */ .final-guide{margin-top:20px;} .final-guide p{line-height:2;} .final-guide .btn-border-charcoalGray{position:relative; min-width:195px; margin-top:15px; padding:11.5px 5px 11.5px 30px; font-size:18px; font-weight:400; text-align:left; background-color:#fff; color:#000; border:1px solid #333;} .final-guide .btn-border-charcoalGray:hover, .final-guide .btn-border-charcoalGray:focus{background-color:#3fb5ff; color:#fff; border-color:#3fb5ff;} .final-guide .btn-border-charcoalGray span{display:inline-block; margin-top:4px;} .final-guide .btn-border-charcoalGray i{position:absolute; top:50%; right:20px; font-size:14px; font-weight:400; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} /* 팝업 */ .dialog-free-sms-count{padding:30px 20px 20px !important; font-size:18px; line-height:1.8; font-weight:400; text-align:center;} .dialog-free-sms-count + .ui-dialog-buttonpane{padding-bottom:20px;} .dialog-free-sms-count + .ui-dialog-buttonpane .btn{min-width:195px; padding:6.5px 5px; font-size:18px; font-weight:400; text-align:center; background-color:#fff; color:#000; border:1px solid #333;} .dialog-free-sms-count + .ui-dialog-buttonpane .btn + .btn{margin-left:10px;} .mv-genlSms{position:relative;} .mv-genlSms:after{content:"\f105"; position:absolute; top:50%; right:20px; font-size:14px; font-weight:400; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family:"Font Awesome 5 Pro"; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} /*** [무료문자 발송 끝] ***/ /*** [문자 발송 화면 리뉴얼] ***/ /* 영역 */ .msg-view-wrap{width:350px; margin:0 auto; border:1px solid #d8d8d8; border-radius:10px; box-shadow:2px 2px 15px 3px rgb(0 0 0 / 9%); overflow:hidden;} /* 헤더 */ .msg-view-wrap .msg-view-header{padding:10px 20px; background-color:#343a40; color:#fff;} /* 바디 */ .msg-view-wrap .msg-view-center{position:relative; height:430px; padding:20px; background-color:#fff;} .msg-view-wrap .msg-preview{position:relative; z-index:2; display:block; width:100%; height:390px; height:100%; padding:20px; font-size:16px; line-height:1.5; background-color:#f5f7ff; color:#000; border:1px solid #f5f7ff; border-radius:10px;} .msg-view-wrap .msg-preview.non_ttl{height:80%;} .msg-view-wrap .msg-preview:hover, .msg-view-wrap .msg-preview:focus{background-color:#f5f7ff; color:#000; border:1px solid #f5f7ff;} .msg-view-wrap .msg-preview::placeholder{color:#666;} .msg-view-wrap .msg-preview::-webkit-scrollbar{width:10px;} .msg-view-wrap .msg-preview::-webkit-scrollbar-thumb{height:30%; background:#217af4; border-radius:10px;} .msg-view-wrap .msg-preview::-webkit-scrollbar-track{background:#dbe3ee; border-radius:10px;} .msg-view-wrap .msg-view-center .ico-msg-tail{position:absolute; bottom:20px; right:11px; z-index:1;} /* 푸터 */ .msg-view-wrap .msg-view-footer{padding:10px 20px; background-color:#f5f5f5; border-top:1px solid #d8d8d8;} .msg-view-footer .msg-view-Byte{position:relative; padding:3px 0; font-size:16px; font-weight:400; text-align:center; background-color:#fff; border:1px solid #e9e9e9; border-radius:20px;} .msg-view-footer .msg-view-Byte:after{content:"\f055"; position:absolute; top:50%; right:20px; font-size:18px; font-weight:600; color:#9f9f9f; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family:"Font Awesome 5 Pro"; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} /* 회원정보 자동삽입 */ .btn-addn-auto-cont:hover, .btn-addn-auto-cont:focus{color:#0085d9 !important; border-color:#0085d9 !important;} /* 특수문자 입력 */ .badge-border-charcoalGray{background-color:#fff; color:#333 !important; box-shadow:0 0 0px 1px #333;} .badge-border-charcoalGray:hover{color:#0085d9 !important; box-shadow:0 0 0px 1px #0085d9;} /*** [문자 발송 화면 리뉴얼 끝] ***/