@charset "utf-8";

#bdNavbar:not(.showing):not(.show) .file-menu {display:none}

.lastest-more .bi-plus-lg:before { transform: rotate(0deg); transition: all .4s ease 0s;  }
.lastest-more:hover .bi-plus-lg:before, .lastest-more:focus .bi-plus-lg:before {transform: rotate(180deg);}

.quick_icon >div{ background: var(--bs-body-bg);}
.quick_icon a {position:relative;  display:block; padding:1.5rem 0; font-size:1.2rem;transition: 0.3s;  }
.quick_icon a:hover {color:inherit}
@media (max-width: 767px) {
	.quick_icon >div:nth-child(1), .quick_icon >div:nth-child(2) {border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
	.quick_icon >div:nth-child(2) { border-right:none !important}
}
.quick_icon a svg { display:block; margin: 0 auto .5rem;  transform: scale(.6);transition: 0.3s; color:var(--bs-csw-bg2)}
.quick_icon a:hover svg { color:#fff;  transform: scale(.8); }

/* 링크배너존 */
@media (max-width: 767px) {
	#linkCarousel .carousel-inner .carousel-item > div { display: none; }
	#linkCarousel .carousel-inner .carousel-item > div:first-child { display: block; width:100%}
}
#linkContainer h4{ font-size:.8rem; color:var(--bs-secondary); font-weight:400; }
#linkContainer h4 > em{display:block; font-size:1.4rem; color:var(--bs-csw-bg); font-weight:600;font-style:normal; letter-spacing: -.4px;}
#linkContainer .btn.rounded-circle {width:26px;height:26px;border-color:#ddd}
#linkCarousel .carousel-inner .carousel-item.active, #linkCarousel .carousel-inner .carousel-item-next, #linkCarousel .carousel-inner .carousel-item-prev { display: flex; align-items:center}
#linkCarousel .carousel-inner .carousel-item { text-align:center; transition: transform 0.3s ease-in-out; }
@media (min-width: 768px) {
	#linkCarousel .carousel-inner .carousel-item-end.active, #linkCarousel .carousel-inner .carousel-item-next { transform: translateX(25%);	}
	#linkCarousel .carousel-inner .carousel-item-start.active, #linkCarousel .carousel-inner .carousel-item-prev { transform: translateX(-25%); }
	#linkCarousel .carousel-item{ justify-content: space-between }
	#linkCarousel .carousel-inner .carousel-item-end, #linkCarousel .carousel-inner .carousel-item-start { transform: translateX(0);}
}

/*h3 title*/
h3.title {margin-bottom: 0.5rem !important;position: relative;}
h3.title:after {content: ""; position: absolute;display: block; width: 200px; height: 2px; background-color: rgba(0, 0, 0, .3); left: 50%; margin-left: -100px; bottom: -15px }
#section1 h2.title:after, #section3 h2.title::after { background: rgba(255, 255, 255, .2) !important }
h3.title small{ color:inherit; font-size:1.1rem }
.sub-title { padding-bottom: 8px; margin: 0 0 3rem; border-bottom: 1px solid #777;}
.sub-title h4 {margin-top:0}

/*popup zone*/
#popup-zone .loading { left: 50%;  padding-top: 200px;padding-bottom: 200px; margin-left:-1.5rem }
#popup-zone .carousel-inner { height: 450px; }
#popup-zone .carousel-inner .ratio { background-color: #eee; box-shadow: 0 0 1px 0 rgba(0,0,0,.2) inset;}
#popup-zone .carousel-control-prev, #popup-zone .carousel-control-next { width:32px; top:50%; bottom:auto; margin-top:-20px; background: rgba(0,0,0,.5);padding:.01rem 1rem;  }
/*#popup-zone .carousel-control-prev { border-radius:0 3rem 3rem 0 }
#popup-zone .carousel-control-next { border-radius:3rem 0 0 3rem }*/
#popup-zone .carousel-control-prev { border-radius:3rem; margin-left:1rem }
#popup-zone .carousel-control-next { border-radius:3rem; margin-right:1rem }
#popup-zone .carousel-control-prev-icon, #popup-zone .carousel-control-next-icon {min-width:1.5rem}
#popup-zone .carousel-caption {left:15px; right:15px; bottom:0;padding-bottom: 50px;}
#popup-zone .carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 50%;border:0;}
#popup-zone .carousel-indicators [data-bs-target].active {width:30px; border-radius: 1rem ; transition:width 0.1s ease-in-out}
@media (max-width: 767px) {
	#popup-zone .carousel-inner, #popup-zone .carousel-inner .loading { height: 280px; padding-bottom: 0 !important;}
	#popup-zone .carousel-inner .loading {padding: 55px 0;}
}
/*nav-tab custom*/
.main-tablist { --bs-nav-tabs-border-width:0; --bs-nav-link-padding-x:.5rem; height: 46px;position: relative;}
.main-tablist a:not(.lastest-more) { font-size: 1.15rem; --bs-nav-link-color:#666;letter-spacing:-1px }
.main-tablist a + a:not(.lastest-more):before{content:'·'; color:var(--bs-gray-500); margin-left: -.5rem; margin-right: .5rem;font-weight: 700;}
.main-tablist > a.active, .main-tablist  > a.active:hover, .main-tablist  > a.active:focus { font-size: 1.25rem; background-color: transparent !important; font-weight: 600; }
.main-tablist > a:not(active):hover, .main-tablist > a:not(active):focus {border-radius: 0; border: none !important; background-color:transparent; margin-bottom:0 }

/*cal*/
.fc-h-event { --fc-event-bg-color:transparent; }
.fc-h-event, .fc-v-event { border:0 !important }
.fc-h-event .fc-event-main { --fc-event-text-color:initial }
.fc-day-sun, .fc-day-sun .fc-day-number, .fc-sun a, .fc-sun.fc-future a {color:var(--bs-red)}
.fc-day-sat, .fc-day-sat .fc-day-number, .fc-sat a, .fc-sat.fc-future a {color:var(--bs-blue)}
.holiday .fc-event-title {font-size:.75rem !important;font-style:normal !important; }

#w-calendar .fc-dayGridWeek-view {background:var(--bs-body-bg);box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
#w-calendar .fc-event:not(.fc-timegrid-event) { white-space: normal; --fc-small-font-size:1rem;}
#w-calendar .fc-event-time { font-size:.75rem; flex-shrink: 0;}
@media (max-width: 576px) { #w-calendar .fc-event-time { display:none } }
#w-calendar .fc-event-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; display: -moz-box !important; display: box !important; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; word-break: break-all; word-wrap: break-word; -webkit-line-clamp: 2; line-clamp: 2; white-space: normal; max-height: 44px; line-height: 1.25rem; }
/*연속일정 화살표*/
#w-calendar .fc-daygrid-event-harness-abs .fc-event::before { content: ''; border: 1px solid var(--bs-border-color); position: absolute; left: 0; right: 0; bottom: 0; }
#w-calendar .fc-daygrid-event-harness-abs .fc-event::after { font-family: bootstrap-icons; content: "\f231"; position: absolute; right: -5px; bottom: -10px;line-height:1; color: var(--bs-border-color);font-size:20px; font-weight:600; }
#w-calendar .fc-daygrid-event-harness-abs .fc-event:focus { box-shadow: none;}