@charset "utf-8"; 

/* lefr_user_side */
/* .sub .left_user_side{ width: 250px; position: sticky; top: 80px; display: flex; flex-direction: column; height: 800px;
    justify-content: space-between;
} */
/* 로그인 전 css */
.sub .login_wrap{margin: 30px 20px; font-size: 14px; font-weight: 300; }

.sub .login_box .box_subject{font-size: 24px; font-weight: 500; margin-bottom: 30px;}

.sub .login_box .id_box span input::placeholder,
.sub .login_box .pw_box span input::placeholder{font-size: 14px;}

.sub .login_box .id_box span input,
.sub .login_box .pw_box span input
{ width: 210px;  border-radius: 10px; padding: 18px; font-size: 14px; font-weight: 500;
    border-top: 1px solid #ddd; border-left: 1px solid #ddd;
    border-right: 1px solid #ddd; border-bottom: 2px solid #ddd;}

.sub .login_box .id_box span input{margin-bottom: 10px;}
.sub .login_box .pw_box span input{margin-bottom: 20px;}

.sub .login_box .btn_login_box{width: 210px; height: 40px; background-color: #3D82FF; border-radius: 10px; padding: 10px 80px;}
.sub .login_box .btn_login_box .btn_login{display: block; text-align: center; color: #fff; font-weight: 500; font-size: 18px;}

.sub .login_wrap .login_util{margin-top: 30px;  
    font-size: 12px; text-align: center; display: flex; justify-content: space-around;}

.sub .left_user_side .custom_menu{display: flex; font-size: 14px; font-weight: 300; justify-content: space-around; margin-bottom: 30px;}
/* //로그인 전 */

/* 로그인 후 */
.sub .left_user_side .session_user{width: 250px; padding: 30px 20px;}
.sub .session_user .user{padding: 15px 0 40px 10px; }
.sub .session_user .user span{font-size: 25px; font-weight: 500;}

.sub .session_user .user_level{padding: 0 0 10px 10px;}
.sub .session_user .user_cash{padding: 0 0 15px 10px;}
.sub .session_user .user_cash span{font-size: 16px; font-weight: 500;}

.sub .session_user .user_inf{display: flex; padding: 0; justify-content: space-between;}
.sub .session_user .user_inf .user_quick{display: flex; justify-content: center; align-items: center; 
    border-radius: 5px; width: 65px; height: 30px; background-color: #3D82FF;}
.sub .session_user .user_inf .user_quick a{color: #f0f0f0; font-weight: 300; font-size: 12px;}
.sub .session_user .user_inf .user_quick a:hover{font-weight: 500; font-size: 13px;}

.sub .session_user .letter{margin-top: 50px; padding: 20px 10px;}
.sub .session_user .letter .letter_txt{font-weight: 500; font-size: 16px; margin-bottom: 20px;}
.sub .session_user .letter .letter_txt img{margin-right: 10px; vertical-align: middle;}
.sub .session_user .letter > div:not(:first-child){margin-bottom: 10px;}

/* //로그인 후 */

/* right_content */
.right_content_sms_wrap{ min-width: 966px; }

.rignt_content .notice_area{ padding: 30px 0 30px 30px; border-bottom: 0.5px solid #ddd; }
.rignt_content .notice_area h3{ font-size: 28px; font-weight: 500; margin-bottom: 20px; color: #1F4384; }
.rignt_content .notice_area ul li {font-size: 14px; line-height: 25px;}

.rignt_content .notice_area ul li b,
.rignt_content .notice_area ul li a{color: #FF453D; font-weight: 700;}

/* sms */
.rignt_content .sms_subject{margin: 20px 0px 20px 40px; font-weight: 500; color: #1F4384; font-size: 16px;}
.rignt_content form {margin-left: 40px;}

/* sms phone_area */
.sms .sms_wrap{display: flex; height: 100%;}
.sms .sms_wrap .phone_area{width: 335px; height: 609px; background: url(../../img/sms_phone.png) no-repeat left top;}

.sms .sms_wrap .phone_area .ad_area{margin: 60px 0 15px 25px; font-size: 16px; font-weight: 500;}
.sms .sms_wrap .phone_area .wrap {width: 285px; height: 355px; margin: 0 25px 15px 25px; display: flex;  flex-direction: column; gap: 0;}

.sms .sms_wrap .phone_area .wrap .sms_text{height: 320px; padding: 10px;  border-radius: 5px; border: 1px solid #1F4384; resize: none; color: #333;}

.sms .sms_wrap .phone_area .wrap .limit{height: 30px; display: flex; justify-content: space-between; align-items: center;
    border: 1px solid #1F4384; border-radius: 5px; border-top: none;}
.sms .sms_wrap .phone_area .wrap .limit p{padding-left: 15px; font-size: 12px; font-weight: 300;}
.sms .sms_wrap .phone_area .wrap .limit div{padding-right: 10px;}
.sms .sms_wrap .phone_area .wrap .limit div span{color: #FF453D; font-weight: 700;}

.sms .sms_wrap .phone_area .btns{width: 285px; margin: 15px 25px 0 25px; 
    display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px;}

.sms .sms_wrap .phone_area .btns .btn_item{width: 135px; height: 50px;
    padding: 0 20px;
    display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; border: 1px solid #3D82FF; 
    border-radius: 10px; cursor: pointer; transition: box-shadow 0.3s ease;}
.sms .sms_wrap .phone_area .btns .btn_item a{display: flex; align-items: center; justify-content: center;}
.sms .sms_wrap .phone_area .btns .btn_item a:hover{color: #3D82FF; font-weight: 700;}
.sms .sms_wrap .phone_area .btns .btn_item img{height: 21px; margin-right: 10px;}

/* .sms .sms_wrap .phone_area .btns .btn_item a{padding-bottom: 5px;} */

/* input_area css */

.sms .sms_wrap .input_area{margin-left: 50px; width: 438px;}

.sms .sms_wrap .input_area .form_group_send{margin-bottom: 25px;}
.sms .sms_wrap .input_area .form_group_send .sender,
.sms .sms_wrap .input_area .form_group_receive .receiver{font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.sms .sms_wrap .input_area .form_group_send .send_group{display: flex;}
.sms .sms_wrap .input_area .form_group_send .send_group select{border-radius: 5px;}
.sms .sms_wrap .input_area .form_group_send .send_group .sender_select{display: flex; align-items: center; justify-content: center;
    width: 117px; height: 30px; margin-left: 15px; background-color: #3D82FF; border-radius: 5px;}
.sms .sms_wrap .input_area .form_group_send .send_group .sender_select a,
.sms .sms_wrap .input_area .form_group_receive .receive_select1_btn a,
.sms .sms_wrap .input_area .form_group_receive .receive_select2_btn a{color: #f0f0f0;}

.sms .sms_wrap .input_area .form_group_receive{margin-bottom: 25px; font-size: 14px;}
.sms .sms_wrap .input_area .form_group_receive .receive_select1{display: flex;  margin-bottom: 10px;}
.sms .sms_wrap .input_area .form_group_receive .receive_select1_btn{display: flex; align-items: center; justify-content: center;
    height: 30px; width: 102px; background-color: #3D82FF; border-radius: 5px; margin-right: 10px;}

.sms .sms_wrap .input_area .form_group_receive .receive_select2{display: flex; justify-content: space-between; margin-bottom: 20px;}
.sms .sms_wrap .input_area .form_group_receive .receive_select2 input{margin-right: 10px;}
.sms .sms_wrap .input_area .form_group_receive .receive_select2_btn{display: flex; align-items: center; justify-content: center;
    height: 30px; width: 102px; background-color: #3D82FF; border-radius: 5px; margin-right: 10px;}

.sms .sms_wrap .input_area .form_group_receive .receive_select1_btn.no_margin{background-color: #FF453D;}

.sms .sms_wrap .input_area .form_group_receive .receive_select1_btn.no_margin,
.sms .sms_wrap .input_area .form_group_receive .receive_select2_btn.no_margin{margin-right: 0;}

.sms .sms_wrap .input_area .form_group_receive .receive_area .receive_text{width: 438px; height: 150px; resize: none; border-radius: 5px;
    margin-bottom: 10px;}

.sms .sms_wrap .input_area .form_group_receive .receive_area .receive_cnt{text-align: left; font-weight: 300;}
.sms .sms_wrap .input_area .form_group_receive .receive_area .receive_cnt span{color: #1F4384; font-weight: 700;}

.sms .sms_wrap .input_area .form_group_type {margin-bottom: 30px;}
.sms .sms_wrap .input_area .form_group_type .type{font-size: 18px; margin-bottom: 10px; font-weight: 500;}
.sms .sms_wrap .input_area .form_group_type .sendTypeBtn{width: 340px; display: flex; justify-content: space-between; margin-bottom: 15px;}
.sms .sms_wrap .input_area .form_group_type .sendTypeBtn:not(:last-child){margin-right: 10px;}
.sms .sms_wrap .input_area .form_group_type .sendTypeBtn .btn_option{flex: 1; display: flex; justify-content: center; align-items: center;
    border: 1px solid #3D82FF; border-radius: 5px; cursor: pointer;}

.sms .sms_wrap .input_area .form_group_type .sendTypeBtn .btn_option input[type="radio"]{display: none;}
.sms .sms_wrap .input_area .form_group_type .sendTypeBtn .btn_option label{margin: 0; padding: 10px 30px; cursor: pointer; width: 100%; text-align: center;}
.sms .sms_wrap .input_area .form_group_type .sendTypeBtn .btn_option input[type="radio"]:checked + label{
    background-color: #3D82FF; color: #f0f0f0; border-radius: 5px; font-weight: 500;
}

/* date_ui 고려 */
.sms .sms_wrap .input_area .form_group_type .re_selectBox{display: flex; align-items: center;}

/* 달력 */
.re_selectBox .cal_wrap{ position: relative; display: inline-block; height: 30px; line-height: 30px; margin-right: 10px; border-radius: 5px;}
.re_selectBox .cal_wrap>input{ width: 200px; padding-right: 42px; height: 30px; }
.re_selectBox .cal_wrap .icon_cal{ position: absolute; right: 0; font-size: 0; border-radius: 5px;
    display: inline-block; width: 30px; height: 30px; background: url(../../img/btn_cal.gif) #3D82FF no-repeat center; } 

.re_selectBox .cal_hour{margin-right: 10px;}
.re_selectBox .select_box{height: 33px; vertical-align: bottom;}

/* 이미지 업로드 */
/* .sms .sms_wrap .sms_img_wrap{} */
.sms .sms_wrap .sms_img_wrap .img_upload{font-size: 18px; font-weight: 500; margin-bottom: 10px;}
.sms .sms_wrap .sms_img_wrap .upload_wrap{height: 200px; padding: 10px; display: flex; gap: 13px; align-items: center; border: 1px solid #3D82FF; border-radius: 10px; transition: background-color 0.3s ease;}
.sms .sms_wrap .sms_img_wrap .upload_wrap li{width: 130px; height: 180px; overflow: hidden; border-radius: 10px; border: 1px solid #ddd; position: relative;}

.sms .sms_wrap .sms_img_wrap .upload_wrap li.file_off{ background: #f9f9f9;  }
.sms .sms_wrap .sms_img_wrap .upload_wrap li>a{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px;  font-size: 0; z-index: 9;}
.sms .sms_wrap .sms_img_wrap .upload_wrap li.file_off>a{background: url(../../img/icon_plus.png) no-repeat center center; background-size: 40px 40px;}
.sms .sms_wrap .sms_img_wrap .upload_wrap li.file_on>a{background: url(../../img/icon_del.png) no-repeat center center; background-size: 40px 40px;}
.sms .sms_wrap .sms_img_wrap .upload_wrap li.file_on img{width: 100%; height: 100%; object-fit: contain; border-radius: 10px;}
.sms .sms_wrap .sms_img_wrap .upload_wrap li:hover{background-color: #c9c9c9; transition: background-color 0.3s ease;}

/* 발송 btn */
.sms .sms_wrap .input_area .send_btns_wrap{margin: 30px auto; display: flex; justify-content: space-between; align-items: center;}
.sms .sms_wrap .input_area .send_btns_wrap .sendBtns{flex: 1;}
.sms .sms_wrap .input_area .send_btns_wrap .sendBtns:not(:last-child){margin-right: 10px;}
.sms .sms_wrap .input_area .send_btns_wrap .sendBtns a{display: flex; justify-content: center; align-items: center;
    padding: 10px 20px; border: 1px solid #3D82FF; border-radius: 5px; color: #333; transition: background-color 0.3s, color 0.3s;} 

.sms .sms_wrap .input_area .send_btns_wrap .sendBtns a span{display: inline-block; padding: 5px 10px; font-weight: 700;}
.sms .sms_wrap .input_area .send_btns_wrap .sendBtns a:hover{background-color: #1F4384; color: #fff;}
.sms .sms_wrap .input_area .send_btns_wrap .sendBtns a:active{background-color: #003d7a; color: #fff;}


/* 발송내역 */
.right_content_stats_wrap {min-width: 1100px; max-width: 1670px;}

.right_content_stats_wrap .stats{position: relative; max-width: 1300px; width: 100%; padding: 20px 40px 40px 0; }
.right_content_stats_wrap .stats .stats_box{position: relative; padding: 10px 10px 10px 0; margin-bottom: 20px; border-radius: 10px; }

.right_content_stats_wrap .stats_box_sel{width: 80px; font-weight: 500; margin-right: 10px;}

.right_content_stats_wrap .stats_box_input1{margin-right: 5px; width: 200px;}
.right_content_stats_wrap .stats_box_input2{margin-right: 15px; width: 150px;}

.right_content_stats_wrap .stats_box .cal_wrap.date_wrap{margin-right: 5px;}
.right_content_stats_wrap .stats_box .cal_wrap.date_wrap:nth-of-type(2){margin-left: 5px; margin-right: 15px;}
.right_content_stats_wrap .stats_box .cal_wrap.date_wrap input{width: 140px;}
.right_content_stats_wrap .stats_box .cal_wrap{position: relative;}
.right_content_stats_wrap .stats_box .cal_wrap .icon_cal{ position: absolute; right: 0; font-size: 0; border-radius: 5px;
    display: inline-block; width: 30px; height: 30px; background: url(../../img/btn_cal.gif) #3D82FF no-repeat center; } 

.right_content_stats_wrap .stats_box_btn{ width: 80px; height: 30px; background: #3D82FF; color: #dcdee0; font-weight: 500;
    border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; text-align: center; line-height: 1;}
.right_content_stats_wrap .stats_box_btn:hover{background: #003d7a; font-weight: 700;}

.right_content_stats_wrap .stats_box .stats_inf_excel{display: inline-block; width: 100px; height: 30px; position: absolute; right: 0;
    border-radius: 5px; border: 1px solid #3D82FF; text-align: center; line-height: 27px; font-size: 12px; font-weight: 500;}
.right_content_stats_wrap .stats_box .stats_inf_excel:hover{background-color: #3D82FF; color: #ddd;}

/* 발송내역 테이블 */
/* .right_content_stats_wrap .new_table_stats{box-shadow: 5px 5px 5px #acacac;} */

.right_content_stats_wrap .new_table_stats th,
.right_content_stats_wrap .new_table_stats td{padding: 15px 5px; border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; line-height: 1.5; }
.right_content_stats_wrap .new_table_stats th:last-child,
.right_content_stats_wrap .new_table_stats td:last-child { border-right: none;}

.right_content_stats_wrap .new_table_stats thead th,
.right_content_stats_wrap .new_table_stats tbody th{background: #426be9; color: #ddd; height: 50px; font-weight: 500; }

.right_content_stats_wrap .new_table_stats tr:first-child th:first-child {border-top-left-radius: 10px;}
.right_content_stats_wrap .new_table_stats tr:first-child th:last-child {border-top-right-radius: 10px;}
.right_content_stats_wrap .new_table_stats tr:last-child td:first-child {border-bottom-left-radius: 10px;}
.right_content_stats_wrap .new_table_stats tr:last-child td:last-child {border-bottom-right-radius: 10px;}
.right_content_stats_wrap .new_table_stats tr:nth-child(even) td {background: #dee9ff;}

.right_content_stats_wrap .new_table_stats tbody td{text-align: center;}

.right_content_stats_wrap .new_table_stats tbody .stats_text{text-align: left;}
.right_content_stats_wrap .new_table_stats tbody .stats_text span{width: 250px;}
.right_content_stats_wrap .new_table_stats tbody .stats_tcash{font-size: 12px; font-weight: 500;}
.right_content_stats_wrap .new_table_stats tbody .stats_textinfo{border: 1px solid #3D82FF; font-size: 12px; padding: 5px 10px; border-radius: 3px;}
.right_content_stats_wrap .new_table_stats tbody .stats_textinfo a{color: #3D82FF;}

/* 발송내역 - period */
.right_content_stats_wrap .stats.period .new_table_stats{max-width: 1020px;}
.right_content_stats_wrap .stats.period .stats_box .stats_inf_excel{position: relative; margin-left: 20px;}
.right_content_stats_wrap .new_table_stats tbody .table_cancle{display:inline-block; background: #fa3434; color: #f1f1f1; padding: 6px; font-size : 0.8em; font-weight: 300;}
.right_content_stats_wrap .new_table_stats tbody .table_cancle:hover{background-color: #f0f0f0; color: #fa3434; font-weight: 500;}

.right_content_stats_wrap .new_table_stats .stats_empty_list{text-align: center; font-weight: 700; color: #003d7a;}

/* 발송내역/결제내역/게시판 페이징  */
.right_content_stats_wrap .new_paging,
.right_content_mypage_wrap .new_paging,
.right_content_contact_wrap .new_paging{display: flex; width: 100%; justify-content: center; margin: 20px 0 30px 0; text-align: center;}

.new_paging a{ display: inline-block; width: 25px; height: 25px; margin-left: 4px; vertical-align: top; line-height: 23px;}
.new_paging a.first{ margin: 0 0 0 10px; background: url(../../img/sub/btn_first.png) no-repeat center center;  }
.new_paging a.prev{ margin: 0 10px 0 10px;  background: url(../../img/sub/btn_prev.png) no-repeat center center;  }
.new_paging a.next{ margin: 0 10px 0 10px; background: url(../../img/sub/btn_next.png) no-repeat center center; }
.new_paging a.end{ margin: 0 10px 0 0; background: url(../../img/sub/btn_end.png) no-repeat center center; }
.new_paging a.on, .new_paging a:not(.new_paging a.first, .new_paging a.prev, .new_paging a.next, .new_paging a.end):hover{ border: 1px solid #003d7a; border-radius: 100%; background: #eee; color: #1F4384; font-weight: 700; }


/* 발송내역 상세보기 원본 */
.stats .send_det {padding:33px 0; border-top:1px solid #222; letter-spacing:0; border-bottom:1px solid #222; overflow:hidden;
			-moz-box-shadow: 0 4px 0px 0 rgba(0,0,0,0.1);
			-webkit-box-shadow: 0 4px 0px 0 rgba(0,0,0,0.1);
			 box-shadow: 0 4px 0px 0 rgba(0,0,0,0.1);}
.stats .send_det .sms {position:relative; float:left; width:250px; padding-right:23px; }
.stats .send_det .sms textarea {padding:8px; width:100%; height:219px; background:#f9f9f9; border:1px solid #27609d; border-radius:7px;}
.stats .send_det .sms .bub {position:absolute; right:1px; top:23px; width:23px; height:23px; background-position:-5px -340px;}
.stats .send_det .exp {margin-left:280px;}
.stats .send_det .exp ul {border-top:1px solid #dbdbdb;}
.stats .send_det .exp ul li {padding:12px 0 12px 25px; border-bottom:1px solid #dbdbdb; overflow:hidden;}
.stats .send_det .exp ul li.sb { color:#426be9; font-weight:bold; font-size:16px; background:#e8ebed;}
.stats .send_det .exp ul li p {display:inline-block;}

/* 마이페이지 - 공통 */
.right_content_mypage_wrap .user_myPage_edit{width: 900px; margin-top: 40px;}
.right_content_mypage_wrap form{margin-bottom: 40px;}
.user_myPage_edit .mypage_section_title{font-size: 24px; font-weight: 700;}
.user_myPage_edit .mypage_section_body{margin-top: 20px; border-top: 1px solid #003d7a; font-size: 14px; color: #334155;}
.user_myPage_edit .mypage_section_body .t_row{display: flex; border-bottom: 1px solid #c9c9c9;}
.user_myPage_edit .mypage_section_body .cell_th{width: 150px; align-items: center; flex-shrink: 0;}
.user_myPage_edit .mypage_section_body .t_cell{padding: 10px; display: flex;}

/* 마이페이지 - 회원정보 수정 */
.user_myPage_edit .mypage_section_body .divCallbackNum{min-height: 40px;}
.user_myPage_edit .mypage_section_body .divCallbackNum .mT5{display: flex; width: 250px; justify-content: space-between;}
.user_myPage_edit .mypage_section_body .divCallbackNum .call{min-width: 150px; color: #3D82FF; font-weight: 500;}

.user_myPage_edit .mypage_section_body .btn_callBack{width: 100px; height: 30px; background: #3D82FF; color: #f0f0f0; 
    text-align: center; line-height: 2; border-radius: 3px; margin-left: 20px;}
.user_myPage_edit .mypage_section_body .btn_callBack:hover{background-color: #1F4384; color: #fff;}
.user_myPage_edit .mypage_section_body .cell_businessNum{display: flex; align-items: center;}
.user_myPage_edit .mypage_section_body .cell_businessNum input{margin: 0 5px 0 5px; width: 50px;}
.user_myPage_edit .mypage_section_body .cell_businessNum input:nth-of-type(1){margin-left: 0;}
.user_myPage_edit .mypage_section_body .cell_businessNum input:nth-of-type(3){width: 70px;}
.user_myPage_edit .mypageEdit_btns{width: 900px; margin: 30px 0 0 0; display: flex; justify-content: center;}

.right_content_mypage_wrap form .mypageEdit_btns{width: 900px; display: flex; justify-content: center; margin-top: 30px;}
.mypageEdit_btns .btn_a{width: 150px; display: flex; justify-content: center; align-items: center; font-weight: 500;
    padding: 10px 40px; border: 1px solid #3D82FF; border-radius: 5px; color: #333; transition: background-color 0.3s, color 0.3s;}
.mypageEdit_btns .btn_a:hover{background-color: #1F4384; color: #fff;}

/* 마이페이지 - 비밀번호 변경 */
.right_content_mypage_wrap .user_myPage_edit.pwd_change{margin-left: 40px;}
.right_content_mypage_wrap .user_myPage_edit.pwd_change .captchabox{display: flex; justify-content: center; margin-top: 30px;}

/* 마이페이지 - 회원탈퇴 */
.right_content_mypage_wrap .withdrawal_top{width: 900px; text-align: center; margin: 30px 0 40px 0;}
.right_content_mypage_wrap .withdrawal_top .withdrawal_top_tx1{font-size: 30px; font-weight: 700; color: #FF453D; margin: 20px 0 15px 0;}
.right_content_mypage_wrap .withdrawal_top .withdrawal_top_tx2{font-size: 18px; font-weight: 500;}
.right_content_mypage_wrap .withdrawal_top .withdrawal_top_tx2 b{color: #FF453D; font-weight: 700;}

.right_content_mypage_wrap .mypage{width: 900px;}
.right_content_mypage_wrap .mypage .caution{border-top: 1px solid #1F4384; border-bottom: 1px solid #c9c9c9; padding: 20px;}
.right_content_mypage_wrap .mypage .caution > p{font-weight: 500; line-height: 1.5;}
.right_content_mypage_wrap .mypage .caution .check_cash{margin-top: 10px;}
.mypage .caution .check_cash p:nth-child(1) {display: inline-block; margin-bottom: 5px; padding: 5px 10px; background: #FF453D; color: #f0f0f0;
    border-radius: 3px; font-size: 16px; font-weight: 700;}
.mypage .caution .check_cash p:nth-child(2) {font-weight: 500;}

/* 마이페이지 - 충전하기 */
.right_content_mypage_wrap .user_myPage_charge,
.right_content_mypage_wrap .user_myPage_chargeinfo{width: 1000px; margin-top: 30px;}

.right_content_mypage_wrap .user_myPage_charge th,
.right_content_mypage_wrap .user_myPage_charge td{padding: 10px 5px; border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9; line-height: 1.5; }
.right_content_mypage_wrap .user_myPage_charge th:last-child,
.right_content_mypage_wrap .user_myPage_charge td:last-child { border-right: none;}
.right_content_mypage_wrap .user_myPage_charge thead th,
.right_content_mypage_wrap .user_myPage_charge tbody th{background: #426be9; color: #ddd; height: 50px; font-weight: 500; }

.right_content_mypage_wrap .user_myPage_charge tr:first-child th:first-child {border-top-left-radius: 10px;}
.right_content_mypage_wrap .user_myPage_charge tr:first-child th:last-child {border-top-right-radius: 10px;}
.right_content_mypage_wrap .user_myPage_charge tr:last-child td:first-child {border-bottom-left-radius: 10px;}
.right_content_mypage_wrap .user_myPage_charge tr:last-child td:last-child {border-bottom-right-radius: 10px;}
.right_content_mypage_wrap .user_myPage_charge tr:nth-child(even) td {background: #d9e6ff;}

.right_content_mypage_wrap .user_myPage_charge tbody td{text-align: center;}
.right_content_mypage_wrap .user_myPage_charge tbody .input_rdoX{width: 120px;}

.user_myPage_chargeinfo .mypage_section_title{font-size: 18px; font-weight: 500;}
.user_myPage_chargeinfo .mypage_section_body{margin-top: 10px; border-top: 1px solid #003d7a; font-size: 14px; color: #334155;}
.user_myPage_chargeinfo .mypage_section_body .t_row{display: flex; border-bottom: 1px solid #c9c9c9;}
.user_myPage_chargeinfo .mypage_section_body .cell_th{width: 150px; align-items: center; flex-shrink: 0;}
.user_myPage_chargeinfo .mypage_section_body .t_cell{padding: 15px; display: flex;}
.user_myPage_chargeinfo .mypage_section_body .t_cell.block{display: block;}
.user_myPage_chargeinfo .mypage_section_body .t_cell .point{color: #3D82FF; font-weight: 700;}

.user_myPage_chargeinfo .mypage_section_body .cell_block_charge{height: 30px; display: flex; align-items: center;}
.user_myPage_chargeinfo .mypage_section_body .cell_block_charge label{margin-right: 10px;}

.user_myPage_charge .mypageCharge_btns{width: 900px; display: flex; justify-content: center; margin-top: 30px;}
.user_myPage_charge .mypageCharge_btns .btn_a{width: 150px; display: flex; justify-content: center; align-items: center; font-weight: 500;
    padding: 15px 40px; border: 1px solid #3D82FF; border-radius: 5px; color: #333; transition: background-color 0.3s, color 0.3s;}
.user_myPage_charge .mypageCharge_btns .btn_a:hover{background-color: #1F4384; color: #fff;}

/* 마이페이지 - 결제하기 */
.user_myPage_charge .stats_box_charge{position: relative; margin-bottom: 20px;}

.user_myPage_charge .stats_box_charge .cal_wrap.date_wrap{margin-right: 5px;}
.user_myPage_charge .stats_box_charge .cal_wrap.date_wrap:nth-of-type(2){margin-left: 5px; margin-right: 15px;}
.user_myPage_charge .stats_box_charge .cal_wrap.date_wrap input{width: 140px;}
.user_myPage_charge .stats_box_charge .cal_wrap{position: relative;}
.user_myPage_charge .stats_box_charge .cal_wrap .icon_cal{ position: absolute; right: 0; font-size: 0; border-radius: 5px;
    display: inline-block; width: 30px; height: 30px; background: url(../../img/btn_cal.gif) #3D82FF no-repeat center; } 

.user_myPage_charge .stats_box_charge .stats_box_btn{ width: 80px; height: 30px; background: #3D82FF; color: #dcdee0; font-weight: 500;
    border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; text-align: center; line-height: 1;}

.user_myPage_charge .stats_box_charge .stats_box_btn:hover{background: #003d7a; font-weight: 700;}

/* 마이페이지 - 결제내역 - 뷰*/
.right_content_mypage_wrap .user_myPage_edit.charge_view{margin-left: 40px;}
.right_content_mypage_wrap .user_myPage_edit.charge_view .cell_charge{margin-right: 10px;}

/* 마이페이지 - 그룹관리 */
.right_content_mypage_wrap .user_myPage_edit.group{margin-left: 40px;}
.user_group .new_table_stats.group-info{width: 900px; margin-left: 40px; margin-top: 40px;}

.user_group .new_table_stats.group-info th,
.user_group .new_table_stats.group-info td{padding: 5px; border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; line-height: 1.5; }
.user_group .new_table_stats.group-info th:last-child,
.user_group .new_table_stats.group-info td:last-child {border-right: none;}

.user_group .new_table_stats.group-info thead th,
.user_group .new_table_stats.group-info tbody th{background: #426be9; color: #ddd; height: 50px; font-weight: 500; }

.user_group .new_table_stats.group-info tr:first-child th:first-child {border-top-left-radius: 10px;}
.user_group .new_table_stats.group-info tr:first-child th:last-child {border-top-right-radius: 10px;}
.user_group .new_table_stats.group-info tr:last-child td:first-child {border-bottom-left-radius: 10px;}
.user_group .new_table_stats.group-info tr:last-child td:last-child {border-bottom-right-radius: 10px;}
.user_group .new_table_stats.group-info tr:nth-child(even) td {background: #dee9ff;}
.user_group .new_table_stats.group-info tbody td{text-align: center;}

.mypage_section_body .t_cell.group_user_add{display: flex; align-items: center;}
.mypage_section_body .t_cell.group_user_add p{margin-left: 10px;}
.group_user_cash{display: flex; justify-content: end;}
.user_group .new_table_stats.group-info input{width: 130px;}

.btn_new01{display: inline-block; min-width: 70px; padding: 0 5px; height: 28px; line-height: 28px; border-radius: 3px;
        font-size: 14px; text-align: center; letter-spacing: -1px; margin-left: 5px;}
.btn_new01.plus, .btn_new02.plus{background-color: #3D82FF; color: #fff;}
.btn_new01.del, .btn_new02.del{background-color: #FF453D; color: #fff;}

/* 엑셀 등록 */
.notice_text .down_ex{ margin-left: 10px; padding: 1.5px 6px; border: 1px solid #FF453D; border-radius: 5px; background: rgba(255,255,255,0.8); font-size: 14px; font-weight: 500; text-align: center; }
.notice_text .down_ex span{padding-right: 15px; background: url(../../img/icon_down.png) no-repeat right center; letter-spacing: -1.1px;}

.right_content_mypage_wrap .user_address.excel{width: 900px; margin-top: 40px;}
/* .right_content_mypage_wrap form{margin-bottom: 40px;} */
.user_address_table .mypage_section_title{font-size: 24px; font-weight: 700;}
.user_address_table .mypage_section_body{margin-top: 20px; border-top: 1px solid #003d7a; font-size: 14px; color: #334155;}
.user_address_table .mypage_section_body .t_row{display: flex; border-bottom: 1px solid #c9c9c9;}
.user_address_table .mypage_section_body .cell_th{width: 80px; align-items: center; flex-shrink: 0;}
.user_address_table .mypage_section_body .t_cell{padding: 10px; display: flex; align-items: center;}
.mypage_section_body .grp_name{width: 170px; margin: 0 10px 0 10px;}
.user_address.excel .excel_data{margin-top: 20px; font-size: 16px; font-weight: 400;}
.user_address.excel .excel_data b{color: #FF453D; font-weight: 700; font-size: 20px; margin-left: 5px;}
/* - 엑셀 파일선택 버튼 */
.upload_file{ position: relative; height: 28px; padding: 0px !important; line-height: 28px; }
.upload_file::-webkit-file-upload-button { visibility: hidden; font-size: 0; }
.upload_file::before { content: '업로드'; display: inline-block; height: 33px; padding: 0 12px; background: #1F4384; color: #fff; font-weight: 600; line-height: 28px; white-space: nowrap; outline: none; right: 0; cursor: pointer; -webkit-user-select: none; }
/* - 그룹데이터 테이블 */
.user_address .user_address_table.grp_data{width: 900px; margin-top: 20px; max-height: 400px; overflow-y: auto;}
.user_address_table.grp_data th,
.user_address_table.grp_data td{padding: 5px; border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; line-height: 1.5; }
.user_address_table.grp_data th:last-child,
.user_address_table.grp_data td:last-child {border-right: none;}

.user_address_table.grp_data thead th,
.user_address_table.grp_data tbody th{background: #426be9; color: #ddd; height: 50px; font-weight: 500; }

.user_address_table.grp_data tr:first-child th:first-child {border-top-left-radius: 10px;}
.user_address_table.grp_data tr:first-child th:last-child {border-top-right-radius: 10px;}
.user_address_table.grp_data tr:last-child td:first-child {border-bottom-left-radius: 10px;}
.user_address_table.grp_data tr:last-child td:last-child {border-bottom-right-radius: 10px;}
.user_address_table.grp_data tr:nth-child(even) td {background: #dee9ff;}
.user_address_table.grp_data tbody td{text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 20ch; }

.right_content_mypage_wrap form .address_btns{display: flex; justify-content: end; margin-top: 30px;}
.address_btns .btn_a{display: flex; justify-content: center; align-items: center; font-weight: 500;
    padding: 10px 30px; border: 1px solid #FF453D; border-radius: 5px; color: #333; transition: background-color 0.3s, color 0.3s;}
.address_btns .btn_a:hover{background-color: #FF453D; color: #fff;}
/* 주소록관리 */
.right_content_mypage_wrap .addrgroup_box{display: flex; margin-top: 40px;}

.right_content_mypage_wrap .addr_edit{width: 300px; padding: 10px; border: 1px solid #1f4284; border-right: none; 
    border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.addr_edit .mypage_section_title{font-size: 24px; font-weight: 700;}
.addr_edit .mypage_section_body{margin-top: 20px; border-top: 1px solid #003d7a; font-size: 14px; color: #334155;}
.addr_edit .mypage_section_body .t_row{display: flex; border-bottom: 1px solid #c9c9c9;}
.addr_edit .mypage_section_body .cell_th{width: 80px; align-items: center; flex-shrink: 0;}
.addr_edit .mypage_section_body .t_cell{padding: 10px; display: flex;}

/* 등록수정 버튼 */
.addr_edit .addrEdit_btns{width: 300px; display: flex; justify-content: center; margin-top: 30px;}
.addr_edit .addrEdit_btns .btn_a{width: 150px; display: flex; justify-content: center; align-items: center; font-weight: 500;
    padding: 15px 40px; border: 1px solid #3D82FF; border-radius: 5px; color: #333; transition: background-color 0.3s, color 0.3s;}
.addrEdit_btns .btn_a:hover{background-color: #1F4384; color: #fff;}

.addrgroup_box .user_address_table.grp_data{width: 800px; padding: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.addrgroup_box .user_address_table.grp_data .table_title{font-size: 24px; font-weight: 700; margin-bottom: 20px;}

/* 주소록 메인 */
.addr_box{display: flex; margin-top: 40px;}

.addr_grp_data{width: 100%; min-width: 700px; max-width: 1000px; margin-left: 10px;}
.addr_grp_data .addr_finder{width: 100%; display: flex; flex-direction: column;}

.addr_finder .finder_text{padding: 10px;display: flex; align-items: center; justify-content: center; background-color: #d9e6ff;}
.addr_finder .finder_text a{display: inline-block; width: 30px; text-align: center; font-weight: 500; margin-right: 7px; background-color: #fff; padding: 2px;}
.addr_finder .finder_text a:first-child{background-color: #d9e6ff;}
.addr_finder .finder_text a:last-child{margin-right: 0;}
.addr_finder .finder_text a:hover:not(.addr_finder .finder_text a:first-child){background: #3D82FF; color: #fff; font-weight: 700;}

.addr_finder .finder_sear{display: flex; justify-content: space-between; margin-top: 10px; margin-bottom: 10px;}
.finder_sear .search_title{font-size: 18px;background: url(../../img/fa_icon_folder.png) no-repeat left; background-size: 25px 25px; 
    padding-left: 28px; line-height: 1.5; font-weight: 700;}
.finder_sear .search_title .cont_t{color: #003d7a; margin-left: 3px;}
.finder_sear .search_select .grp_select{width: 130px;}
.addr_grp_data .loading_area{display: flex; overflow: hidden;}

.loading_area .box01{width: 350px;}
.loading_area .box02{width: 100%; min-width: 350px; max-width: 650px;}

.btn_new02{display: inline-block; width: 45px; height: 25px; padding: 0 5px;  line-height: 25px; border-radius: 3px;
    font-size: 12px; text-align: center; letter-spacing: -1px; margin-right: 10px;}

.loading_area .box01 .gp_sel{display: flex; justify-content: space-between; align-items: center; height: 40px; background-color: #d9e6ff; border-right: 1px solid #fff;}
.loading_area .box01 .gp_sel p label{padding-left: 25px; background: url(../../img/icon_addr.png) no-repeat left 5px; background-size: 20px 15px;}
.loading_area .box01 .mana_list li p span:first-of-type{padding-left: 25px; background: url(../../img/icon_addr.png) no-repeat left 5px; background-size: 20px 15px;}

.loading_area .box01 .mana_list li{height: 40px; padding-top: 11px; display: flex; justify-content: space-between;}

.loading_area .mana_list{max-height: 400px; overflow-y: auto;}
.loading_area .mana_list .addr_btns{margin-right: 10px;}
.loading_area .mana_list .addr_btns a.modi{display: inline-block; width: 20px; height: 20px; margin-right: 4px;
    background: url(../../img/fa_icon_modi.png) no-repeat center center; background-size: 18px 20px;}
.loading_area .mana_list .addr_btns a.del{display: inline-block; width: 20px; height: 20px;
    background: url(../../img/fa_icon_close.png) no-repeat center center; background-size: 20px 20px;}

.loading_area .box02 .gp_sel{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px; background-color: #d9e6ff;}
.loading_area .box02 .gp_sel p:nth-child(1){ flex-basis: 30%;}
.loading_area .box02 .gp_sel p:nth-child(2){ flex-basis: 30%;}
.loading_area .box02 .gp_sel p:nth-child(3){ flex-basis: 20%;}
.loading_area .box02 .gp_sel .addr_mbtn{flex-basis: 20%; text-align: right; padding-right: 15px;} 

.loading_area .box02 .mana_list li{display: flex; height: 40px; padding-top: 11px;}
.loading_area .box02 .mana_list p:nth-child(1){ flex-basis: 30%;}
.loading_area .box02 .mana_list p:nth-child(2){ flex-basis: 30%;}
.loading_area .box02 .mana_list p:nth-child(3){ flex-basis: 20%;}
.loading_area .box02 .mana_list .addr_btns{flex-basis: 20%; text-align: right; padding-right: 15px;} 

.mv_btn{text-align: right;}
.grp_select{width: 130px;}

.right_content_mypage_wrap .addr_edit{border: none;}

/* 게사판 - 목록 리스트 */
.right_content_contact_wrap .contact_form{min-width: 800px; max-width: 1200px; width: 100%; margin-bottom: 20px;}
.right_content_contact_wrap .notice_area h3{margin-bottom: 0;}

.right_content_contact_wrap .contact_form .stats_box{display: flex; margin-top: 20px;}
.contact_form .stats_box_sel{margin-right: 10px; width: 70px;}
.contact_form .stats_box_input1{width: 200px;}

.right_content_contact_wrap .new_bd_list{min-width: 800px; max-width: 1200px; margin-top: 20px;}
.right_content_contact_wrap .new_bd_list th,
.right_content_contact_wrap .new_bd_list td{padding: 15px 5px; border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; line-height: 1.5; }
.right_content_contact_wrap .new_bd_list th:last-child,
.right_content_contact_wrap .new_bd_list td:last-child { border-right: none;}

.right_content_contact_wrap .new_bd_list thead th,
.right_content_contact_wrap .new_bd_list tbody th{background: #426be9; color: #fff; height: 50px; font-weight: 500; }

.right_content_contact_wrap .new_bd_list tr:first-child th:first-child {border-top-left-radius: 10px;}
.right_content_contact_wrap .new_bd_list tr:first-child th:last-child {border-top-right-radius: 10px;}
.right_content_contact_wrap .new_bd_list tr:last-child td:first-child {border-bottom-left-radius: 10px;}
.right_content_contact_wrap .new_bd_list tr:last-child td:last-child {border-bottom-right-radius: 10px;}
.right_content_contact_wrap .new_bd_list tr:nth-child(even) td {background: #dee9ff;}
.right_content_contact_wrap .new_bd_list tbody td{text-align: center;}
.right_content_contact_wrap .new_bd_list tbody .processing_stat{color: #1f4284; font-weight: 700;}
.right_content_contact_wrap .new_bd_list tbody tr td.board_title>a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.right_content_contact_wrap .new_bd_list .notice_tr .tr_span{font-weight: 700; color: #FF453D;}

.contact_form .notice_btns{display: flex; justify-content: end; margin-top: 20px;}
.contact_form .notice_btns .btn_a{width: 120px; display: flex; justify-content: center; align-items: center; font-weight: 500;
    padding: 15px 20px; border: 1px solid #3D82FF; border-radius: 5px; color: #333; transition: background-color 0.3s, color 0.3s;}
.contact_form .notice_btns .btn_a:hover{background-color: #1F4384; color: #fff;}

/* 자주하는 질문 */
.right_content_contact_wrap .accordion-container{width: 1000px; margin-top: 20px;}
.accordion-container .set .faq_qst{padding: 20px; background-color: #426be9; border-bottom: 1px solid #fff;}
.accordion-container .set .faq_qst a{display: flex; color: #fff; font-weight: 500;}
.set .faq_qst .qst{display: block; width: 50px;}

.accordion-container .set .content{display: flex; padding: 20px; font-weight: 500; background-color: #eee;}
.accordion-container .set .content .ans{display: block; width: 100px; }

/* 이용요금안내  */
.fee_cont{margin-left: 40px;}
.fee_text{margin: 10px 0 0 10px; color: #FF453D; font-weight: 500;}
.fee_text p{margin-bottom: 5px;}

/* 게시판 - 쓰기 영역 */
.right_content_contact_wrap .write_form{width: 1000px; margin-top: 40px;}
.write_form .cell_input{width: 250px;}
.write_form .cell_span{color: #FF453D; margin-right: 5px;}
.write_form .write_text{width: 700px; min-height: 300px; padding: 10px; border-radius: 5px; resize: none; color: #333; font-weight: 500;}
.write_form .notice_btns{display: flex; justify-content: center; margin: 30px 0;}
.write_form .notice_btns .btn_a{width: 120px; display: flex; justify-content: center; align-items: center; font-weight: 500; margin-right: 30px;
    padding: 15px 20px; border: 1px solid #fff; border-radius: 5px; color: #333; transition: background-color 0.3s, color 0.3s;}
.write_form .notice_btns .btn_a:last-child{margin-right: 0;}
.write_form .notice_btns .btn_a.plus{background-color: #426be9; color: #fff;}
.write_form .notice_btns .btn_a.plus:hover{background-color: #fff; color: #333; border: 1px solid #426be9;}
.write_form .notice_btns .btn_a.del{background-color: #FF453D; color: #fff;}
.write_form .notice_btns .btn_a.del:hover{background-color: #fff; color: #333; border: 1px solid #FF453D;}

/* 게시판 - 뷰 영역 */
.board_cont{min-width: 800px; max-width: 1200px; margin: 20px 20px 40px 20px;}

.right_content_contact_wrap .new_board_view th,
.right_content_contact_wrap .new_board_view td{padding: 12px 15px; border-right: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; line-height: 1.5; }
.new_board_view tbody th{background: #dee9ff; text-align: center; font-weight: 400;}
.right_content_contact_wrap .new_board_view tbody tr .board_conts{min-height: 400px; padding: 30px 15px; font-weight: 500;}
.board_cont .notice_btns{display: flex; justify-content: center; margin-top: 20px;}
.board_cont .notice_btns .btn_a{width: 120px; display: flex; justify-content: center; align-items: center; font-weight: 500; margin: 0 10px;
    padding: 15px 20px; border: 1px solid #fff; border-radius: 5px; color: #333; transition: background-color 0.3s, color 0.3s;}
.board_cont .notice_btns .btn_a.plus{background-color: #426be9; color: #fff;}
.board_cont .notice_btns .btn_a.plus:hover{background-color: #fff; color: #333; border: 1px solid #426be9;}
.board_cont .notice_btns .btn_a.del{background-color: #FF453D; color: #fff;}
.board_cont .notice_btns .btn_a.del:hover{background-color: #fff; color: #333; border: 1px solid #FF453D;}

/* 발송내역-상세 */
.detail_sms{display: flex; margin: 0 0 30px 40px;}
.detail_sms_text{width: 30%; margin-right: 20px; margin-top: 20px;}
.detail_sms_text .text_box{height: 292px; resize: none; font-size: 13px; border-radius: 5px; border: 1px solid #1F4384; background-color: #f0f0f0;}
.detail_sms_info{width: 70%; padding-right: 40px;}

/* 발송내역-상세 sms_view_iframe */
.detail_list .stats_iframe{padding: 10px 40px 0 0;}
.detail_list .stats_iframe .stats_box{position: relative; margin-bottom: 20px;}

.stats_iframe .iframe_btns{display: flex; justify-content: end; margin-top: 20px;}
.stats_iframe .iframe_btns .btn_a{width: 100px; height: 30px; display: flex; justify-content: center; align-items: center; font-weight: 500;
    margin-right: 20px; border: 1px solid #fff; border-radius: 5px; color: #333; transition: background-color 0.3s, color 0.3s;}
.stats_iframe .iframe_btns .btn_a:nth-child(2){margin-right: 0;}
.stats_iframe .iframe_btns .btn_a.plus{background-color: #426be9; color: #fff;}
.stats_iframe .iframe_btns .btn_a.plus:hover{background-color: #fff; color: #333; border: 1px solid #426be9;}
