@charset "utf-8";

/* 게시판 미니보드 */
.main-content-box03 .main-mini-wrap{margin:0 auto;padding:0 2rem 6.4rem;max-width:164rem;box-sizing:border-box;}
.main-content-box03 .main-mini-box{display:flex;gap:2.4rem;}
.main-content-box03 .main-notice-wrap, .main-content-box03 .main-schedule-wrap{overflow:hidden;}
.main-content-box03 .main-notice-wrap.aos-animate, .main-content-box03 .main-schedule-wrap.aos-animate{overflow:visible;}
.main-content-box03 .main-notice-wrap{flex:1;width:calc(49.4289% - 1.1863rem);}
.main-content-box03 .main-notice-box{position:relative;height:38.2rem;}
.main-notice-box .mini-tab-box > ul{display:inline-flex;flex-wrap:wrap;align-items:center;align-content:flex-start;border-radius:1.6rem 3.2rem 0 0;background:#dceff9;} 
.main-notice-box .mini-tab-box > ul > li{}
.main-notice-box .mini-board-tab-box{display:flex;align-items:center;position:relative;}
.main-notice-box .mini-board-tab-box::before{content:'';position:absolute;top:calc(50% - 1rem);right:0;width:1px;height:2rem;background:#B2C1CD;}
.main-notice-box .mini-board-tab{display:flex;align-items:center;padding:1.4rem 2.4rem;font-size:1.7rem;font-weight:500;color:#333;line-height:1.5;box-sizing:border-box;}
.mini-tab-box > ul > li.active .mini-board-tab-box{justify-content:center;border-radius:1.6rem 3.2rem 0 0;background:#F3F7FA;}
.mini-tab-box > ul > li.active .mini-board-tab{padding:1.2rem 2.4rem;font-size:2rem;font-weight:700;color:#111;}
.mini-tab-box > ul > li.active .mini-board-tab-box::before{display:none;}
.mini-tab-box > ul > li:has(+ li.active) .mini-board-tab-box::before{display:none;}
.mini-tab-box > ul > li:last-of-type .mini-board-tab-box::before{display:none;}
.main-notice-box .mini-tab-box > ul > li .mini-board-content{display:none;position:absolute;top:0;left:0;margin:5.4rem 0 0;padding:2.4rem 4rem;width:100%;border-radius:0 2.4rem 2.4rem 2.4rem;background:#F3F7FA;box-sizing:border-box;}
.main-notice-box .mini-tab-box > ul > li.active .mini-board-content{display:block;}
.main-notice-box .noti_content > a{display:flex;align-items:center;gap:1.2rem;padding:1.4rem 0;border-bottom:1px solid #DBE4EB;}
.main-notice-box .noti_content:last-of-type > a{border:0;}
.main-notice-box .noti_content .cate_badge{display:inline-block;flex-shrink:0;padding:0.3rem 1.2rem;border-radius:4px;background:#fff;font-size:1.5rem;font-weight:500;line-height:1.4;color:#666;}
.main-notice-box .noti_content .subject{display:-webkit-box;font-size:1.6rem;font-weight:400;line-height:1.6;color:#111;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.main-notice-box .noti_content .date{margin-left:auto;font-size:1.5rem;font-weight:400;line-height:1.6;color:#666;}
.main-notice-box .noti_content > a:hover .subject{font-weight:500;text-decoration:underline;text-underline-offset:2px;}
.main-notice-box .main-notice-btn-box{display:none;position:absolute;top:0.8rem;right:0;}
.main-notice-box .mini-tab-box > ul > li.active .main-notice-btn-box{display:block;}
.main-notice-box .main-notice-btn{display:flex;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#F3F7FA url(/_res/h2hub/main/img/main/btn-main-notice.png) no-repeat center / 2rem;transition:background-color 0.3s ease;}


/* 행사안내 미니보드 */
.main-content-box03 .main-schedule-wrap{flex:1;width:calc(50.5711% - 1.2137rem);}
.main-schedule-box{display:flex;justify-content:space-between;gap:6%;position:relative;padding:3.1rem 4rem 1.9rem;min-height:38.2rem;border:1px solid #ddd;border-radius:2.4rem;box-sizing:border-box;}
.main-schedule-box .main-calender{display:flex;flex-direction:column;width:30rem;}
.main-schedule-box .calender-header{display:flex;align-items:center;justify-content:space-between;height:4.4rem;}
.main-schedule-box .cal-nav{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:0;border-radius:50%;background:#F3F7FA;cursor:pointer;transition:0.3s ease;}
.main-schedule-box .cal-nav::before{content:'';width:2rem;height:2rem;border:0;}
.main-schedule-box .cal-prev::before{background:url(/_res/h2hub/main/img/main/btn-main-cal-prev.png) no-repeat center/100%;transition:0.3s ease;}
.main-schedule-box .cal-next::before{background:url(/_res/h2hub/main/img/main/btn-main-cal-next.png) no-repeat center/100%;transition:0.3s ease;}
.main-schedule-box .calender-title{font-size:2rem;font-weight:700;line-height:1.5;color:#111;}
.main-schedule-box .calendar-week, .main-schedule-box .cal-row{display:grid;grid-template-columns:repeat(7,1fr);gap:0.4rem 0.8rem;}
.main-schedule-box .calender-legend{/*margin:0.3rem 0 0;*/text-align:center;}
.main-schedule-box .calender-legend-txt{display:inline-block;position:relative;padding:0 0 0 1.8rem;font-size:1.2rem;font-weight:400;line-height:1;color:#747478;}
.main-schedule-box .calender-legend-txt::before{content:'';position:absolute;top:0;left:0;width:1.2rem;height:1.2rem;border-radius:50%;background:#C9E8FF;}
.main-schedule-box .calendar-week{margin:0.8rem 0;}
.main-schedule-box .calendar-week span{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:400;line-height:1.5;color:#111;}
.main-schedule-box .calendar-week span.sunday{color:#007112;}
.main-schedule-box .calendar-week span.saturday{color:#14439A;}
.main-schedule-box .cal-row{gap:0.4rem 0.8rem;}
.main-schedule-box .cal-row a{display:flex;align-items:center;justify-content:center;position:relative;width:3.6rem;height:3.6rem;border:1px solid #fff;border-radius:50%;font-size:1.6rem;font-weight:400;line-height:1.5;color:#111;box-sizing:border-box;transition:border .15s,background .15s,color .15s}
.main-schedule-box .cal-row a.sunday{font-weight:500;color:#007112;}
.main-schedule-box .cal-row a.saturday{font-weight:500;color:#14439A;}
.main-schedule-box .cal-row a.un-active{color:#ccc;pointer-events:none;}
.main-schedule-box .cal-row a.d-before{pointer-events:none;}
.main-schedule-box .cal-row a.has-schedule{background:#C9E8FF;}
.main-schedule-box .cal-row a.d-click{border:1px solid #163676;background:#fff;;}
.main-schedule-box .cal-row a:hover{border:1px solid #163676;background:#fff;}
.main-schedule-box .cal-row a.today{background:#163676;font-weight:500;color:#fff;}

.main-event-box{width:calc(94% - 30rem);}
.main-event-box .event-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 1.6rem;}
.main-event-box .event-title{display:flex;align-items:center;gap:0.8rem;font-size:2rem;font-weight:700;line-height:1.5;color:#111;}
.tooltip-outer{display:flex;align-items:center;position:relative;}
.tooltip-outer::before{content:'';position:absolute;left:-8rem;top:-1.8rem;width:28rem;height:1.7rem;z-index:1;}
.tooltip-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;padding:0;background:url(/_res/h2hub/main/img/main/btn-main-cal-tooltip.png) no-repeat center/100%;cursor:pointer;z-index:2;}
.tooltip-box{display:none;justify-content:space-between;align-items:center;position:absolute;left:-8rem;top:-6.7rem;padding:0.8rem 1.6rem;min-width:29rem;border-radius:0.6rem;background:#fff;font-size:1.4rem;font-weight:400;color:#767676;box-shadow:4px 4px 16px 0px rgba(0, 0, 0, 0.1);box-sizing:border-box;z-index:100;}
.tooltip-box::after{content:'';position:absolute;bottom:-0.5rem;left:9rem;width:1rem;height:1rem;background:#fff;transform:translateX(-50%) rotate(45deg);}
.tooltip-box span{line-height:1.4;}
.tooltip-close{display:none;position:relative;width:1.2rem;height:1.2rem;background:url(/_res/h2hub/main/img/main/btn-main-cal-tooltip-close.png) no-repeat center/100%;cursor:pointer;z-index:1000;}
.tooltip-box.active{display:flex}
.main-event-box .main-event-btn{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#F3F7FA url(/_res/h2hub/main/img/main/btn-main-notice.png) no-repeat center / 2rem;}
.main-event-box .event-list{display:flex;flex-direction:column;gap:0.4rem;max-height:26.6rem;overflow-y:auto;scrollbar-width:thin;}
.main-event-box .event-item{display:flex;align-items:center;}
.main-event-box .event-day{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:6.4rem;height:7.4rem;border-radius:8px 0 0 8px;background:#163676;font-size:1.6rem;font-weight:700;line-height:1.4;text-align:center;color:#fff;box-sizing:border-box;}
.main-event-box .event-day.skyblue{background:#C9E8FF;font-weight:500;color:#111;}
.main-event-box .event-body{display:flex;flex-direction:column;justify-content:center;gap:0.2rem;padding:1.2rem;width:100%;border-radius:0 8px 8px 0;background:#F3F7FA;}
.main-event-box .mini-title{display:-webkit-box;font-size:1.6rem;font-weight:400;line-height:1.6;color:#111;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.main-event-box .event-date{font-size:1.4rem;font-weight:400;line-height:1.6;color:#666;}
.main-event-box .event-item:hover .mini-title{font-weight:500;text-decoration:underline;text-underline-offset:2px;}
.event-null-box{display:flex;flex-direction:column;align-items:center;gap:2.4rem;padding:6.1rem 0;border-radius:2.4rem;background:#FBFBFB;}
.event-null-box p{display:inline-block;margin:0 auto;padding:0.4rem 1.6rem;border-radius:99.9rem;background:#EDF2F5;font-size:1.5rem;font-weight:400;line-height:1.6;text-align:center;word-break:keep-all;color:#555;} 


@media (hover: hover) and (pointer: fine) {
	.main-notice-box .main-notice-btn:hover{background:#E4F6FF url(/_res/h2hub/main/img/main/btn-main-notice-hover.png) no-repeat center / 2rem;}
	.main-event-box .main-event-btn:hover{background:#E4F6FF url(/_res/h2hub/main/img/main/btn-main-notice-hover.png) no-repeat center / 2rem;}
	.main-schedule-box .cal-nav:hover{background:#E4F6FF;}
	.main-schedule-box .cal-prev:hover::before{background:url(/_res/h2hub/main/img/main/btn-main-cal-prev-hover.png) no-repeat center/100%;}
	.main-schedule-box .cal-next:hover::before{background:url(/_res/h2hub/main/img/main/btn-main-cal-next-hover.png) no-repeat center/100%;}
  	.tooltip-outer:hover .tooltip-box{display:flex;}
}
.tooltip-outer:focus-within .tooltip-box{display:flex;}
.tooltip-outer.is-closed .tooltip-box{display:none !important;}

@media screen and (max-width:1640px){	
	.main-content-box03 .main-mini-wrap{padding:0 3.2rem 6.4rem;}
}

@media screen and (max-width:1400px){
	.main-content-box03 .main-mini-box{flex-direction:column;gap:3.2rem}	
	.main-content-box03 .main-notice-wrap{width:100%;}
	.main-content-box03 .main-schedule-wrap{width:100%;}
	.main-schedule-box{min-height:unset;}
}

@media screen and (max-width:1024.98px){
	.main-content-box03 .main-mini-wrap{padding:0 3.2rem 6.4rem;}
	.tooltip-close{display:block;}
}

@media screen and (max-width:768px){
	.main-content-box03 .main-mini-wrap{padding:0 1.6rem 6.4rem;}
	.main-content-box03 .main-notice-box{height:27.9rem;}
	.main-notice-box .mini-tab-box{border-radius:1.2rem 1.2rem 0 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
	.main-notice-box .mini-tab-box > ul{display:flex;flex-wrap:nowrap;padding:0 6rem 0 0;width:max-content;min-width:100%;border-radius:1.2rem 1.2rem 0 0;}
	.main-notice-box .mini-tab-box > ul > li{min-width:0;}
	.main-notice-box .mini-board-tab-box{display:block;height:100%;}
	.main-notice-box .mini-board-tab-box::before{top:calc(50% - 0.6rem);height:1.2rem;}	
	.main-notice-box .mini-board-tab{display:flex;justify-content:center;width:100%;max-width:none;padding:1.4rem 1.6rem;font-size:1.4rem;line-height:1.4;text-align:center;word-break:keep-all;}	
	.mini-tab-box > ul > li.active .mini-board-tab-box{border-radius:1.2rem 3.2rem 0 0;}
	.mini-tab-box > ul > li.active .mini-board-tab{padding:1.3rem 1.6rem;font-size:1.6rem;}
	.mini-tab-box > ul > li:last-child.active .mini-board-tab-box{border-radius:1.2rem 3.2rem 0 0;}	
	.main-notice-box .mini-tab-box > ul > li .mini-board-content{margin:4.8rem 0 0;padding:1.2rem 1.6rem;border-radius:0 0 1.6rem 1.6rem;}
	.main-notice-box .noti_content > a{flex-wrap:wrap;gap:0.4rem 0.8rem;padding:0.9rem 0;}
	.main-notice-box .noti_content .cate_badge{padding:0.2rem 0.9rem;font-size:1.3rem;}
	.main-notice-box .noti_content .subject{width:calc(100% - 12.1rem);font-size:1.4rem;}
	.main-notice-box .noti_content .date{margin:0;font-size:1.3rem;}	
	.main-notice-box .main-notice-btn-box{top:1rem;right:1rem;}
	.main-notice-box .main-notice-btn-box::before{content:'';position:absolute;top:-1rem;right:-1rem;width:6rem;height:4.8rem;border-radius:0 1.6rem 0 0;background:linear-gradient(270deg, #DCEFF9 85.66%, rgba(220, 239, 249, 0) 100%);z-index:1;}
	.main-notice-box .main-notice-btn{position:absolute;top:0;right:0;width:2.8rem;height:2.8rem;z-index:5;}
	.main-schedule-box .main-calender{width:100%;}
	.main-schedule-box .calender-header{height:3.2rem;}
	.main-schedule-box .calender-title{font-size:1.8rem;}
	.main-schedule-box .cal-nav{width:2.8rem;height:2.8rem;}
	.main-schedule-box .cal-nav::before{width:1.6rem;height:1.6rem;}
	.main-schedule-box .calendar-week{margin:0.4rem 0 0.4rem;}
	.main-schedule-box .calendar-week span{font-size:1.4rem;}
	.main-schedule-box .cal-row{gap:0.4rem 1.2rem;}
	.main-schedule-box .cal-row a{width:100%;height:auto;aspect-ratio:1;font-size:1.4rem;}
	.main-event-box{width:100%;}
	.main-event-box .event-title{font-size:1.6rem;}
	.tooltip-box{top:-6.4rem;min-width:26rem;font-size:1.2rem;}
	.main-event-box .main-event-btn{width:2.8rem;height:2.8rem;background:#F3F7FA url(/_res/h2hub/main/img/main/btn-main-notice.png) no-repeat center / 1.6rem;}
	.main-event-box .event-day{width:4.8rem;height:6rem;border-radius:1.2rem 0 0 1.2rem;font-size:1.5rem;}
	.main-event-box .event-body{gap:0.1rem;padding:0.8rem 1.2rem;border-radius:0 1.2rem 1.2rem 0;}
	.main-event-box .mini-title{font-size:1.4rem;}
	.main-event-box .event-date{font-size:1.3rem;}
	.event-null-box{padding:4.1rem 1rem;border-radius:1.2rem;}
	.event-null-box p{font-size:1.2rem;}
}

@media screen and (max-width:640px){	
	.main-schedule-box{flex-direction:column;gap:2.8rem;padding:1.6rem;border-radius:1.6rem;}
	.main-event-box .event-list{gap:0.2rem;max-height:19.4rem;}
}

@media screen and (max-width:480px){
	/*.main-notice-box .mini-tab-box > ul{display:flex;}*/
	.main-content-box03 .main-notice-box{height:39.7rem;}
	.main-notice-box .mini-tab-box > ul > li .mini-board-content{border-radius:0 0 1.6rem 1.6rem;}
	.main-notice-box .noti_content .subject{width:calc(100% - 5rem);}
}