@charset "utf-8";
/** -----------------------
  * @ 파일 : mypage.css
  * @ 구분 : 마이페이지 관련
  * -----------------------
**/
/* 기존달력 */
.calendar_box .month_select_box {overflow:hidden;height:8.8rem;padding-top:1.7rem;margin-top:0;background:#3194f7;text-align:center;}
.calendar_box .month_select_box .btn_move {display:inline-block;width:.8rem;height:1.25rem;vertical-align:-.1rem;text-indent:-9999px;background:url(/img/nonetouch/pib/btn_calender.png) no-repeat;background-size:100%;}
.calendar_box .month_select_box .btn_move.prev {background-position:0 0;}
.calendar_box .month_select_box .btn_move.next {background-position:0 -1.9rem;}
.calendar_box .month_select_box .month_box {display:inline-block;width:11.8rem;text-align:center;font-size:2.4rem;font-weight:500;color:#fff;}

.calendar_box .table_wrap {position:relative;z-index:1;padding:2.4rem 2.4rem 1.6rem 2.4rem;padding-top:0;margin-top:-3.4rem;}
.calendar_box .table_wrap table {border-top:none;}
.calendar_box .table_wrap thead th {height:3.5rem;padding:1.2rem 0 .3rem 0;background:none;font-size:1.5rem;border-top:none;border-left:none;color:#fff;}
.calendar_box .table_wrap tbody td {position:relative;width:14.28%;height:4.9rem;padding:0;font-size:1.8rem;color:#333;vertical-align:top;border-left:none;border-top:none;border-bottom:1px solid #ededed;}
.calendar_box .table_wrap tbody td .day {display:block;padding-top:1.2rem;}
.calendar_box .table_wrap tbody td .stat {display:block;text-align:center;line-height:.7rem;margin-top:0;}
.calendar_box .table_wrap tbody td .stat em {display:inline-block;width:.7rem;height:.7rem;background-image:url(/img/nonetouch/pib/ico_my_assets_cal.png);background-repeat:0 0;background-size:100%;text-indent:-99999px;}

.calendar_box .table_wrap tbody td.sun {color:#f73e31;}
.calendar_box .table_wrap tbody td.sun.disabled {color:#ffbbb6;}
.calendar_box .table_wrap tbody td.sat {color:#3194f7;}
.calendar_box .table_wrap tbody td.sat.disabled {color:#9cceff;}
.calendar_box .table_wrap tbody td.disabled {color:#cdcdcd;}
.calendar_box .table_wrap tbody td a {position:absolute;top:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;}
.calendar_box .table_wrap tbody td.active a {border:.15rem solid #3194f7;}
.calendar_box .table_wrap tbody td.active a .day {padding-top:1.1rem;}

.my_assets_cal .calendar_box .table_wrap tbody td .stat em.type05 {background-position:0 0;}
.my_assets_cal .calendar_box .table_wrap tbody td .stat em.type04 {background-position:0 -.8rem;}
.my_assets_cal .calendar_box .table_wrap tbody td .stat em.type01 {background-position:0 -1.6rem;}
.my_assets_cal .calendar_box .table_wrap tbody td .stat em.type02 {background-position:0 -2.4rem;}
.my_assets_cal .calendar_box .table_wrap tbody td .stat em.type03 {background-position:0 -7.5rem;}

.my_assets_cal .stat_info {padding-left:2.4rem;padding-right:2.4rem;}
.my_assets_cal .stat_info ul {overflow:hidden;margin-bottom:.5rem;border-bottom:1px solid #ececec;}
.my_assets_cal .stat_info ul li {position:relative;float:left;width:calc(50% - 1.6rem);padding:.3rem 0 1.1rem 1.8rem;margin-left:1.6rem;font-size:1.6rem;font-weight:300;color:#333;}
.my_assets_cal .stat_info ul li:after {content:'';position:absolute;top:.3rem;left:0;width:1.4rem;height:1.4rem;background-image:url(/img/nonetouch/pib/ico_my_assets_cal.png);background-repeat:0 0;background-size:100%;}

.my_assets_cal .stat_info ul li.type05:after {background-position:0 0;}
.my_assets_cal .stat_info ul li.type04:after {background-position:0 -1.6rem;}
.my_assets_cal .stat_info ul li.type01:after {background-position:0 -3.3rem;}
.my_assets_cal .stat_info ul li.type02:after {background-position:0 -5rem;}
.my_assets_cal .stat_info ul li.type03:after {background-position:0 -6.7rem;}

/* 신규달력 */
.-calendar_box{position:fixed;z-index:10;background:#fff;border-radius:0 0 .6rem .6rem;box-shadow: 5.6px 8.3px 35px 0 rgba(0, 11, 28, 0.09);}
.-calendar_box .-cal_header{position:relative;height:4rem;padding:2rem 2.4rem 0;text-align:center}
.-calendar_box .-btn_today{width:4rem;height:4rem;margin-top:-.8rem}
.-calendar_box .-month_select{overflow:visible;display:inline-block;height:auto;padding-top:0;background:none;}
.-calendar_box .-month_select .month_box{width:auto;padding:0 1rem;font-size:1.8rem;color:#333;vertical-align:middle}
.-calendar_box .-month_select .btn_move{height:1.5rem;vertical-align:middle;line-height:1;}
.-calendar_box .-month_select .btn_move.prev{background:url(/img/nonetouch/pib/_new/common/ico-calendar-arrow-left.png) no-repeat 0 0 / 100%;}
.-calendar_box .-month_select .btn_move.next{background:url(/img/nonetouch/pib/_new/common/ico-calendar-arrow-right.png) no-repeat 0 0 / 100%}
.-calendar_box .-btn_add_scd{position:absolute;right:5.5rem;width:2rem;height:2rem;background:url(/img/nonetouch/pib/_new/content/ico_cal_plus.png) no-repeat 50% 50% / 1.4rem auto}
.-calendar_box .-popover{top:-.4rem}
.-calendar_box .table_wrap{margin-top:0}
.-calendar_box .table_wrap table{border:0}
.-calendar_box .table_wrap thead th{padding-bottom:1rem;color:#666}
.-calendar_box .table_wrap tbody td{border-bottom:0;font-size:1.5rem;color:#151515}
.-calendar_box .table_wrap tbody td.active a{border:0}
.-calendar_box .table_wrap tbody td.sun,
.-calendar_box .table_wrap tbody td.sat{color:#151515}
.-calendar_box .table_wrap tbody td.disabled,
.-calendar_box .table_wrap tbody td.sun.disabled,
.-calendar_box .table_wrap tbody td.sat.disabled{color:#666}
.-calendar_box .-table.-calendar .day_group .day,
.-calendar_box .table_wrap tbody td.active a .day{padding-top:.8rem}

.-calendar_box .table_wrap tbody td .stat em{float:left;width:.5rem;height:.5rem;margin-left:2px;text-indent:0}
.-calendar_box .table_wrap tbody td .stat em.type01{background:url(/img/nonetouch/pib/_new/content/ico_cal_type1.png) no-repeat 0 0 / 100% !important}
.-calendar_box .table_wrap tbody td .stat em.type02{background:url(/img/nonetouch/pib/_new/content/ico_cal_type2.png) no-repeat 0 0 / 100% !important}
.-calendar_box .table_wrap tbody td .stat em.type03{background:url(/img/nonetouch/pib/_new/content/ico_cal_type3.png) no-repeat 0 0 / 100% !important}
.-calendar_box .table_wrap tbody td .stat em.type04{background:url(/img/nonetouch/pib/_new/content/ico_cal_type4.png) no-repeat 0 0 / 100% !important}
.-calendar_box .table_wrap tbody td .stat em.type05{background:url(/img/nonetouch/pib/_new/content/ico_cal_type5_n.png) no-repeat 0 0 / 100% !important}
.-calendar_box .table_wrap tbody td .stat em.type06{background:url(/img/nonetouch/pib/_new/content/ico_cal_type5.png) no-repeat 0 0 / 100% !important}

.-schedule_scroll_wrap{padding-top:35.7rem;}
.-schedule_box{padding:2rem 2.4rem}
.-schedule_box .-schd_tit{font-size:1.3rem}
.-schedule_box .-schd_tit span{padding-left:1rem;color:#666}
.-schedule_list{padding-top:2.5rem}
.-schedule_item{position:relative;padding-bottom:3rem;padding-right:3.1rem}
.-schedule_item:before{content:'';position:absolute;top:.5rem;left:.8rem;width:1px;height:100%;background:url(/img/nonetouch/pib/_new/content/bg_pt_cal.png) repeat-y 0 0 / 1px auto}
.-schedule_item:last-child:after{content:'';position:absolute;top:1rem;left:.8rem;bottom:-.5rem;width:1px;background:#fff}
.-schedule_item .-schedule_info{padding-left:1.2rem}
.-schedule_item .stat{position:relative}
.-schedule_item .stat em[class^="type0"]{position:absolute;top:.3rem;left:-1.2rem;z-index:1;width:1.2rem;height:1.2rem;margin-left:.2rem}
.-schedule_item .-sentence.-sm{color:#666}
.-schedule_item .-sentence.-sm em{color:#333}
.-schedule_item .-bank_num{font-size:1.4rem;}
.-schedule_item .bank_symbol{display:inline-block;width:1.4rem;height:1.4rem;margin-right:.3rem;vertical-align:middle}
.-schedule_txt,
.-link_group{padding-left:1.5rem}
.-link_group{padding-top:1.5rem}
.-link_group .-link + .-link {padding-left:2rem}
.-schedule_box .-link.-small:after{width:.5rem;height:1rem;background:url(/img/nonetouch/pib/_new/content/ico_cal_link.png) no-repeat 0 0 / 100%}
.-schedule_box .-result{padding:3rem 0}
.-schedule_item .-btn_del_sch{position:absolute;top:0;right:0;width:2rem;height:2rem;background:url(/img/nonetouch/pib/_new/content/ico_btn_close.png) no-repeat 0 0 / 100%;}

/*
  마이페이지
  기존 sub_mypage(/css/nonetouch/pib/sub_mypage.css)에서
  .my_page_intro와 관련된 부분만 복사해서 추가 적용
  [21.09.24]
*/
.my_page_intro .menu_list_box {border-top:1px solid #ececec}
.my_page_intro .menu_list_box li {position:relative;border-bottom:1px solid #ececec}
.my_page_intro .menu_list_box li:before {content:'';position:absolute;left:2.4rem;top:50%;width:3.6rem;height:3.6rem;margin-top:-1.8rem;overflow:hidden;background:url(/img/nonetouch/pib/ico_mypage.png) no-repeat 0 0;background-size:100%}
.my_page_intro .menu_list_box li.menu_01:before {background-position:0 0}
.my_page_intro .menu_list_box li.menu_02:before {background-position:0 -4rem}
.my_page_intro .menu_list_box li.menu_03:before {background-position:0 -8rem}
.my_page_intro .menu_list_box li.menu_04:before {background-position:0 -12rem}
.my_page_intro .menu_list_box li.menu_05:before {background-position:0 -16rem}
.my_page_intro .menu_list_box li.menu_06:before {background-position:0 -20rem}
.my_page_intro .menu_list_box li.menu_07:before {background-position:0 -24rem}
.my_page_intro .menu_list_box li.menu_08:before {background-position:0 -28rem}
.my_page_intro .menu_list_box li a {display:inline-block;width:100%;padding:2.1rem 2.4rem 2.4rem 7.1rem;font-size:1.8rem;color:#000}
.my_page_intro .menu_list_box li a > span {position:absolute;top:2.1rem;right:2.1rem}

/* 알림함 텝 아이콘 추가 */
.-tab_menu .-new_icon img{width:1.5rem; height:1.5rem; vertical-align:initial; margin-left:.2rem;}