@charset "UTF-8";

.cal-box ul{display: flex;align-items: center;flex-wrap: wrap;}
.cal_top_box .cal-box .month:after{content:'';display: inline-block; width: 1px;height: 20px; margin: 0 20px;background: #cccccc;vertical-align: middle;}
.cal_top_box .cal-box a{font-size: 16px;font-weight: 600;background-repeat: no-repeat;background-position: 0 50%;color: #666666;}
.cal_top_box .cal-box a:hover,
.cal_top_box .cal-box .active a{font-weight: 700;border: none;background-color:#fff;color: #c8005f;}
.cal_top_box .cal-box .month a{padding-left: 37px;background-size: 26px auto;background-image:url(/_res/unist/kor/img/sub/calendar_tab_ic1.png);}
.cal_top_box .cal-box .year a{padding-left: 32px;background-size: 22px auto;background-image:url(/_res/unist/kor/img/sub/calendar_tab_ic2.png);}
.cal_top_box .cal-box .month a:hover{background-image:url(/_res/unist/kor/img/sub/calendar_tab_on_ic1.png)}
.cal_top_box .cal-box .month.active a{background-image:url(/_res/unist/kor/img/sub/calendar_tab_on_ic3.png)}

.cal_top_box .cal-box .year a,
.cal_top_box .cal-box .month a{position:relative;}

.cal_top_box .cal-box .year a:hover:before,
.cal_top_box .cal-box .month a:hover:before,
.cal_top_box .cal-box .month.active a:before,
.cal_top_box .cal-box .year.active a:before {content:'';height:2px;width:100%;position:absolute;bottom:-10px;display:block;background-color:#c8005f;right:0;}

.cal_top_box .cal-box .year a:hover{background-image:url(/_res/unist/kor/img/sub/calendar_tab_on_ic2.png);}
.cal_top_box .cal-box .year.active a{background-image:url(/_res/unist/kor/img/sub/calendar_tab_on_ic3.png);}

@media only screen and (max-width:1024px){
.cal_top_box .cal-box{flex: auto;width: 100%; }
.cal_top_box .cal-box{margin-top: /*80px*/ 40px;}	
.cal_top_box .cal-box li{flex:1;text-align: center;}
.cal_top_box .cal-box .month:after{position: absolute; left: 50%;transform: translateX(-50%);margin: 0;}
}

/* bn-write-schedule */
.bn-write-schedule01 .b-cal-mon-box{padding:0 0 80px;}
.bn-write-schedule01 .b-popup-wrap .b-cal-mon-box{padding:0;}
.bn-write-schedule01 .b-cal-mon-box > div{box-sizing:border-box;}
.bn-write-schedule01 .b-cal-mon-box > div:after{content:'';display:block;clear:both;}

.bn-write-schedule01 .b-table-wrap + .b-table-wrap{border-top:1px solid #000;}
.bn-write-schedule01 .b-table-box{display:table;padding:0 0 40px 0;width:100%;table-layout:fixed;}
.bn-write-schedule01 .b-schedule-month{padding:0 0 10px 0;border-bottom:1px solid #000;font-weight:500;font-size:24px;line-height:29px;}
.bn-write-schedule01 .b-table-box .b-row-box{display:table;width:100%;table-layout:fixed;}
.bn-write-schedule01 .b-table-box .b-row-box > div{vertical-align:middle;}
.bn-write-schedule01 .b-table-box .b-row-box .b-title-box{display:table-cell;padding:10px 30px 10px 20px;width: 225px;border-bottom:1px solid #e5e5e5;font-weight:400;color:#000;line-height:24px;vertical-align:middle;box-sizing:border-box;}
.bn-write-schedule01 .b-table-box .b-row-box .b-title-box br{display:none;}
.bn-write-schedule01 .b-table-box .b-row-box .b-title-box.b-required:after{content:"*";display:inline-block;margin:3px 0 0 -4px;color:#d10909;line-height:1;vertical-align:top;}
.bn-write-schedule01 .b-table-box .b-row-box .b-con-box{display: block;position:relative;padding: 15px 0;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
.bn-write-schedule01 .b-table-box .b-row-box .b-con-box02{display:table-cell;position:relative;border-bottom:1px solid #d8d8d8;vertical-align:middle;}
.bn-write-schedule01 .b-schedule-box{padding:0 50px 0 0;font-size:0;box-sizing:border-box;}
/* .bn-write-schedule01 .b-select{margin-bottom:40px;padding:13px 52px 14px 12px;min-width:150px;border:1px solid #d0d0d0;border-radius:2px;background:#fff url(/_res/unist/kor/img/sub/stu_quick_arrow.png) no-repeat center right 14px;font-size:15px;color:#000;line-height:1;box-sizing:border-box;} */
.bn-write-schedule01 .b-select.b-year{margin:0;}
.bn-write-schedule01 .b-input{padding:5px 10px;width:100%;height:44px;border:1px solid #d0d0d0;font-family:inherit;font-size:16px;color:#111;box-sizing:border-box;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;}
.bn-write-schedule01 .b-input::-webkit-input-placeholder,
.bn-write-schedule01 .b-input::-ms-input-placeholder,
.bn-write-schedule01 .b-input::placeholder{color:#777;}
.bn-write-schedule01 .b-input:first-of-type{margin:0;}
.bn-write-schedule01 .b-input.datepicker{padding-right:40px;width:150px;background:#fff url(/_res/unist/_share/img/board/ico-datepicker01.gif) no-repeat right 10px top 50%;border-radius: 10px;}
.bn-write-schedule01 .b-input.board-schedule-input-box{margin:0 0 0 15px;width: calc(100% - 510px);border-radius: 10px;}
.bn-write-schedule01 .b-table-box .b-row-box .b-con-box .b-schedule-box span{display:inline-block;padding:0 15px;font-weight:200;font-size:16px;color:#111;line-height:1;vertical-align:middle;}
.bn-write-schedule01 .b-table-box .b-row-box .b-con-box .b-schedule-box button.btn{border: 1px solid #fff;}
.bn-write-schedule01 .b-schedule-checkbox{display:inline-block;margin: 0 0 0 15px;max-width: 200px;vertical-align: top;}
.bn-write-schedule01 .b-schedule-checkbox > ul > li{display:inline-block;width:calc(100% / 3);}
.bn-write-schedule01 .b-schedule-checkbox > ul > li.b-view-main{width:100%;}
.bn-write-schedule01 .b-cal-del{position:absolute;top:50%;right:25px;width:26px;height:26px;background:#fff url(/_res/unist/_share/img/board/ico-delete01.gif) no-repeat 50% 50%;box-sizing:border-box;text-indent:-999999px;transform:translateY(-50%);cursor:pointer}
.bn-write-schedule01 .b-con-btn-wrap{padding:15px 0 0;text-align:center;}
.bn-write-schedule01 .b-con-btn-wrap span{display:inline-block;padding:0 10px 0 0;font-weight:200;color:#555;line-height:21px;vertical-align:middle;}
.bn-write-schedule01 .b-con-btn-wrap .b-btn-add{position:relative;display:inline-block;font-size:14px;line-height:24px;text-align:center;cursor:pointer;box-sizing:border-box;vertical-align:middle;}
.bn-write-schedule01 .b-con-btn-wrap .b-btn-add:hover{color:#004388;}
/* .bn-write-schedule01 .b-con-btn-wrap .b-btn-add:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background-color:#111;} */
.bn-write-schedule01 .b-con-btn-wrap .b-btn-add:hover:after{background-color:#004388;}

.bn-write-schedule01 .b-file-box{font-size:0;}
.bn-write-schedule01 .b-file-box > div{display:inline-block;padding:0 20px 0 0;width:86px;vertical-align:top;}
.bn-write-schedule01 .b-file-box > div:last-of-type{padding:0;width:100%;max-width:calc(100% - 106px);}
.bn-write-schedule01 .b-file-box > div > ul{font-size:0;}
.bn-write-schedule01 .b-file-box > div > ul .b-file-none span{padding:0;color:#666;}
.bn-write-schedule01 .b-file-box .b-file-btn{display:inline-block;padding:6px 0 7px;min-width:86px;border:1px solid #004388;background-color:#fff;font-size:14px;color:#004388;border-radius:16px;text-align:center;cursor:pointer;box-sizing:border-box;vertical-align:middle;}
.bn-write-schedule01 .b-file-box li{display:block;margin:0 0 10px;}
.bn-write-schedule01 .b-file-box li:last-of-type{margin-bottom:0;}
.bn-write-schedule01 .b-file-box li span{display:inline-block;position:relative;padding:0 0 0 23px;font-size:16px;line-height:21px;vertical-align:middle;}
.bn-write-schedule01 .b-file-box li:not(.b-file-none) span::after{content:'';position:absolute;top:3px;left:0;width:13px;height:16px;background:url(../img/board/ico-file.png) no-repeat 0 0/100%;}
.bn-write-schedule01 .b-file-box li:not(.b-file-none) span{max-width:calc(100% - 22px);box-sizing:border-box;}
.bn-write-schedule01 .b-file-box div p{display:inline-block;padding:0 10px 0 0;line-height:21px;vertical-align:middle;}
.bn-write-schedule01 .b-file-box div p label{margin:0;padding:0 0 0 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.bn-write-schedule01 .b-file-box .b-file-del-btn{display:inline-block;margin:5px 0 0 10px;width:12px;height:12px;background:url(../img/board/ico-file-close.png) no-repeat center center/100%;cursor:pointer;text-indent:100%;white-space:nowrap;overflow:hidden;box-sizing:border-box;border-radius:50%;vertical-align:top;}
.bn-write-schedule01 .b-file-box div p.b-size{padding:10px 0 0;font-size:12px;font-weight:200;color:#666;line-height:1;text-align:center;}
.bn-write-schedule01 .b-table-box .b-row-box .b-con-box .b-schedule-box .b-chk-select {
	margin: 0 5px 0 0;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.bn-write-schedule01 .b-table-box .b-row-box .b-con-box .b-schedule-box .b-chk-label {
	display: inline-block;
	margin: 0 15px 0 0;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
}

@media screen and (min-width:1025px) {
	/* 스케쥴 - 캘린더 공통 */
	.b-cal-cate-box{position:absolute;top:5px;left:220px;padding:0 0 0 30px;}

	/* 버튼 커스터마이징 */
	.b-btn01 .b-btn-wrap{position:relative;}
	.b-btn01 ul.b-schedule{display:flex;justify-content:space-between;flex-wrap:wrap;}
}
@media screen and (max-width:1024px) {	

	/* bn-write-schedule type01 */
	.bn-write-schedule01 .b-table-box .b-row-box .b-title-box br{display:block;}
	.bn-write-schedule01 .b-table-box .b-row-box .b-con-box{padding-right:0;}
	.bn-write-schedule01 .b-table-box .b-row-box .b-con-box .b-schedule-box span{display:none;}
	.bn-write-schedule01 .b-schedule-box{padding:0;}
	.bn-write-schedule01 .b-select{margin:0 0 10px 0;width:100%;}
	.bn-write-schedule01 .b-input{margin:0 0 10px 15px;vertical-align:top;}
	.bn-write-schedule01 .b-input.datepicker{width:calc(50% - 70px);border-radius: 10px;}
	.bn-write-schedule01 .b-input.board-schedule-input-box{margin:0;width:calc(100% - 70px);}
	.bn-write-schedule01 .b-schedule-checkbox{margin:0 0 5px 0;max-width:100%;}
	.bn-write-schedule01 .b-schedule-checkbox > ul > li{margin:0 10px 0 0;width:auto;}
	.bn-write-schedule01 .b-cal-del{top:auto;right:0;bottom:13px;margin:0 0 0 15px;padding: 6px 16px;}
	.bn-write-schedule01 .b-table-box .b-row-box .b-con-box .b-schedule-box .b-chk-label{display:none}
}

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

	/* bn-write-common01 type01 */
	.bn-write-schedule01 .b-cal-mon-box{padding:0 0 40px;}
	.bn-write-schedule01 .b-schedule-month{padding:0 0 5px 0;font-size:18px;line-height:28px;}
	.bn-write-schedule01 .b-schedule-month:before{margin:0 7px 0 0;width:3px;height:12px;}
	.bn-write-schedule01 .b-table-box{padding:0 0 20px 0;}
	.bn-write-schedule01 .b-table-box .b-row-box .b-title-box{display:block;padding: 15px 0 0;width:100%;border-bottom: 0;line-height:22px;}
	.bn-write-schedule01 .b-table-box .b-row-box .b-con-box{padding: 15px 0;}
	.bn-write-schedule01 .b-table-box .b-row-box .b-con-box02{display:table-cell;position:relative;border-bottom:1px solid #d8d8d8;vertical-align:middle;}
	.bn-write-schedule01 .b-select{margin:0 0 5px 0;padding:10px 20px 10px 6px;min-width:120px;background-position:center right 6px;background-size:10px;font-size:13px;}
	.bn-write-schedule01 .b-input{margin:0 0 5px 5px;height:35px;font-size:14px;}
	.bn-write-schedule01 .b-input.datepicker{width:calc(50% - 35x);background-size:18px;border-radius: 10px;}
	.bn-write-schedule01 .b-input.board-schedule-input-box{margin:0;width:calc(100% - 30px);}
	.bn-write-schedule01 .b-con-btn-wrap{padding:10px 0 0 0;}
	.bn-write-schedule01 .b-cal-del{top:unset;bottom: 23px;margin:0 0 0 10px;width:20px;height:20px;background-size:9px;transform:unset;}
	.bn-write-schedule01 .b-con-btn-wrap .b-btn-add{font-size:13px;line-height:23px;}

	.bn-write-schedule01 .b-file-box > div{padding:0 0 10px 0;width:100%;}
	.bn-write-schedule01 .b-file-box > div:last-of-type{max-width:calc(100% - 90px);}
	.bn-write-schedule01 .b-file-box .b-file-btn{padding:3px 0;}
	.bn-write-schedule01 .b-file-box li{margin:0 0 5px;}
	.bn-write-schedule01 .b-file-box li span{padding:0 0 0 20px;font-size:14px;line-height:19px;}
	.bn-write-schedule01 .b-file-box li:not(.b-file-none) span{max-width:calc(100% - 15px);}
	.bn-write-schedule01 .b-file-box .b-file-del-btn{width:10px;height:10px;margin:5px 0 0 5px;}
	.bn-write-schedule01 .b-file-box div p.b-size{padding:5px 0 0;text-align:left;}
}

@media screen and (max-width:480px) {
	/* bn-write-common01 type01 */
	.bn-write-schedule01 .b-table-box .b-row-box .b-con-box{padding:10px 30px 10px 10px;}
	.bn-write-schedule01 .b-input{width:100%;height:32px;font-size:13px;}
	.bn-write-schedule01 .b-input.datepicker{margin:0 0 5px 0;width:100%;border-radius: 10px;}
	.bn-write-schedule01 .b-input.board-schedule-input-box{width:100%;}
	.bn-write-schedule01 .b-cal-del{top:10px;}
	.bn-write-schedule01 .b-con-btn-wrap span{display:block;padding:0 0 5px 0;}

}

/*웹접근성*/

.keyboard-focus { outline: 3px solid red !important; outline-offset: 4px; }
.fc-button:focus { outline: none; }
.fc-button:focus-visible { outline: 3px solid red !important; outline-offset: 4px; }

/* 폴백용 */
.kbd-focus .fc-button:focus { outline: 3px solid red !important; outline-offset: 4px; }
.calendar-box { position: relative; }
#popup {	display: none;	position: absolute;	background-color: #fff;	border: 1px solid #ddd;	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);	z-index: 100;	border-radius: 8px;	max-width: 400px;	min-width: 400px;}
#popup-body {  margin-top: 13px;}
#popup-close {	display: block;	margin-left: auto;	padding: 5px 10px;	background-color: #f5f5f5;	border: 1px solid #ccc;	border-radius: 4px;	cursor: pointer;	font-size: 12px;}
#popup-close:hover {	background-color: #e5e5e5;}
.popup-header {  display: flex;  justify-content: space-between;  align-items: flex-start;  padding: 16px 16px 8px;  border-bottom: 1px solid #CCCCCC;}
.popup-title {	padding: 12px 24px 8px;	border-bottom: 1px solid #CCCCCC;	display:flex;	justify-content: space-between;	align-items: center;}
.popup-title .date-text {  font-size: 18px;  font-weight: 700;  letter-spacing: -0.2px;}
.profile-label {  font-size: 12px;  color: #555;}
.event-list {  list-style: none;  margin: 0;  padding: 0;}
.event-list li {  display: flex;  align-items: flex-start;  gap: 8px;  padding: 12px 24px 8px;  border-bottom: 1px solid #f0f0f0;}
.event-list li:last-child {  border-bottom: none;}
.event-list li {  display: flex;  align-items: flex-start;  gap: 8px;  padding: 12px 24px 8px;  border-bottom: 1px solid #f0f0f0;}
.bullet {  flex-shrink: 0;  flex-grow: 0;  width: 15px;  height: 15px;  border-radius: 50%;  margin-top: 3px;margin-left: 8px;}
.event-text {  margin-left: 5px;  flex: 1;  font-size: 14px;  color: #2B2B2B;  line-height: 1.5;  word-break: break-word; font-weight: 400}
#popup-footer {  padding: 12px 16px 16px;  display: flex;  justify-content: center;margin-top: 10px;}
.btn-close {  background: transparent;  color: #000000;  font-size: 14px;  padding: 6px 20px;  cursor: pointer;  border-radius: 6px;  border: 1px solid #CCCCCC; font-weight: 700}
.btn-close:hover {  background: #f5f5f5;}
.img-del img{	width: 15px;	cursor: pointer }
@media (max-width: 1024px) {  #popup {    min-width: 320px;    max-width: 90%;  }
  .popup-title .date-text {    font-size: 16px;  }
  .event-text {    font-size: 13px;  }
}
@media (max-width: 600px) {  #popup {    min-width: 260px;    max-width: 95%;    left: 50% !important;    transform: translateX(-50%);  }
  .popup-title {    padding: 10px 12px;  }
  .popup-title .date-text {    font-size: 15px;  }
  .event-list li {    padding: 8px 12px;    gap: 6px;  }
  .event-text {    font-size: 12px;  }
  .btn-close {    font-size: 12px;    padding: 5px 12px;  }
}
.bn-write-schedule01 .b-con-btn-wrap .b-btn-add {	border: 1px solid #004BAE;	padding: 6px 12px;	border-radius: 6px;	background: #004BAE;	color: #FFFFFF;	font-weight: 600;	font-size: 16px;}
.bn-write-schedule01 .b-con-btn-wrap .b-btn-add:hover {	background: #2e6ec2;	color: #FFFFFF;}
.b-chk-select {  appearance: none;  -webkit-appearance: none;  -moz-appearance: none;  width: 18px;  height: 18px;  border: 2px solid #ccc;  border-radius: 4px;  display: inline-block;  position: relative;  cursor: pointer;  transition: all 0.2s ease;}
.b-chk-select:hover {  border-color: #666;}
.b-chk-select:checked {  background-color: #004BAE;  border-color: #004BAE;}
.b-chk-select:checked::after {  content: "";  position: absolute;  left: 4px;  top: 0px;  width: 5px;  height: 10px;  border: solid #fff;  border-width: 0 2px 2px 0;  transform: rotate(45deg);}
.b-chk-label {  margin-left: 6px;  font-size: 14px;  color: #333;  cursor: pointer;}
.bn-write-schedule01 .b-select {	background: url('/_res/unist/_share/img/common/select-box.png')		no-repeat center right 3px;	appearance: none;	-webkit-appearance: none;	-moz-appearance: none;	font-weight: 800;	font-size: 34px;	line-height: 125%;	letter-spacing: -0.02em;	color: #111111;	padding: 0 28px 0 0;	border: 0;	margin-bottom: 40px;	border-bottom: 3px solid #111;	}
.bn-write-schedule01 .b-select:focus,.calendar-wrap .calendar-top .date-box .select-box select:focus {	outline: none;	box-shadow: none;}
.bn-write-schedule01 .b-select option {	font-size: 18px;}
.bn-write-schedule01 .b-table-box { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 16px; margin-bottom: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
.bn-write-schedule01 .b-table-box > h4,
.bn-write-schedule01 .b-table-box .month-title { font-size: 16px; font-weight: 600; margin-bottom: 12px; border-bottom: 1px solid #f0f0f0; padding-bottom: 6px; }

.bn-write-schedule01 .b-row-box {  padding: 6px 0; }
.bn-write-schedule01 { background: #f5f7fa; padding: 20px; }
.bn-write-schedule01 .b-table-box { width: 98%; }