@charset "utf-8";

@keyframes viewpointDot {
    0%{transform: scale(0);opacity: 1}
    100%{transform: scale(1);opacity: .5}
}
@keyframes viewpointDotfloating {
    0%{transform: translateY(0px);}
    50%{transform: translateY(-4px);}
    100%{transform: translateY(0px);}
}

.control {position: relative;display: flex;gap: 0 12px;justify-content: center;align-items: center;}
.control button {position: relative;width: 16px;height: 16px;border: none;background: transparent;padding: 0}
.control button.prev-btn, .control button.next-btn {position: relative;width: 16px;height: 16px;}
.control button.prev-btn:before {content: '';position: absolute;top: 0px;left: 0px;display: inline-block;width: 15px;height: 15px;background: url('/site/resource/bcic/www/images/ctl-prev.svg') center no-repeat;background-size: 9px;}
.control button.next-btn:before {content: '';position: absolute;top: 0px;right: 0px;display: inline-block;width: 15px;height: 15px;background: url('/site/resource/bcic/www/images/ctl-next.svg') center no-repeat;background-size: 9px;}
.control button.play-pause.stop:before {content: '';position: absolute;left: 50%;top: 50%;display: inline-block;width: 9px;height: 15px;border-width: 0 2px;border-color: #111;border-style: solid;transform: translate(calc(-50% + .5px), -50%);}
.control button.play-pause.play:before {content: '';position: absolute;left: 50%;top: 50%;border-width: 6px 0 6px 10px;border-style: solid;border-color: transparent;border-left-color: #111;transform: translate(-50%, -50%);}
.control .swiper-pagination {position: relative;width: auto;min-width: 48px;top: 0px;color: rgba(17,17,17,.5);}
.control .swiper-pagination .swiper-pagination-current {font-weight: 500;color: #111;}
/* 연혁 */
.history-wrap {position: relative;margin-top: 50px;box-sizing: border-box;}
.history-wrap:before {content: '';position: absolute;display: block;top: -30px;left: 0;width: 100%;height: 250px;background: var(--gray-color01);border-radius: 20px;}
.history-wrap .his-imgbox {display: none;position: absolute;right: 0;top: 60px;border-radius: 40px 20px 20px 20px;overflow: hidden;z-index: 2;}
.history-wrap .his-conbox {position: relative;background: #fff;border-radius: 15px;padding: 25px 18px;margin-left: 0;z-index: 1;}
.history-wrap .his-conbox h4 {position: relative;font-size: 20px;color: var(--main-color01);z-index: 2;}
.his-con {margin-bottom: 30px;}
.his {position: relative;}
.his .h-year {font-family: var(--font-type01);font-size: 18px;margin: 25px 0 8px;}
.his:first-of-type .h-year {margin: 0 0 8px;}
.his .his-list {border-top: 1px solid #ddd;margin-bottom: 20px;}
.his .his-list .his-item {display: flex;gap: 0 30px;padding: 8px 0 5px;}
.his .his-list .his-item .h-month {font-family: var(--font-type01);font-weight: 500;letter-spacing: -.3px;flex: 0 0 50px;max-width: 50px;white-space: normal;word-wrap: break-word;}
.his .his-list .his-item .h-con li {position: relative;font-size: 15px;padding-left: 12px;margin-bottom: 3px;}
.his .his-list .his-item .h-con li:before {content: '';position: absolute;left: -1px;top: 7px;display: block;width: 5px;height: 5px;border-radius: 50%;background: #C3B8D4;}
@media (min-width: 992px) {
    .history-wrap:before {width: calc(100% - 100px);top: -20px;}
    .history-wrap .his-conbox {border-radius: 20px 100px 20px 20px;box-shadow: 6px 10px 30px 0 rgba(204,204,204,.2);padding: 50px 50px 50px 50px;margin-left: 20px;margin-right: 20px;}
    .history-wrap .his-conbox:before {display: block;}
    .history-wrap .his-conbox:after {display: block;}
    .history-wrap .his-conbox h4 {margin-bottom: 16px;}
    .his-con {margin-bottom: 40px;}
    .his {padding-left: 160px;}
    .his:before {content: '';position: absolute;width: 3px;height: 100%;background: #EFEFEF;}
    .his .h-year {position: absolute;left: 0;color: var(--font-color01);margin: 0;}
    .his:first-of-type .h-year {margin: 0;}
    .his .his-list {border-top: 0;margin-bottom: 10px;}
    .his .his-list .his-item {margin-bottom: 10px;border-bottom: 0;padding: 0;}
    .his .his-list .his-item .h-month {position: absolute;left: 120px;color: var(--txt-color);}
    .his .his-list .his-item .h-con li {padding-left: 25px;}
}
@media (min-width: 1200px) {
    .history-wrap .his-conbox {box-shadow: 8px 13px 50px 0 rgba(204,204,204,.2);padding: 60px 80px 60px 40px;margin-right: 250px;margin-left: 30px;}
    .history-wrap .his-conbox h4 {font-size: 22px;}
    .history-wrap .his-imgbox {display: block;width: 280px;}
    .his-con {margin-top: 20px;margin-bottom: 50px;}
    .his {padding-left: 180px;}
    .his .h-year {position: absolute;left: 0;font-size: 18px;font-weight: 600;color: var(--font-color01);margin-top: 0;}
    .his .his-list {border-bottom: 1px solid #eee;width: 100%;padding: 4px 0;margin-bottom: 30px;}
    .his:last-of-type .his-list {border-bottom: 0;padding: 4px 0 0;margin-bottom: 0;}
    .his .his-list .his-item {margin-bottom: 12px;}
    .his .his-list .his-item .h-month {position: absolute;left: 100px;font-size: 16px;font-weight: 600;color: #A5A5A5;}
    .his .his-list .his-item .h-con li {font-size: 16px;}
}
@media (min-width: 1500px) {
    .history-wrap {margin-top: 60px;}
    .history-wrap:before {top: -30px;}
    .history-wrap .his-imgbox {width: auto;border-radius: 80px 20px 20px 20px;}
    .history-wrap .his-conbox {padding: 65px 120px 40px 60px;margin-right: 280px;}
    .his {padding-left: 160px;}
    .his .his-list .his-item .h-month {left: 80px;}
}


/* 네이밍/BI 소개 */
.logo-box {margin-bottom: 10px;}
.logo-box.main-bi .logo-list .logo-item .img {max-width: 280px;margin: auto;}
.logo-list {display: flex;flex-wrap: wrap;gap: 8px;}
.logo-list .logo-item {position: relative;flex: 1 0 100%;border: 1px solid #E5E5E5;border-radius: 8px;background: linear-gradient(180deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 90%), url('/site/resource/bcic/www/images/ui_bg.png');background-position: -2px -2px;}
.logo-list .logo-item .name {position: absolute;left: 50%;transform:translateX(-50%);bottom: 8px;width: max-content;font-size: 14px;background: #e4f0fb;border-radius: 20px;padding: 4px 8px;}
.logo-list .logo-item .name:before {content: '';position: absolute;;}
.logo-list .logo-item .img {display: flex;justify-content: center;padding: 20px 25px 54px;}
.logo-box.color-system {border: 1px solid #E5E5E5;border-radius: 8px;padding: 20px;}
.logo-box.color-system .logo-item {padding: 0 40px 15px;}
.logo-box.color-system .color-list {display: flex;flex-wrap: wrap;gap: 6px;}
.logo-box.color-system .color-list .item {display: flex;flex: 1 0 calc(50% - 8px);align-items: center;gap: 7px;}
.logo-box.color-system .color-list .item .color-part {display: inline-block;width: 20px;height: 20px;border-radius: 4px;}
.logo-box.color-system .color-list .item .color-part.part01 {background: #ed1f90;}
.logo-box.color-system .color-list .item .color-part.part02 {background: #b0156d;}
.logo-box.color-system .color-list .item .color-part.part03 {background: #00b0eb;}
.logo-box.color-system .color-list .item .color-part.part04 {background: #008ab8;}
.logo-box.color-system .color-list .item .color-part.part05 {background: #402987;}
.logo-box.color-system .color-list .item .color-part.part06 {background: #b2b3b8;}
.logo-box.color-system .color-list .item .color-part.part07 {background: #6c6d70;}
.logo-box.color-system .color-list .item .cmyk-palette {display: inline-flex;gap: 0 6px;font-size: 15px;}
.logo-box.color-system .color-list .item .cmyk-palette li > span {margin-right: 2px}
@media (min-width:480px){
    .logo-list .logo-item {flex: 1 0 calc(50% - 8px);}
    .logo-box.color-system .color-list {gap: 8px;}
}
@media (min-width:992px){
    .logo-list .logo-item .name {bottom: 15px;font-size: 16px;padding: 6px 16px;}
    .logo-list .logo-item .img {padding: 30px 0 75px;}
    .logo-box.color-system {padding: 30px 35px;}
    .logo-box.color-system .row {align-items: center;}
    .logo-box.color-system .logo-item {display: flex;max-width: 280px;padding: 0;margin: auto;}
    .logo-box.color-system .color-list .item {flex: 1 0 100%;gap: 10px;}
    .logo-box.color-system .color-list .item .color-part {width: 28px;height: 28px;}
    
}
@media (min-width:1500px){
    .logo-box {margin-bottom: 15px;}
    .logo-list {gap: 12px;}
    .logo-list .logo-item {flex: 1 0 calc(25% - 12px);border-radius: 15px;}
    .logo-list .logo-item .name {bottom: 20px;}
    .logo-list .logo-item .img {padding: 40px 0 90px;}
    .logo-box.main-bi .logo-list .logo-item .img {max-width: 400px;}
    .logo-box.color-system {border-radius: 20px;padding: 60px 60px 60px 20px;}
    .logo-box.color-system .logo-item {max-width: 480px;}
    .logo-box.color-system .color-list {gap: 14px;}
    .logo-box.color-system .color-list .item {gap: 20px;}
    .logo-box.color-system .color-list .item .color-part {width: 36px;height: 36px;border-radius: 8px;box-shadow: 2px 20px 15px rgba(30,30,30,.12);}
    .logo-box.color-system .color-list .item .cmyk-palette {gap: 0 8px;font-size: 16px;}
    .logo-box.color-system .color-list .item .cmyk-palette li > span {margin-right: 4px}
}


/* 오시는길 */
.loc-box .loc-map {position: relative;width: 100%;height: 300px;border-radius: 20px;overflow: hidden;}
.loc-box .loc-map .map-box {width: 100%;height: 100%;}
.loc-box .loc-map .map-box .wrap_map {position: absolute;top: -1px;left: -1px;height: calc(100% + 2px);width: calc(100% + 2px);}
.loc-box .loc-map .map-box .wrap_controllers {display: none;}
.loc-box .loc-map .map-box .cont {position: relative;overflow: hidden;margin-top: -1px;}
.loc-box .loc-info {position: relative;width: 100%;border-radius: 20px;z-index: 1;}
.loc-box .loc-info .loc-name {display: flex;padding: 15px 0;} 
.loc-box .loc-info .loc-name .tit {position: relative;min-width: fit-content;flex: 0 0 fit-content;font-weight: 700;color: var(--main-color01);padding-right: 12px;}
.loc-box .loc-info .loc-name .tit::after {content: '';position: absolute;top: 3px;right: 0;width: 1px;height: 14px;background: #DDD;}
.loc-box .loc-info .loc-name .address {position: relative;padding-left: 10px;}
.loc-box .loc-info .map-link {width: 100%;background: var(--white);}
.loc-box .loc-info .map-link .btn-map-link {display: flex;justify-content: center;gap: 0 8px;width: 100%;border-radius: 30px;text-align: center;color: var(--white);background: var(--main-color01);padding: 10px 15px;transition: .3s all;}
.loc-box .loc-info .map-link .btn-map-link:hover, .loc-box .loc-info .map-link .btn-map-link:focus {background: var(--main-color01-hover);}

@media (min-width:992px){
    .loc-box {position: relative;}
    .loc-box .loc-map {height: 500px;}
    .loc-box .loc-info {position: absolute;bottom: 0;display: flex;align-items: flex-end;}
    .loc-box .loc-info .loc-name {flex: 1 0 calc(100% - 200px);padding: 15px;}
    .loc-box .loc-info .loc-name .inner {width: 100%;;background: var(--white);border-radius: 50px;padding: 12px 25px 14px;}
    .loc-box .loc-info .loc-name .tit::after {top: 5px;height: 16px;}
    .loc-box .loc-info .map-link {flex: 1 0 200px;border-radius: 40px 0 0 0;box-shadow: -25px -20px 20px rgba(0,0,0,.1);padding: 15px 0 15px 15px;}
    .loc-box .loc-info .map-link .btn-map-link {border-radius: 50px;padding: 12px 15px 14px;}
}
@media (min-width:1500px){
    .loc-box .loc-map {height: 550px;}
    .loc-box .loc-info {position: absolute;bottom: 0;display: flex;align-items: flex-end;}
    .loc-box .loc-info .loc-name {font-size: 18px;flex: 1 0 calc(100% - 400px);padding: 20px;}
    .loc-box .loc-info .loc-name .inner {width: 100%;;background: var(--white);border-radius: 50px;padding: 20px 30px 22px;}
    .loc-box .loc-info .loc-name .tit {padding-right: 14px;}
    .loc-box .loc-info .loc-name .tit::after {top: 6px;height: 16px;}
    .loc-box .loc-info .map-link {flex: 1 0 400px;border-radius: 50px 0 0 0;box-shadow: -25px -20px 20px rgba(0,0,0,.1);padding: 20px 0 20px 20px;}
    .loc-box .loc-info .map-link .btn-map-link {font-size: 18px;border-radius: 50px;padding: 20px 15px 20px;}
}

/* 시설안내 */
.viewpoint-wrap {position: relative;}
.viewpoint-info {position: relative;}
.viewpoint-info .viewpoint-txt {text-align: left;padding: 10px 0 15px;}
.viewpoint-info .viewpoint-txt .inner {display: flex;}
.viewpoint-info .viewpoint-txt .tit {position: relative;min-width: fit-content;font-weight: 700;color: var(--main-color01);padding-right: 12px;}
.viewpoint-info .viewpoint-txt .tit::after {content: '';position: absolute;top: 3px;right: 0;width: 1px;height: 14px;background: #DDD;}
.viewpoint-info .viewpoint-txt .txt {position: relative;padding-left: 10px;}
.viewpoint-img {position: relative;border-radius: 20px;overflow: hidden;}
.viewpoint-img img {width: 100%;height: 100%;}
.viewpoint-tabs {border-bottom: 0;}
.viewpoint-tabs .nav-item {position: absolute;margin: 0;}
.viewpoint-tabs .nav-item.viewpoint-item01 {bottom: 28%;right: 5%;}
.viewpoint-tabs .nav-item.viewpoint-item02 {bottom: 3%;left: 30%;}
.viewpoint-tabs .nav-item.viewpoint-item03 {bottom: 1%;left: 3%;}
.viewpoint-tabs .nav-item.viewpoint-item04 {bottom: 24%;left: 15%;}
.viewpoint-tabs .nav-item .nav-link {width: 40px;background: transparent;border: 0;padding: 0;margin-top: 0;}
.viewpoint-tabs .nav-item .nav-link:focus {outline: none;}
.viewpoint-tabs .nav-item .nav-link:focus-visible {outline: 5px;}
.viewpoint-tabs .nav-item .facility-dot {display: inline-block;width: 6px;height: 6px;background: var(--white);border-radius: 50%;position: relative;}
.viewpoint-tabs .nav-item .active .facility-dot i {position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;border-radius: 50%;border: 1px solid rgba(255,255,255,.7);margin-left: -15px;margin-top: -15px;transform: scale(0);animation: 2s viewpointDot infinite linear;z-index: 0;}
.viewpoint-tabs .nav-item .active .facility-dot i:nth-child(2) {animation-delay: .5s;}
.viewpoint-tabs .nav-item .active .facility-dot i:nth-child(3) {animation-delay: 1s;}
.viewpoint-tabs .nav-item .building {position: relative;display: inline-block;width: 100%;font-size: 12px;font-weight: 500;background: var(--white);border: 2px solid var(--main-color01);text-align: center;border-radius: 20px;padding: 2px;margin-top: 6px;}

.viewpoint-tabs .nav-item.viewpoint-item01 .facility-dot {box-shadow: 0px 3px 4px 4px rgba(61,89,229,.8);}
.viewpoint-tabs .nav-item.viewpoint-item01 .building {border-color: var(--main-color01);color: var(--main-color01);}
.viewpoint-tabs .nav-item.viewpoint-item01 .active .building {background: var(--main-color01);border-color: var(--main-color01);color: var(--white);}

.viewpoint-tabs .nav-item.viewpoint-item02 .facility-dot {box-shadow: 0px 3px 4px 4px rgba(255,203,34,.8);}
.viewpoint-tabs .nav-item.viewpoint-item02 .building {border-color: #ffcb22;color: #333;}
.viewpoint-tabs .nav-item.viewpoint-item02 .active .building {background: #ffcb22;border-color: #ffcb22;color: #333;}

.viewpoint-tabs .nav-item.viewpoint-item03 .facility-dot {box-shadow: 0 0 4px 4px rgba(255,86,34,.8);}
.viewpoint-tabs .nav-item.viewpoint-item03 .building {border-color: #ff5622;color: #ff5622;}
.viewpoint-tabs .nav-item.viewpoint-item03 .active .building {background: #ff5622;border-color: #ff5622;color: var(--white);}

.viewpoint-tabs .nav-item.viewpoint-item04 .facility-dot {box-shadow: 0px 3px 4px 4px rgba(120,0,232,.8);}
.viewpoint-tabs .nav-item.viewpoint-item04 .building {border-color: #7800e8;color: #7800e8;}
.viewpoint-tabs .nav-item.viewpoint-item04 .active .building {background: #7800e8;border-color: #7800e8;color: var(--white);}

.viewpoint-tabs .nav-item.viewpoint-item05 .facility-dot {box-shadow: 0px 3px 4px 4px rgba(12,128,33,.8);}
.viewpoint-tabs .nav-item.viewpoint-item05 .building {border-color: #0c8021;color: #0c8021;}
.viewpoint-tabs .nav-item.viewpoint-item05 .active .building {background: #0c8021;border-color: #0c8021;color: var(--white);}

.viewpoint-tabs .nav-item[class*='etc-item0'] {display: none;z-index: 0;}
.viewpoint-tabs .nav-item[class*='viewpoint-item0'] {z-index: 1;}
.viewpoint-tabs .nav-item[class*='etc-item0'] .nav-link {width: max-content;}
.viewpoint-tabs .nav-item[class*='etc-item0'] .building {background: rgba(0, 0, 0, 0.5);color: var(--white);border: none;padding: 2px 6px;margin-top: 0;}
.viewpoint-tabs .nav-item[class*='etc-item0'] .active .building {background: rgba(0,0,0,1);}

.viewpoint-wrap + .facility-wrap {margin-top: 30px;}
.facility-wrap .facility-slide {position: relative;}
.facility-wrap .facility-slide:before {content: '';position: absolute;right: 0;width: 100%;height: 100%;background: var(--blue-color01) url(/site/resource/bcic/www/images/info-box02-bg.png) no-repeat right top;z-index: -1;}
.facility-wrap .facility-slide .facility-thumb-swiper {position: relative;background: var(--white);padding: 5px 5px 20px;}
.facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide {position: relative;display: flex;flex-wrap: wrap;justify-content: flex-end;cursor: pointer;}
.facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide .facil-thumb-img {position: relative;width: 100%;padding-top: 64.16%;border-radius: 12px;overflow: hidden;}
.facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide .facil-thumb-img::before {content: '';position: absolute;bottom: 0;width: 100%;height: 0;background: linear-gradient(180deg, rgba(0,0,0,.0) 30%, rgba(0,0,0,.6) 60%, rgba(0,0,0,.8) 100%);z-index: 1;transition: all .3s;}
.facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide::after {content: '';position: absolute;left: -1.5px;top: -1.5px;z-index: 2;width: calc(100% + 3px);height: calc(100% + 3px);border-radius: 12px;border: 3px solid var(--white);}
.facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide .facil-thumb-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide .facil-thumb-txt {position: absolute;bottom: 0;display: inline-flex;justify-content: center;font-size: 13px;color: var(--main-color02);background: var(--white);border: 1px solid var(--white);text-align: center;border-radius: 25px 0 0 0;padding: 6px 8px 4px 15px;z-index: 1;}
.facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide.swiper-slide-visible .facil-thumb-img::before {height: 100%;}
.facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide.swiper-slide-thumb-active::after {border-color: var(--main-color01);}
.facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide.swiper-slide-thumb-active .facil-thumb-img::before {height: 0;background: transparent;}
.facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide.swiper-slide-thumb-active .facil-thumb-txt {color: var(--white);background: var(--main-color01);border: 1px solid var(--main-color01);border-radius: 25px 0 12px 0;}
.facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl {position: absolute;top: calc(50% - 7px);left: 0;width: 100%;transform: translateY(-50%);z-index: 1;}
.facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .prev-btn {position: absolute;left: -25px;background: var(--white);width: 28px;height: 28px;border-radius: 50%;}
.facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .prev-btn::before {width: 28px;height: 28px;}
.facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .next-btn {position: absolute;right: -25px;background: var(--white);width: 28px;height: 28px;border-radius: 50%;}
.facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .next-btn::before {width: 28px;height: 28px;}
.facility-wrap .facility-slide .facility-swiper .swiper-slide {width: 100%;}
.facility-wrap .facility-slide .facility-swiper:before {content: '';position: absolute;right: 0;width: 100%;height: 100%;background: var(--blue-color01) url(/site/resource/bcic/www/images/info-box02-bg.png) no-repeat right top;z-index: -1;}
.facility-wrap .facility-slide .facility-swiper {position: relative;}
.facility-wrap .facil-con {padding: 20px;}
.facility-wrap .facil-con .facil-imgwrap {max-width: 500px;margin: 0 auto;}
.facility-wrap .facil-con .facil-imgwrap .facil-img {position: relative;display: inline-block;width: 100%;padding-top: 64%;border-radius: 15px;box-shadow: 0 10px 30px rgba(0,0,0,.25);overflow: hidden;}
.facility-wrap .facil-con .facil-imgwrap .facil-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.facility-wrap .facil-con .facil-txtwrap {margin-top: 20px;}
.facility-wrap .facil-con .facil-txtwrap .tit {display: inline-flex;align-items: center;gap: 0 10px;font-size: 22px;font-weight: 700;}
.facility-wrap .facil-con .facil-txtwrap .tit .building-tit {font-size: 18px;font-weight: 500;border-radius: 20px;color: #FFF;background: var(--main-color02);padding: 4px 10px;}
.facility-wrap #buildingA .facil-con .facil-txtwrap .tit .building-tit {color: var(--white);background: var(--main-color01);}
.facility-wrap #buildingB .facil-con .facil-txtwrap .tit .building-tit {color: #333;background: #ffcb22;}
.facility-wrap #buildingC .facil-con .facil-txtwrap .tit .building-tit {color: var(--white);background: #ff5622;}
.facility-wrap #buildingD .facil-con .facil-txtwrap .tit .building-tit {color: var(--white);background: #7800e8;}
.facility-wrap #outdoor .facil-con .facil-txtwrap .tit .building-tit {color: var(--white);background: #0c8021;}
.facility-wrap .facil-con .facil-txtwrap .floor-info {display: flex;gap: 8px;margin-top: 15px;}
.facility-wrap .facil-con .facil-txtwrap .floor-info .floor {display: inline-flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background: #FFF;border: 2px solid var(--main-color01);font-size: 15px;font-weight: 600;text-align: center;word-wrap: break-all;text-wrap: balance;color: var(--main-color01);box-shadow: 0 12px 15px rgba(30,30,30,.12);box-sizing: border-box;padding: 3px;}
.facility-wrap .facil-con .facil-txtwrap .btn-wrap {margin-top: 20px;}
.facilImg-swiper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.facilImg-swiper .facilImg-ctl {position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);display: flex;justify-content: center;width: 114px;background: rgba(0,0,0,.55);border-radius: 40px;padding: 9px 15px;z-index: 1;}
.facilImg-swiper .facilImg-ctl .facilImg-prev {content: '';position: relative;top: 1px;left: 0px;display: inline-block;width: 20px;height: 20px;background: url('/site/resource/bcic/www/images/ctl-prev-w.svg') center no-repeat;background-size: 9px;z-index: 1;}
.facilImg-swiper .facilImg-ctl .facilImg-prev.swiper-button-disabled {opacity: .35;}
.facilImg-swiper .facilImg-ctl .facilImg-next {content: '';position: relative;top: 1px;right: 0px;display: inline-block;width: 20px;height: 20px;background: url('/site/resource/bcic/www/images/ctl-next-w.svg') center no-repeat;background-size: 9px;z-index: 1;}
.facilImg-swiper .facilImg-ctl .facilImg-next.swiper-button-disabled {opacity: .35;}
.facilImg-swiper .facilImg-ctl .swiper-pagination {position: relative;top: 0;display: inline-block;color: #FFF;}
.facilImg-swiper .facilImg-ctl .swiper-pagination .swiper-pagination-total {opacity: .7;}

@media (min-width:360px){
    .facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide .facil-thumb-txt {font-size: 15px;}
    .facility-wrap .facility-slide .facility-thumb-swiper {padding: 10px 10px 25px;}
    .facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .prev-btn {background: transparent;}
    .facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .next-btn {background: transparent;}
    .viewpoint-tabs .nav-item.viewpoint-item01 {bottom: 30%;right: 8%;}
    .viewpoint-tabs .nav-item.viewpoint-item02 {bottom: 7%;left: 30%;}
    .viewpoint-tabs .nav-item.viewpoint-item03 {bottom: 4%;left: 5%;}
    .viewpoint-tabs .nav-item.viewpoint-item04 {bottom: 30%;left: 17%;}
}
@media (min-width:480px){
    .viewpoint-tabs .nav-item .building {font-size: 13px;}
    .viewpoint-tabs .nav-item.viewpoint-item01 {bottom: 40%;right: 10%;}
    .viewpoint-tabs .nav-item.viewpoint-item02 {bottom: 15%;left: 32%;}
    .viewpoint-tabs .nav-item.viewpoint-item03 {bottom: 6%;left: 6%;}
    .viewpoint-tabs .nav-item.viewpoint-item04 {bottom: 34%;left: 17%;}
    .viewpoint-tabs .nav-item[class*='etc-item0'] {display: block;}
    .viewpoint-tabs .nav-item.etc-item01 {bottom: 50%;right: 1%;}
    .viewpoint-tabs .nav-item.etc-item02 {bottom: 42%;left: 4%;}
    .viewpoint-tabs .nav-item.etc-item03 {bottom: 15%;left: 15%;}
    .viewpoint-tabs .nav-item.etc-item04 {bottom: 28%;right: 30%;}
    .viewpoint-tabs .nav-item.etc-item05 {bottom: 7%;right: 20%;}
    .viewpoint-tabs .nav-item.etc-item06 {top: 18%;left: 32%;}
    .facility-wrap .facility-slide .facility-thumb-swiper {padding: 10px 16px 20px;}
    .facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide .facil-thumb-txt {padding: 8px 10px 6px 20px;}
}
@media (min-width:768px){
    .viewpoint-tabs .nav-item .facility-dot {width: 8px;height: 8px;}
    .viewpoint-tabs .nav-item .building {font-size: 14px;padding: 3px 6px;}
    .viewpoint-tabs .nav-item.viewpoint-item01 {bottom: 40%;right: 13%;}
    .viewpoint-tabs .nav-item.viewpoint-item02 {bottom: 18%;left: 32%;}
    .viewpoint-tabs .nav-item.viewpoint-item03 {bottom: 6%;left: 8%;}
    .viewpoint-tabs .nav-item.viewpoint-item04 {bottom: 38%;left: 20%;}
    .facility-wrap .facility-slide .facility-thumb-swiper {padding: 15px 40px 25px;}
    .facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .prev-btn {left: -40px;}
    .facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .next-btn {right: -40px;}
    .viewpoint-tabs .nav-item[class*='etc-item0'] .building {padding: 5px 8px;}
    .viewpoint-tabs .nav-item.etc-item01 {bottom: 52%;right: 1%;}
    .viewpoint-tabs .nav-item.etc-item02 {bottom: 40%;left: 8%;}
    .viewpoint-tabs .nav-item.etc-item03 {bottom: 18%;left: 18%;}
    .viewpoint-tabs .nav-item.etc-item04 {bottom: 25%;right: 30%;}
    .viewpoint-tabs .nav-item.etc-item05 {bottom: 10%;right: 20%;}
    .viewpoint-tabs .nav-item.etc-item06 {top: 18%;left: 32%;}
}
@media (min-width:992px){
    .viewpoint-info {position: absolute;top: 0;display: flex;width: 100%;align-items: flex-start;z-index: 1;}
    .viewpoint-info .viewpoint-txt {flex: 1 0 100%;text-align: left;padding: 15px;}
    .viewpoint-info .viewpoint-txt .inner {width: 100%;background: var(--white);border-radius: 50px;padding: 12px 25px 12px;}
    .viewpoint-tabs .nav-item .nav-link {width: 60px;}
    .viewpoint-tabs .nav-item .active .facility-dot i {width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
    .viewpoint-tabs .nav-item .building {font-size: 15px;padding: 5px 0;margin-top: 8px;}
    .viewpoint-wrap + .facility-wrap {margin-top: 40px;}
    .facility-wrap .facility-slide .facility-thumb-swiper {padding: 15px 30px 25px;}
    .facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide .facil-thumb-txt {padding: 10px 10px 8px 16px;}
    .facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .prev-btn {left: -25px;}
    .facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .next-btn {right: -25px;}
    .facility-wrap .facil-con {display: flex;gap: 0 30px;}
    .facility-wrap .facil-con .facil-imgwrap {flex: 0 0 320px;margin: 0;}
    .facility-wrap .facil-con .facil-txtwrap {padding: 30px 0 0;margin-top: 0;}
    .facility-wrap .facil-con .facil-txtwrap .floor-info .floor {width: 56px;height: 56px;}
}
@media (min-width:1500px){
    .viewpoint-info .viewpoint-txt {padding: 20px;}
    .viewpoint-info .viewpoint-txt .inner {padding: 20px 30px;}
    .viewpoint-info .viewpoint-txt .tit, .viewpoint-info .viewpoint-txt .txt {font-size: 18px;}
    .viewpoint-info .viewpoint-txt .tit {padding-right: 14px;}
    .viewpoint-info .viewpoint-txt .tit::after {top: 5px;height: 16px;}
    .viewpoint-info .viewpoint-txt .txt {padding-left: 14px;}
    .viewpoint-tabs .nav-item.viewpoint-item01 {bottom: 43%;right: 13%;}
    .viewpoint-tabs .nav-item.viewpoint-item02 {bottom: 18%;left: 35%;}
    .viewpoint-tabs .nav-item.viewpoint-item03 {bottom: 10%;left: 8%;}
    .viewpoint-tabs .nav-item.viewpoint-item04 {bottom: 40%;left: 20%;}
    .viewpoint-tabs .nav-item.etc-item01 {bottom: 52%;right: 1%;}
    .viewpoint-tabs .nav-item.etc-item02 {bottom: 40%;left: 10%;}
    .viewpoint-tabs .nav-item.etc-item03 {bottom: 20%;left: 20%;}
    .viewpoint-tabs .nav-item.etc-item04 {bottom: 25%;right: 30%;}
    .viewpoint-tabs .nav-item.etc-item05 {bottom: 10%;right: 20%;}
    .viewpoint-tabs .nav-item.etc-item06 {top: 24%;left: 35%;}
    .viewpoint-tabs .nav-item .facility-dot {width: 10px;height: 10px;}
    .viewpoint-tabs .nav-item .active .facility-dot i {width: 56px;height: 56px;margin-left: -28px;margin-top: -28px;}
    .viewpoint-tabs .nav-item .building {font-size: 17px;padding: 5px 0;margin-top: 18px;}
    .viewpoint-tabs .nav-item[class*='etc-item0'] .building {padding: 7px 12px;}
    .viewpoint-tabs .nav-item.viewpoint-item01 .facility-dot {box-shadow: 0px 0 8px 8px rgba(61,89,229,.8);}
    .viewpoint-tabs .nav-item.viewpoint-item02 .facility-dot {box-shadow: 0px 0 8px 8px rgba(255,203,34,.8);}
    .viewpoint-tabs .nav-item.viewpoint-item03 .facility-dot {box-shadow: 0px 0 8px 8px rgba(255,86,34,.8);}
    .viewpoint-tabs .nav-item.viewpoint-item04 .facility-dot {box-shadow: 0px 0 8px 8px rgba(120,0,232,.8);}
    .viewpoint-tabs .nav-item.viewpoint-item05 .facility-dot {box-shadow: 0px 0 8px 8px rgba(12,128,33,.8);}
    .viewpoint-wrap + .facility-wrap {margin-top: 50px;}
    .facility-wrap .facility-slide .facility-thumb-swiper {padding: 15px 50px 35px;}
    .facility-wrap .facility-slide .facility-thumb-swiper .swiper-slide .facil-thumb-txt {font-size: 16px;}
    .facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .prev-btn {left: 0;}
    .facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .next-btn {right: 0;}
    .facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .prev-btn::before {background-size: 12px;}
    .facility-wrap .facility-slide .facility-thumb-swiper .facil-ctl .next-btn::before {background-size: 12px;}
    .facility-wrap .facil-con {gap: 0 50px;padding: 40px 50px 40px 50px;}
    .facility-wrap .facil-con .facil-imgwrap {flex: 0 0 500px;}
    .facility-wrap .facil-con .facil-txtwrap {padding: 40px 0 0;}
    .facility-wrap .facil-con .facil-txtwrap .tit {font-size: 24px;}
    .facility-wrap .facil-con .facil-txtwrap .tit .building-tit {font-size: 20px;}
    .facility-wrap .facil-con .facil-txtwrap .txt {font-size: 17px;}
    .facility-wrap .facil-con .facil-txtwrap .tit + .txt {margin-top: 18px;}
    .facility-wrap .facil-con .facil-txtwrap .btn-wrap {margin-top: 30px;}
    .facility-wrap .facil-con .facil-txtwrap .floor-info {gap: 8px 12px;margin-top: 0;position: absolute;top: 58px;right: 50px;}
    .facility-wrap .facil-con .facil-txtwrap .floor-info .floor {width: 70px;height: 70px;font-size: 17px;line-height: 1.2;box-shadow: 0 25px 40px rgba(30,30,30,.12);padding: 4px;}
}
/* 대관시설 소개 */
.facilrental-slide .facilrental-main-swiper .facil-ctl {position: absolute;top: calc(50% - 7px);left: 0;width: 100%;transform: translateY(-50%);z-index: 1;}
.facilrental-slide .facilrental-main-swiper .facil-ctl .prev-btn {position: absolute;left: -5px;background: var(--white);width: 28px;height: 28px;border-radius: 50%;}
.facilrental-slide .facilrental-main-swiper .facil-ctl .prev-btn::before {width: 28px;height: 28px;}
.facilrental-slide .facilrental-main-swiper .facil-ctl .next-btn {position: absolute;right: -5px;background: var(--white);width: 28px;height: 28px;border-radius: 50%;}
.facilrental-slide .facilrental-main-swiper .facil-ctl .next-btn::before {width: 28px;height: 28px;}
.facilrental-slide .facilrental-thumb-swiper {padding: 0 5px;margin-top: 15px;}
.facilrental-slide .facilrental-thumb-swiper .swiper-slide {position: relative;}
.facilrental-slide .facilrental-thumb-swiper .swiper-slide:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);transition: .5s all;}
.facilrental-slide .facilrental-thumb-swiper .swiper-slide.swiper-slide-thumb-active:before {background: transparent;}
.facilrental-slide .facilrental-thumb-swiper .swiper-slide:after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;z-index: 1;opacity: 0;transition: .3s .1s ease-in-out all;}
.facilrental-slide .facilrental-thumb-swiper .swiper-slide.swiper-slide-thumb-active:after {width: 100%;height: 100%;border: 3px solid var(--main-color01);background: transparent;opacity: 1;}
@media (min-width:1200px){
    .facilrental-slide .facilrental-thumb-swiper {padding: 0 4px;}
    .facilrental-slide .facilrental-main-swiper .facil-ctl .prev-btn {width: 48px;height: 48px;left: 15px;}
    .facilrental-slide .facilrental-main-swiper .facil-ctl .prev-btn::before {width: 48px;height: 48px;background-position: 18px center;}
    .facilrental-slide .facilrental-main-swiper .facil-ctl .next-btn {width: 48px;height: 48px;right: 15px;}
    .facilrental-slide .facilrental-main-swiper .facil-ctl .next-btn::before {width: 48px;height: 48px;background-position: 21px center;}
}
/* 개인정보처리방침 */
.policy-box {position: relative;display: flex;flex-direction: column;border: 1px solid #ddd;border-radius: 8px;max-height: 240px;}
.policy-box .policy-con {font-size: 15px;padding: 15px;border-radius: 8px 8px 0 0;overflow: auto;}
.policy-box .policy-con .tit-h4 {font-family: var(--font-type01);font-size: 17px;color: var(--main-color02);padding: 0;margin-bottom: 8px;}
.policy-box .policy-con .tit-h4::before, .policy-box .policy-con .tit-h4::after {display: none;}
.policy-box .policy-con ul:last-child {margin-bottom: 0;}
.policy-box .policy-con .line-gap {margin: 20px 0;}
.policy-box .policy-con + .policy-agree {border-top: 1px solid #EEE;padding: 12px 15px;}
.policy-box .policy-agree {font-size: 15px;background-color: var(--white);border-radius: 0 0 8px 8px;}
@media (min-width:992px){
    .policy-box .policy-con {font-size: 16px;padding: 20px;}
    .policy-box .policy-con + .policy-agree {padding: 15px 20px;}
    .policy-box .policy-agree {font-size: 16px;}
}

/* 프로그램 예약 */
.search-box .search-body .row-item {position: relative;display: flex;flex-direction: column;padding: 14px 0;gap: 10px;}
.search-box .search-body .row-item::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-image: repeating-linear-gradient(90deg, #707070 0%, #707070 1px, transparent 1px, transparent 5px);background-size: 5px 1px;}
.search-box .search-body .row-item:last-child::after {display: none;}
.search-box .search-body .row-item .tit {position: relative;font-family: var(--font-type02);font-size: 16px;min-width: 135px;margin-bottom: 0;padding-left: 15px;font-weight: 500;}
.search-box .search-body .row-item .tit::before {position: absolute;top: calc(50% - 2px);left: 0;transform: translateY(-50%);content: "";background: url(/site/resource/bcic/www/images/bullet01.svg) no-repeat;width: 8px;height: 12px;}
.search-box .search-body .row-item .item-group {display: flex;flex-wrap: wrap;gap: 6px;}
.search-box .search-body .row-item .item-group label {position: relative;background-color: var(--gray-color01);border-radius: 8px;border: 1px solid transparent;color: #555;font-size: 15px;font-weight: 500;cursor: pointer;margin-bottom: 0;padding: 8px 16px;transition: all 0.2s ease-in-out;}
.search-box .search-body .row-item .item-group input[type="checkbox"] {display: none;}
.search-box .search-body .row-item .item-group input[type="checkbox"]:checked + label {padding-left: 35px;background-color: #fff;border: 1px solid #222;color: var(--font-color01);}
.search-box .search-body .row-item .item-group input[type="checkbox"]:checked + label::before {content: "";position: absolute;background: url(/site/resource/bcic/www/images/check-icon01.svg) no-repeat center;top: 50%;left: 12px;transform: translateY(-50%);width: 18px;height: 18px;}
.search-box .search-body .row-item .item-group input[type="radio"] {display: none;}
.search-box .search-body .row-item .item-group input[type="radio"] + label {padding-left: 35px;}
.search-box .search-body .row-item .item-group input[type="radio"]:checked + label {background-color: #fff;border: 1px solid #222;color: var(--font-color01);}
.search-box .search-body .row-item .item-group input[type="radio"] + label::before {content: "";position: absolute;top: 50%;left: 12px;transform: translateY(-50%);width: 18px;height: 18px;border:1px solid #999;border-radius:50px;}
.search-box .search-body .row-item .item-group input[type="radio"]:checked + label::after {content: "";position: absolute;top: 50%;left: 16px;transform: translateY(-50%);width: 10px;height: 10px;background:var(--main-color01);border-radius:50px;}
.search-box .search-body .row-item .date {display: flex;align-items: center;flex-wrap: wrap;gap: 5px 35px;}
.search-box .search-body .row-item .date .item {width: 100%;display: flex;align-items: center;}
.search-box .search-body .row-item .date .item label {flex: 0 0 20%;margin-bottom: 0;font-size: 15px;}
.search-box .search-body .row-item .date .item input {position: relative;width: 100%;height: 42px;padding: 10px 14px;border: 1px solid #dbdbdb;border-radius: 8px;min-width: 170px;}
.search-box .search-body .row-item .date .item .btn {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;background: url(/site/resource/bcic/www/images/calendar-icon01.svg) no-repeat center;}
.search-box .search-body .row-item .keyword {width: 100%;}
.search-box .search-body .row-item .keyword input {width: 100%;height: 42px;padding: 10px 20px;border: 1px solid #dbdbdb;border-radius: 8px;}
.search-box .search-footer {width: 100%;display: flex;align-items: center;justify-content: center;background-color: var(--blue-color02);border-radius: 12px;padding: 30px 15px;flex-direction: column;margin-top: 15px;}
.search-box .search-footer .txt-wrap {display: flex;align-items: center;margin-bottom: 15px;flex-direction: column;}
.search-box .search-footer .txt-wrap .tit {position: relative;font-size: 16px;font-family: var(--font-type02);color: #1c42c5;font-weight: 500;margin-bottom: 15px;}
.search-box .search-footer .txt-wrap .tit::after {content: "";position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 14px;height: 2px;background-color: #b9caff;border-radius: 50px;}
.search-box .search-footer .list-wrap {display: flex;flex-wrap: wrap;column-gap: 8px;justify-content: center;}
.search-box .search-footer .list-wrap .close-btn {padding: 0;display: flex;align-items: center;gap: 3px;}
.search-box .search-footer .list-wrap .close-btn:hover .name, .search-box .search-footer .list-wrap .close-btn:focus .name {color: var(--main-color01-hover);}
.search-box .search-footer .list-wrap .close-btn:hover i, .search-box .search-footer .list-wrap .close-btn:focus i {color: var(--main-color01-hover);}
.search-box .search-footer .list-wrap .close-btn i {font-size: 19px;color: #767676;padding: 0;}
.search-box .search-footer .list-wrap .name {font-size: 15px;color: #555;font-weight: 500;}
.search-box .search-footer .btn-wrap {display: flex;gap: 8px;}
.search-box .search-footer .btn-wrap .btn {padding: 6px 8px;font-size: 15px;}
.search-box .search-footer .btn-wrap .btn span {margin-right: 5px;}
.search-box .search-footer .btn-wrap .btn-outline-secondary {border: 1px solid #1c42c5;color: #1c42c5;}
.search-box .search-footer .btn-wrap .btn-outline-secondary:hover, .search-box .search-footer .btn-wrap .btn-outline-secondary:focus {background-color: #fff;}

.list-box {margin-top: 50px;}
.list-box .list-header {display: flex;justify-content: space-between;align-items: center;font-size: 15px;margin-bottom: 12px;}
.list-box .list-header .total, .list-box .list-header .num {color: #3d59e5;font-weight: 400;}
.list-box .list-header .num-total {color: #666;}
.list-box .list-header .text-total {position: relative;padding-right: 6px;margin-right: 8px;}
.list-box .list-header .text-total::after {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: calc(100% - 8px);background-color: #cecece;}
.list-box .list-header .nav-tabs {border: none;color: var(--font-color01);padding: 0;}
.list-box .list-header .nav-tabs .nav-item {position: relative;margin: 0;}
.list-box .list-header .nav-tabs .nav-item:first-child:after {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 14px;background-color: #cecece;}
.list-box .list-header .nav-tabs .nav-link {border: none;border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem;background-color: transparent;color: var(--font-color01);margin-top: 0;font-size: 15px;font-weight: 400;padding: 0 10px;}
.list-box .list-header .nav-tabs .nav-link.active {color: var(--main-color01);}
.list-box .list-header .nav-tabs .nav-link:hover, .list-box .list-header .nav-tabs .nav-link:focus {color: var(--main-color01-hover);}
.list-box .list-body .list-item {position: relative;display: flex;flex-direction: column;border: 1px solid #ddd;border-radius: 15px;padding: 18px 22px;margin-bottom: 10px;transition: all 0.3s ease-in-out;}
.list-box .list-body .list-item:last-child {margin-bottom: 0;}
.list-box .list-body .list-item:hover {border: 1px solid var(--main-color01);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}
.list-box .list-body .list-item .txt-box {flex: 0 0 77%;}
.list-box .list-body .list-item .badge-wrap {margin-bottom: 10px;}
.list-box .list-body .list-item .badge {padding: 6px 8px;border-radius: 50px;margin-right: 2px;font-size: 14px;font-weight: 600;background-color: transparent;}
.list-box .list-body .list-item .badge:last-child {margin-right: 0;}
.list-box .list-body .list-item .badge.badge-style01 {color: var(--main-color01);border: 1px solid var(--main-color01);}
.list-box .list-body .list-item .badge.badge-style02 {color: var(--font-color01);border: 1px solid #222;}
.list-box .list-body .list-item .badge.badge-style03 {color: var(--point-color01);border: 1px solid var(--point-color01);}
.list-box .list-body .list-item .badge.badge-style04 {color: rgba(34, 34, 34, 0.5);border: 1px solid rgba(34, 34, 34, 0.5);}
.list-box .list-body .list-item .tit-wrap {display: flex;gap: 5px;}
.list-box .list-body .list-item .tit-wrap .new-icon {order: 1;width: 17px;height: 17px;}
.list-box .list-body .list-item .tit {order: 2;position: relative;font-size: 17px;font-weight: 500;font-family: var(--font-type02);overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.list-box .list-body .info {display: flex;flex-wrap: wrap;font-size: 15px;}
.list-box .list-body .info li {position: relative;display: flex;align-items: center;padding-right: 10px;margin-right: 10px;gap: 6px;margin-bottom: 3px;}
.list-box .list-body .info li:last-child:after {display: none;}
.list-box .list-body .info li::after {content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: calc(100% - 8px);background-color: #cecece;}
.list-box .list-body .info01 li::after {display: none;}
.list-box .list-body .info li .txt {color: var(--font-color02);}
.list-box .list-body .d-date {position: absolute;top: 10%;right: 20px;font-size: 14px;font-weight: 700;}
.list-box .list-body .btn-wrap {text-align: center;margin-top: 15px;}
.list-box .list-body .btn-wrap .btn {font-size: 14px;font-weight: 600;}
.list-box .list-body .btn-wrap .btn-outline-secondary {color: var(--font-color01);border: 1px solid #d5d5d5;}
.list-box .list-body .btn-wrap .btn-outline-secondary:hover, .list-box .list-body .btn-wrap .btn-outline-secondary:focus {background-color: #fff;border: 1px solid #0066c9;color: #0066c9;}
.list-box .list-body .btn-wrap .btn span {margin-left: 4px;}
@media (min-width: 480px) {
    .search-box .search-body .row-item .date .item {flex: 0 0 44%;width: auto;}
    .search-box .search-body .row-item .date .item label {margin-right: 4px;}
}
@media (min-width: 768px) {
    .search-box .search-body .row-item {align-items: center;flex-direction: row;}
    .search-box .search-body .row-item .tit {font-size: 17px;padding-right: 20px;margin-right: 20px;}
    .search-box .search-body .row-item .item-group {gap: 8px;}
    .search-box .search-body .row-item .item-group label {padding: 10px 20px;}
    .search-box .search-body .row-item .item-group input[type="checkbox"]:checked + label,
    .search-box .search-body .row-item .item-group input[type="radio"]:checked + label{padding-left: 40px;}
    .search-box .search-body .row-item .item-group input[type="checkbox"]:checked + label::before {left: 15px;}
    .search-box .search-body .row-item .item-group label,
    .search-box .search-body .row-item .date .item label {font-size: 17px;}
    .search-box .search-body .row-item .date {flex-wrap: nowrap;}
    .search-box .search-body .row-item .date .item label {flex: 0 0 28%;}
    .search-box .search-body .row-item .date .item input {padding: 10px 20px;}
    .search-box .search-footer .list-wrap .name {font-size: 17px;}
    .search-box .search-footer .btn-wrap .btn {padding: 10px 20px;font-size: 17px;}
    .list-box .list-header, .list-box .list-header .btn {font-size: 17px;}
}
@media (min-width: 992px) {
    .search-box .search-footer {padding: 15px 30px;justify-content: space-between;flex-direction: row;margin-top: 40px;}
    .search-box .search-footer .txt-wrap {margin-bottom: 0;flex-direction: row;}
    .search-box .search-footer .txt-wrap .tit {margin-bottom: 0;font-size: 17px;padding-right: 20px;margin-right: 20px;max-width: 120px;min-width: 85px;margin-top: 3px;}
    .search-box .search-footer .txt-wrap .tit::after {width: 2px;height: 14px;bottom: auto;top: calc(50% - 2px);transform: translateY(-50%);right: 0;left: auto;}
    .search-box .search-footer .list-wrap {margin-bottom: 0;margin-right: 20px;column-gap: 30px;justify-content: start;}
    .list-box .list-body .list-item {flex-direction: row;justify-content: space-between;align-items: center;padding: 25px 35px;}
    .list-box .list-body .list-item .badge-wrap {margin-bottom: 14px;}
    .list-box .list-body .list-item .badge {font-size: 15px;padding: 6px 10px;}
    .list-box .list-body .list-item .tit-wrap .new-icon {order: 2;width: 20px;height: 20px;}
    .list-box .list-body .list-item .tit {order: 1;font-size: 19px;}
    .list-box .list-body .info {font-size: 15px;}
    .list-box .list-body .info01 li::after {display: block;}
    .list-box .list-body .d-date {font-size: 17px;top: 20%;right: 35px;}
}
@media (min-width: 1200px) {
    .list-box .list-header {margin-bottom: 20px;}
    .list-box .list-header,
    .list-box .list-header .nav-tabs .nav-link {font-size: 18px;}
    .list-box .list-body .list-item {padding: 30px 32px;margin-bottom: 15px;}
    .list-box .list-body .list-item .badge-wrap {margin-bottom: 20px;}
    .list-box .list-body .list-item .badge {font-size: 17px;}
    .list-box .list-body .list-item .tit {font-size: 21px;}
    .list-box .list-body .info {font-size: 17px;}
    .list-box .list-body .d-date {font-size: 19px;right: 40px;}
    .list-box .list-body .info li {margin-right: 15px;padding-right: 15px;}
    .list-box .list-body .btn-wrap .btn {padding: 10px 16px;font-size: 18px;}
    .list-box .list-footer .pagination .page-item.active .page-link {font-size: 19px;}
}

/* 캘린더 */
.calendar-info {display: flex;justify-content: end;gap: 0 9px;margin-bottom: 8px;}
.calendar-info .badge {font-size: 15px;}
.calendar-info .badge.calendar-badge {position: relative;color: var(--font-color01);padding-left: 18px;}
.calendar-info .badge.calendar-badge::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 7px;height: 7px;border-radius: 50%;}
.calendar-info .badge.calendar-badge.badge-style01,
.calendar-info .badge.calendar-badge.badge-style02,
.calendar-info .badge.calendar-badge.badge-style03,
.calendar-info .badge.calendar-badge.badge-style04 {background: transparent;border: 0}
.calendar-info .badge.calendar-badge.badge-style01::before {background: #78058f;}
.calendar-info .badge.calendar-badge.badge-style02::before {background: #0f249c;}
.calendar-info .badge.calendar-badge.badge-style03::before {background: #D91D74;}
.calendar-info .badge.calendar-badge.badge-style04::before {background: #6c757d;}
.event-box .fc-unthemed .fc-head {border-top: 2px solid #353847;border-bottom: 1px solid #EAEAEA;}
.event-box .fc-unthemed .fc-head th {position: relative;background: #F7F7F7;}
.event-box .fc-unthemed .fc-head th:after {content: '';position: absolute;top: calc(50% - 4px);right: -2px;transform: translateY(-50%);width: 4px;height: 4px;border-radius: 50%;background: #DEDEDE;box-shadow: 0 8px 0 #DEDEDE;z-index: 1;}
.event-box .fc-unthemed .fc-head th:last-of-type:after {display: none;}
.event-box .fc-unthemed .fc-head .fc-day-header {height: 48px;align-content: center}
.event-box .fc-unthemed .fc-head td {border-color: transparent;border-bottom-color: #EAEAEA;}
.event-box .fc-unthemed tbody {border-color: transparent;}
.event-box .fc-unthemed th {border-color: transparent;}
.event-box .fc-unthemed td {border-left-color: transparent;border-right-color: transparent;}
.event-box .fc-day-grid-event {padding: 1px 6px;margin: 3px 2px 0;}
.event-box .fc-event {border-radius: 12px;border-color: transparent;}
.modal .facility .place-date {position: relative;justify-self: anchor-center;font-family: var(--font-type03);font-size: 20px;padding-left: 40px;margin-bottom: 12px;}
.modal .facility .place-date::before {content: '';position: absolute;top: 0;left: 0;width: 30px;height: 30px;border-radius: 50%;background: var(--main-color01) url('/site/resource/bcic/www/images/view-calendar-w.svg') no-repeat center;background-size: 14px;}
.modal .facility .table .f-tit {background: #F1F1F1;}
@media (min-width: 992px) {
    .calendar-info .badge {font-size: 16px;}
    .calendar-info .badge.calendar-badge::before {top: calc(50% - 1px);width: 9px;height: 9px;}
}
@media (min-width: 1200px) {
    .modal .facility .place-date {font-size: 26px;padding-left: 52px;margin-bottom: 20px;}
    .modal .facility .place-date::before {width: 40px;height: 40px;background-size: 18px;}
}