@charset "UTF-8";
/* prog/exprecLend/ list.do */

.sub04_03_02 .ui-calendar{margin-top: -36px; padding:0}
.sub04_03_02 .ui-calendar .calendar-area{padding: 0;}
.sub04_03_02 .ui-calendar .calendar-area .calendar{padding:0 70px}
.sub04_03_02 .ui-calendar .calendar-area .calendar .table-wrap {padding: 60px 0px 20px;}
.sub04_03_02 .calendar-list__content > div span{width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
.sub04_03_02 .calendar-list__content .holi span{position:relative; top:6px; background-image: url(/images/kor/common/holiday.png); background-position: center center; background-repeat:no-repeat}
.calendar-list__content > div span+div { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.calendar-area .calendar-header{margin-bottom:0; padding:40px 0px 0px}
.calendar .pull-right{position:relative;  top: 0;}
.calendar .pull-right .button-list{padding:6.5px 35px 6.5px 10px}
.calendar .pull-right .button-list .ir-arrow{transform: translate(0, -43%);}

.calendar__month{font-weight: bold;}
.calendar__prev-month,.calendar__next-month{top: 50%; transform:translate(0,-50%); background-repeat: no-repeat;}

.ui-calendar .calendar-area .calendar-list__inner > a{ display:block;}
.ui-calendar .calendar-area .today {outline:1px solid #2397ae;}
.ui-calendar .calendar-area .today .calendar-list__day>span.calendar-list__day-week{ display:inline-block !important; color: #2397ae;font-weight: bold;font-size: 13px; margin-right:0; margin-top:-3px;margin-left:5px}

.calendar-list td:hover,.ui-calendar .calendar-area .today:hover{background-color:#2397ae; border:1px solid #2397ae;}
.calendar-list td:hover .calendar-list__inner *,.ui-calendar .calendar-area .today:hover .calendar-list__day>span.calendar-list__day-week{color:#fff} 




.calendar-area .dsc-box{margin-top: 23px;}
.calendar-area .dsc-box .cal-list{display:block; float:none}
.calendar-area .dsc-box .cal-list li{margin-left:0; float: none; text-align: left; margin:5px 0; line-height: 1; font-weight: bold;}
.calendar-area .dsc-box .cal-list li span{font-weight: 500; font-size: 12px;}
.calendar-area .dsc-box .cal-list li .txt{display:inline-block; padding-left:10px; margin-left:10px; border-left:1px solid #ddd;letter-spacing: -1px; font-weight: 500;}

@media screen and (max-width:1023px){

    .sub04_03_02 .ui-calendar .calendar-area .calendar{padding: 0 40px;}

}

@media screen and (max-width:639px){

    .calendar-area .calendar-header{padding: 70px 0 0 }
    .calendar__month{padding: 0 20px;line-height: 53px;} 
    .calendar__prev-month, .calendar__next-month{height:16px}
    .calendar .pull-right{position:absolute; top:20px; right:42px}
    .calendar .pull-right .btn{padding: 7px 30px 6px 12px}
    .sub04_03_02 .ui-calendar .calendar-area .calendar .table-wrap{padding: 8px 0px 37px;}
    .calendar-list tbody td{min-height: 45px;}
    .calendar-list__content *{vertical-align:middle}
    .sub04_03_02 .calendar-list__content .holi{position:relative; padding-left:30px;line-height: 25px;}
    .sub04_03_02 .calendar-list__content .holi span{position:absolute; top:50%; margin-top: -12.5px; left:0px;}
    .calendar-list tbody td:first-child:not(.table__hidden--mobile){padding-top: 0;}

}

@media screen and (max-width:480px){

    .sub04_03_02 .ui-calendar .calendar-area .calendar{padding: 0 25px; }
    .calendar-area .dsc-box .cal-list li .txt{display:block; border-left:0; margin-left:0; padding-left: 25px; padding-top: 3px;}
    .calendar .pull-right{right:25px}
     
}