@charset "utf-8";


/* 달력 */ 
.calendar_wrap { border-bottom: 4px solid #4156a7; border-left: 4px solid #4156a7; border-right: 4px solid #4156a7; margin-bottom: 4rem; }
.ntt_date_view_box{ position:relative; overflow:hidden; margin: 0 !important;}
.sp{ float:left; display:inline-block; background:url('/images/com/calendar/sp_png.png') no-repeat}
.ntt_date_view{ display:flex; width: 100%; align-items: center; justify-content: center; gap: 1rem; padding: 1.25rem 1rem; background: #4156a7; border-radius: 1rem 1rem 0 0; }
.ntt_date_view .date{ display:inline-flex; align-items: center; color: #fff; font-size: 1.5rem; font-weight: bold; }
/* .ntt_date_view .sp{ width:11px; height:16px; margin:0 1px 0 0; color: #fff; font-size: 1.5rem; font-weight: bold; }
.ntt_date_view .ddot{ width:10px; background-position:-149px -22px}
.ntt_date_view .d0{ background-position:0 -22px;}
.ntt_date_view .d1{ background-position:-16px -22px;}
.ntt_date_view .d2{ background-position:-31px -22px;}
.ntt_date_view .d3{ background-position:-45px -22px;}
.ntt_date_view .d4{ background-position:-61px -22px;}
.ntt_date_view .d5{ background-position:-76px -22px;}
.ntt_date_view .d6{ background-position:-90px -22px;}
.ntt_date_view .d7{ background-position:-105px -22px;}
.ntt_date_view .d8{ background-position:-121px -22px;}
.ntt_date_view .d9{ background-position:-135px -22px;} */
.ntt_date_view .strYM{color: #fff;}
.ntt_date_view .btn_area{ display:inline-flex; align-items: center; margin: 0 !important; position: relative; }

.ntt_date_view button{height:2.5rem; width: 2.5rem; display: flex; align-items: center; justify-content: center; border: 1px solid #4156a7; border-radius: 0; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cg data-name='구성 요소 29 – 10'%3E%3Cpath data-name='사각형 21297' style='fill:none' d='M0 0h16v16H0z' transform='translate(0 .479)'/%3E%3Cg data-name='그룹 19141'%3E%3Cg data-name='그룹 19142'%3E%3Cpath data-name='패스 49948' d='M12.717.084 6.4 6.034 0 0' style='stroke:%234156a7;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;fill:none' transform='rotate(90 3.948 6.069)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 1.25rem; background-repeat: no-repeat; background-position: center center; margin: 0 !important; }


.ntt_date_view button span.blind { position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden; }
.ntt_date_view .next{ transform:rotate(-180deg) }

.ntt_date_view .today{background: #Fff;padding: 0 0.25rem;font-size: 0.75rem;width: 3.25rem;color: #4156a7;font-weight: 600; position: absolute; left: calc(100% + 0.5rem); top: 0; }
.btn_common { display:inline-block}
.ntt_date_view_box .btn_common { position:absolute; top:11px; right:10px;}
.btn_common a { display:inline-block; font-size:11px; color:#666; letter-spacing:-1px; border:1px solid #b4b4b4; background:#fff url('/images/com/calendar/sp_png.png') no-repeat}
.btn_common .print{ background-position:6px -45px; padding:2px 5px 0 22px;}

/* 달력테이블 181008 수정 */ /* 191104 클래스명 수정 */
.ntt_cldTbl table{ width:100%; position:relative; border-bottom:1px solid #e4e5e7; border-right:1px solid #e4e5e7;}
.ntt_cldTbl th, .ntt_cldTbl td{border-top:1px solid #e4e5e7; border-left:1px solid #e4e5e7;}
.ntt_cldTbl thead th{ background: #f7f7f7; padding: 0.6rem 0; text-align: center; }
.ntt_cldTbl thead th:first-child{ color:#ff000a;}
.ntt_cldTbl thead th:last-child{ color:#0100ff;}
.ntt_cldTbl td{vertical-align:top; position:relative; background: #f7f7f7; height: 6.5rem; padding: 0.6rem; }
.ntt_cldTbl td:hover{ background:url('/images/com/calendar/calendar_td_ov.png') repeat}
.ntt_cldTbl td.on{background:url('/images/com/calendar/calendar_td_on.png') repeat}
.ntt_cldTbl td.closed{background:url('/images/com/calendar/calendar_td_close.png') repeat}
.ntt_cldTbl tbody tr.week td:first-child{ color:#ff000a}
.ntt_cldTbl tbody tr.week td:last-child{ color:#0100ff}
.ntt_cldTbl .week td em { font-weight: bold; font-size: 0.7rem; display: block; margin-bottom: 0.25rem; }
.ntt_cldTbl .week td em span { font-weight:normal; font-size:12px; margin-left:5px;}
/*.ntt_cldTbl .week td div { height:84px; overflow:hidden; padding:0 14px; overflow-y:auto; color:#555;}*/
.ntt_cldTbl .week td div {  padding:0 14px; color:#555;}
.ntt_cldTbl .week td a {display:block;padding: 0.25rem 0;}
.ntt_cldTbl .week td .state{ display:block; text-align:center; color:#fff; font-size:13px; height:22px; line-height:20px; margin-top:6px;}
.ntt_cldTbl .week td .state.not{background-color:#b7b7b7}
.ntt_cldTbl .week td .state.ok{ background-color:#27afbd;}
.ntt_cldTbl .sun{color:#ff000a}
.ntt_cldTbl .sun.disable{ color:#f0a9a9 !important}
.ntt_cldTbl .disable{ color:#b3b3b3}

.calLink {font-size: 0.7rem; border:1px solid #fff; padding:1px;}
.calLink a:hover{text-decoration:underline;}




@media (max-width:1024px) {
	
	/* 프로그램캘린더 */
	.ntt_date_view { padding: 1rem; }
	.ntt_date_view button { width: 2rem; height: 2rem; background-size: 1rem; }
	.ntt_date_view .date { font-size: 1.35rem; }
	.ntt_cldTbl .week td em { margin: 0; }
	.ntt_cldTbl table{ width:100%; border-bottom:0; border-right:0}
	.ntt_cldTbl td{ vertical-align:middle; padding:0; height:auto; min-height:2rem;}
	.ntt_cldTbl .week td .calLink { margin-top: 0.35rem; }
	.ntt_cldTbl .week td a { display:inline-block; padding: 0; } 
	.ntt_cldTbl .disable{ display:none !important}	
	#ntt-no-more-calendar table, #ntt-no-more-calendar thead, #ntt-no-more-calendar tbody, #ntt-no-more-calendar th, #ntt-no-more-calendar td, #ntt-no-more-calendar tr {display: block; }
	#ntt-no-more-calendar thead { display: none; }
	#ntt-no-more-calendar tr { border-bottom:0; border-top:0 }
	#ntt-no-more-calendar tr:first-child { border-top: 1px solid #d2dae2}
	#ntt-no-more-calendar td { border: none; border-bottom: 1px solid #d2dae2; position: relative; padding: 0.5rem 1rem; }
	/* #ntt-no-more-calendar tr:last-child td:last-child { border-bottom: none; } */
}

@media screen and (max-width: 480px) {
	.ntt_date_view { padding: 1rem 1rem 3rem; gap: 1.5rem; position: relative; justify-content: space-between; }
	.ntt_date_view button { width: 1.75rem; height: 1.75rem; background-size: 0.9rem; }
	.ntt_date_view .date { font-size: 1.15rem; }
	.ntt_date_view .btn_area { position: unset; }
	.ntt_date_view .today { top: auto; bottom: 0.75rem; left: 50%; transform: translateX(-50%); width: calc(100% - 2rem); }
}