@charset "utf-8";
/* ---------- 테이블 스타일 ---------- */


/* tbw */
.tbw_normal {position:relative; border-top:3px solid #4d5265}
.tbw_normal .tbw01{table-layout:fixed; width:100%; margin:0; padding:0; border:0; border-collapse:collapse; border-spacing:0}
.tbw_normal .tbw01 > thead > tr{border-bottom:1px solid #ddd}
.tbw_normal .tbw01 > thead > tr:last-child{border-bottom:1px solid #ddd}

.tbw_normal .tbw01 > tbody > tr > th{text-align:left; margin:0; padding:10px 15px; line-height:150%; font-size:14px; background:#fff; color:#303030; font-weight:300; border-right:1px solid #e8e8e7}
.tbw_normal .tbw01 > tbody > tr{border-bottom:1px solid #ebebeb}
.tbw_normal .tbw01 > tbody > tr:last-child{border-bottom:1px solid #ddd}
.tbw_normal .tbw01 > tbody > tr > td{text-align:left; margin:0; padding:10px 15px; line-height:150%; font-size:14px; color:#404040; border-right:1px solid #e8e8e7}
.tbw_normal .tbw01 > tbody > tr > td:last-child{border-right:none}
.tbw_normal .tbw01 > tbody > tr > td a{color:#30a5d7}

.tbw_normal .tbw01 th .tit{display:block}
.tbw_normal .tbw01 th .required{display:inline-block; margin-left:2px; top:3px; position:relative; vertical-align:middle; color:#193975; font-family:ctl; font-size:14px; font-weight:normal}
.tbw_normal .tbw01 td .tb_txt{display:inline-block; vertical-align:middle; line-height:36px}
.tbw_normal .tbw01 td.bdright{border-right:1px solid #ebebeb}
.tbw_normal .tbw01 td.inner_table {padding:5px; padding-right:0}


/* tbd_normal */
.tbd_normal{position:relative; margin-top:-1px; border-top:3px solid #4d5265; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch}
.tbd_normal .tbd01{table-layout:fixed; width:100%; color:#303030; border-collapse:collapse; border-spacing:0}
.tbd_normal.response .tbd01{min-width:800px}
.tbd_normal .tbd01.hover > tbody tr{background:#fff; transition:all .30s ease}
.tbd_normal .tbd01.hover > tbody tr:hover{background:#f8f8f8}
.tbd_normal .tbd01 > thead > tr{border-bottom:1px solid #d8e0eb;}
.tbd_normal .tbd01 > thead > tr > th{display:table-cell; text-align:center; padding:13px 15px; line-height:135%; border-right:1px solid #d8e0eb; background:#f2f3f7; color:#5e749e; font-size:13px; font-weight:300; letter-spacing:-0.5px; vertical-align:middle}
.tbd_normal .tbd01 > thead > tr > th:last-child{border-right:none}
.tbd_normal .tbd01 > thead > tr > th.last{border-right:1px solid #d3dbe9}
.tbd_normal .tbd01 > tbody > tr > td{display:table-cell; text-align:center; padding:13px 15px; border-bottom:1px solid #dadada; border-right:1px solid #dadada; line-height:135%; color:#505050; font-size:13px; font-weight:normal; letter-spacing:-0.5px; vertical-align:middle}
.tbd_normal .tbd01 > tbody > tr > td:last-child{border-right:none}
.tbd_normal .tbd01 > tbody > tr > td.last{border-right:1px solid #ebebeb}
.tbd_normal .tbd01 > tbody > tr > td a{color:#3482b4; text-decoration:none}
.tbd_normal .tbd01 > tbody > tr > td strong{font-weight:300}

.tbd_normal .tbd01 > tbody > tr > th{text-align:center; padding:13px 15px; border-bottom:1px solid #d8e0eb; background:#f2f3f7; border-right:1px solid #dadada; line-height:135%; color:#5e749e; font-size:13px; font-weight:300; letter-spacing:-0.8px}
.tbd_normal .tbd01 td.inner_table{padding:5px; padding-right:0}

.tbd_normal .no_data{position:relative; text-align:center}
.tbd_normal .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.tbd_normal .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}


/* tbl_normal */
.tbl_normal{position:relative; margin-top:-1px; border-top:3px solid #4d5265; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch}
.tbl_normal .tbl01{table-layout:fixed; width:100%; color:#303030; border-collapse:collapse; border-spacing:0}
.tbl_normal.response .tbd01{min-width:800px}
.tbl_normal .tbl01.hover > tbody tr{background:#fff; transition:all .30s ease}
.tbl_normal .tbl01.hover > tbody tr:hover{background:#f8f8f8}
.tbl_normal .tbl01 > thead > tr{border-bottom:1px solid #d8e0eb;}
.tbl_normal .tbl01 > thead > tr > th{display:table-cell; text-align:center; padding:16px 5px; line-height:135%; background:#f2f3f7; color:#5e749e; font-size:13px; font-weight:300; letter-spacing:-0.8px; vertical-align:middle}
.tbl_normal .tbl01 > thead > tr > th.last{border-right:1px solid #d3dbe9}
.tbl_normal .tbl01 > tbody > tr > td{display:table-cell; text-align:center; padding:16px 5px; border-bottom:1px solid #dadada; line-height:135%; color:#505050; font-size:13px; font-weight:normal; letter-spacing:-0.5px; vertical-align:middle}
.tbl_normal .tbl01 > tbody > tr > td.last{border-right:1px solid #ebebeb}
.tbl_normal .tbl01 > tbody > tr > td strong{font-weight:300}
.tbl_normal .tbl01 > tbody > tr > td a{color:#3482b4; text-decoration:none}
.tbl_normal .tbl01 > tbody > tr > th{text-align:center; padding:16px 5px; border-bottom:1px solid #d8e0eb; background:#f2f3f7; border-right:1px solid #dadada; line-height:135%; color:#5e749e; font-size:13px; font-weight:300; letter-spacing:-0.8px}

.tbl_normal .no_data{position:relative; text-align:center}
.tbl_normal .no_data .info_message{display:inline-block; font-size:13px; color:#707070; letter-spacing:-0.2px}
.tbl_normal .no_data .info_message i{margin-top:-3px; font-size:18px; vertical-align:middle}









/* tbd_indicator */
.tbd_indicator{position:relative; padding-top:10px; overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch}
.tbd_indicator .tbd01{table-layout:fixed; width:100%; color:#303030; border-collapse:collapse; border-spacing:0}
.tbd_indicator .tbd01.hover > tbody tr{transition:all .30s ease}
.tbd_indicator .tbd01.hover > tbody tr:hover{background:#f2f3f7}
.tbd_indicator .tbd01 > thead > tr{border-bottom:1px solid #dadada}
.tbd_indicator .tbd01 > thead > tr > th{display:table-cell; text-align:center; padding:13px 15px; line-height:135%; color:#5e749e; font-size:14px; font-weight:300; letter-spacing:-0.8px; vertical-align:middle}
.tbd_indicator .tbd01 > tbody > tr > td{display:table-cell; text-align:center; padding:8px 15px; border-bottom:1px solid #d8e0eb; border-right:1px solid #d8e0eb; line-height:135%; color:#505050; font-size:14px; font-weight:normal; letter-spacing:-0.8px; vertical-align:middle}
.tbd_indicator .tbd01 > tbody > tr > td:last-child{border-right:none}
.tbd_indicator .tbd01 > tbody > tr > td.last{border-right:1px solid #ebebeb}
.tbd_indicator .tbd01 > tbody > tr > td strong{font-weight:300}
.tbd_indicator .tbd01 > tbody > tr > th{text-align:center; padding:8px 15px; background:#f2f3f7; border-bottom:1px solid #d8e0eb; border-right:1px solid #d8e0eb; line-height:135%; color:#5e749e; font-size:14px; font-weight:300; letter-spacing:-0.8px}
.tbd_indicator .tbd01 > tbody > tr:last-child > th{border-bottom:none}
.tbd_indicator .tbd01 > tbody > tr:last-child > td{border-bottom:none}

.tbd_indicator .tbd01 td.inner_table{padding:5px; padding-right:0}

.check_on{display:inline-block; width:14px; height:14px; background:#30a5d7; border-radius:50%; vertical-align:middle}
.check_of{display:inline-block; position:relative; width:14px; height:14px; vertical-align:middle}
.check_of:before, .tbd_indicator .check_of:after{content:''; position:absolute; left:50%; width:14px; height:2px; margin-left:-7px; background:#ec3341}
.check_of:before{top:6px; transform:rotate(45deg)}
.check_of:after{bottom:6px; transform:rotate(-45deg)}


/* calendar_date */
.calendar_date{position:relative; margin-bottom:45px; padding-top:10px; text-align:center; font-size:0; letter-spacing:0; word-spacing:0}
.calendar_date .date_yy, .calendar_date .date_dd{display:inline-block; margin:0 5px}
.calendar_date .ctrl{display:inline-block; position:relative; width:42px; height:42px; margin:0; padding:0; background-color:#e6eef8; background-position:50% 50%; background-repeat:no-repeat; vertical-align:middle; border:0; border-radius:50%; box-sizing:border-box; cursor:pointer; transition:all .30s ease}
.calendar_date .ctrl.bac{background-image:url("../images/common/paging_back_ty3.png"); background-size:7px 12px;}
.calendar_date .ctrl.nex{background-image:url("../images/common/paging_next_ty3.png"); background-size:7px 12px;}
.calendar_date .num{display:inline-block; position:relative; margin:0 40px; height:42px; color:#303030; line-height:46px; letter-spacing:-0.2px; vertical-align:middle; font-family:ctl; font-size:34px; box-sizing:border-box}


/* calendar_legend */
.calendar_legend{position:relative; padding-bottom:15px; box-sizing:border-box}
.calendar_legend .signal_list:after{content:''; display:block; clear:both}
.calendar_legend .signal_list li{float:left; margin-right:20px}

.calendar_legend .state_btn{position:absolute; right:0; top:-5px}
.calendar_legend .state_btn:after{content:''; display:block; clear:both}
.calendar_legend .state_btn li{float:left; margin-left:2px}

.calendar_legend .signal_info{position:relative; margin:2px 0; line-height:150%}
.calendar_legend .signal_info .cont_txt{padding-left:20px; letter-spacing:-0.8px; line-height:135%; font-weight:normal; color:#303030}
.calendar_legend .signal_info .cont_txt:before{content:""; position:absolute; top:2px; left:0; width:14px; height:14px; background:#777b88; border-radius:50%}
.calendar_legend .signal_info.info .cont_txt:before{background:#30a5d7}
.calendar_legend .signal_info.primary .cont_txt:before{background:#193975}
.calendar_legend .signal_info.success .cont_txt:before{background:#44b749}
.calendar_legend .signal_info.warning .cont_txt:before{background:#ef8821}
.calendar_legend .signal_info.danger .cont_txt:before{background:#ec3341}
.calendar_legend .signal_info.sereni .cont_txt:before{background:#303030}


/* monthly_calendar */
.monthly_calendar_ty1{position:relative; height:100%; margin-top:-1px; padding-top:56px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; box-sizing:border-box}
.monthly_calendar_ty1 .month_head{position:absolute; left:0; top:0; right:0; border-bottom:1px solid #dadada}
.monthly_calendar_ty1 .month_head table{table-layout:fixed; width:100%; margin:0; padding:0; color:#505050; background:#fff; border:0; border-collapse:collapse; border-spacing:0}
.monthly_calendar_ty1 .month_head table tbody th{margin:0; padding:18px 0; text-align:center; font-weight:normal; letter-spacing:-0.8px; font-size:20px; color:#303030; border-right:1px solid #fff;}
.monthly_calendar_ty1 .month_head table tbody th:last-child{border-right:none;}

.monthly_calendar_ty1 .month_body{position:relative; height:100%;}
.monthly_calendar_ty1 .month_body table{table-layout:fixed; width:100%; margin:0; padding:0; color:#505050; background:#fff; border:0; border-collapse:collapse; border-spacing:0}
.monthly_calendar_ty1 .month_body table tr{border-bottom:1px solid #f1f1f1}
.monthly_calendar_ty1 .month_body table tr:last-child{border-bottom:none}

.monthly_calendar_ty1 .month_body table td{position:relative; height:140px; margin:0; padding:1px; text-align:left; font-weight:normal; font-size:13px; border-right:1px solid #f1f1f1; vertical-align:top;}
.monthly_calendar_ty1 .month_body table td:last-child{border-right:none;}
.monthly_calendar_ty1 .month_body .day_box{padding:6px 8px; width:100%; height:100%; transition:all .25s ease; box-sizing:border-box}
.monthly_calendar_ty1 .month_body .day_view{position:relative; margin-bottom:5px; overflow:hidden}
.monthly_calendar_ty1 .month_body .day_view .day_num{font-weight:normal; line-height:150%; letter-spacing:-0.2px; color:#505050}
.monthly_calendar_ty1 .month_body .day_info{color:#b1b1b1}
.monthly_calendar_ty1 .month_body .disable{color:#b1b1b1 !important}

.monthly_calendar_ty1 .month_body .signal_info{display:block; height:23px; margin:3px 0; padding:0 10px; line-height:150%; background:#909090; border-radius:120px; box-sizing:border-box}
.monthly_calendar_ty1 .month_body .signal_info .cont_tit{display:inline-block; font-size:13px; line-height:22px; color:#fff; letter-spacing:-0.8px; vertical-align:middle}
.monthly_calendar_ty1 .month_body .signal_info.info{background:#30a5d7}
.monthly_calendar_ty1 .month_body .signal_info.primary{background:#193975}
.monthly_calendar_ty1 .month_body .signal_info.success{background:#44b749}
.monthly_calendar_ty1 .month_body .signal_info.warning{background:#ef8821}
.monthly_calendar_ty1 .month_body .signal_info.danger{background:#ec3341}
.monthly_calendar_ty1 .month_body .signal_info.sereni{background:#303030}

.monthly_calendar_ty1 .sun, .monthly_calendar .holiday{color:#ec3341 !important}
.monthly_calendar_ty1 .sat{color:#193975 !important}
.monthly_calendar_ty1 .today{background:#f2f3f7; border:1px solid #d8e0eb}


/* monthly_calendar_ty2 */
.monthly_calendar_ty2{position:relative; height:100%; padding-top:56px; border-top:1px solid #dadada; box-sizing:border-box}
.monthly_calendar_ty2 .month_head{position:absolute; left:0; top:0; right:0}
.monthly_calendar_ty2 .month_head table{table-layout:fixed; width:100%; margin:0; padding:0; color:#505050; background:#fff; border:0; border-collapse:collapse; border-spacing:0}
.monthly_calendar_ty2 .month_head table tbody th{margin:0; padding:28px 0 18px; text-align:center; font-weight:normal; letter-spacing:-0.8px; font-size:15px; color:#303030; border-right:1px solid #fff;}
.monthly_calendar_ty2 .month_head table tbody th:last-child{border-right:none;}

.monthly_calendar_ty2 .month_body{position:relative}
.monthly_calendar_ty2 .month_body table{table-layout:fixed; width:100%; margin:0; padding:0; color:#505050; background:#fff; border:0; border-collapse:collapse; border-spacing:0}
.monthly_calendar_ty2 .month_body table tbody td{position:relative; padding:10px 0; text-align:center; font-weight:normal; vertical-align:middle}

.monthly_calendar_ty2 .month_body .day_box{display:inline-block}
.monthly_calendar_ty2 .month_body .day_box .day_num{display:inline-block; position:relative; width:30px; height:30px; border:3px solid #fff; font-weight:normal; line-height:30px; letter-spacing:-0.2px; color:#505050; text-align:center; font-size:14px; border-radius:50%}
.monthly_calendar_ty2 .month_body .day_box .day_num.active{border:3px solid #ec3341}
.monthly_calendar_ty2 .month_body .day_box .day_detail{display:none; position:absolute; left:0; top:100%; width:auto; padding:8px 12px; background:#30a5d7; border-radius:2px; white-space:nowrap; z-index:1}
.monthly_calendar_ty2 .month_body .day_box .day_detail p{line-height:135%; font-size:14px; letter-spacing:-0.5px; color:#fff}
.monthly_calendar_ty2 .month_body .day_box .day_detail:after{content:''; position:absolute; left:20px; top:-6px; width:0; height:0; border-bottom:6px solid #30a5d7; border-top:8px solid none; border-right:8px solid transparent; border-left:8px solid transparent}

.monthly_calendar_ty2 .month_body .day_box:hover .day_detail{display:block}

.monthly_calendar_ty2 .month_body .day_info{color:#b1b1b1}
.monthly_calendar_ty2 .month_body .disable{color:#b1b1b1}

.monthly_calendar_ty2 .sun, .monthly_calendar .holiday{color:#ec3341 !important}
.monthly_calendar_ty2 .sat{color:#193975 !important}