@charset "utf-8";
#Main #footer {padding: 30px 0 100px;}
@media(min-width: 768px) {
    #Main #footer {padding: 30px 0;}
}

/* common */
button:focus {outline: none;}
button:focus-visible {outline: 5px auto -webkit-focus-ring-color;}
.main-tit .sub-tit {display: inline-block;font-weight: 600;color: var(--main-color01);letter-spacing: 0;margin-bottom: 3px;}
.main-tit .tit {font-family: var(--font-type02);font-size: 24px;font-weight: 700;margin-bottom: 0;}
.main-tit .tit span {position: relative;}
.main-tit .tit span:after {content: '';position: absolute;top: 50%;right: -16px;transform: translateY(-50%);display: block;width: 8px;height: 8px;border-radius: 10px;animation: shadowAnis 2.5s cubic-bezier(0.29, 0.24, 0.02, 1.01);animation-direction: alternate;animation-iteration-count: infinite;}
.more-btn {position: relative;display: inline-block;font-family: var(--font-type02);font-weight: 700;}
.more-btn span {position: relative;font-size: 15px;padding-right: 16px;}
.more-btn span::after {content: '';position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: inline-block;width: 7px;height: 15px;background:url('/site/resource/bcic/www/images/ctl-next.svg') center no-repeat;background-size: 7px;}
.more-btn::before {content: '';position: absolute;left: calc(50% - 8px);top: 50%;transform: translate(-50%, -50%);background: var(--main-color01);width: 80px;height: 80px;border-radius: 50%;opacity: 0;transition: all .3s ease;}
.more-btn:hover::before, .more-btn:focus::before {width: 36px;height: 36px;opacity: .12;}
.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;}
@media(min-width: 468px) {
    .main-tit .tit {font-size: 28px;}
}
@media(min-width: 992px) {
    .main-tit .sub-tit {font-size: 20px;}
    .main-tit .tit {font-size: 36px;}
    .more-btn span {font-size: 16px;padding-right: 20px;}
    .more-btn span::after {width: 9px;background-size: auto;}
    .more-btn:hover::before, .more-btn:focus::before {width: 40px;height: 40px;}
}
@media(min-width: 1600px) {
    .main-tit .sub-tit {margin-bottom: 5px;}
    .main-tit .tit {font-size: 48px;}
    .more-btn span {font-size: 17px;}
}

/* ==============================
* visual
================================= */
.visual-wrap {position: relative;}
.visual-wrap .visual-deco {display: none;position: absolute;top: 24px;right: 0;align-items: center;gap: 0 15px;writing-mode: sideways-lr;}
.visual-wrap .visual-deco::before {content: 'THE CULTURAL PRISM OF SAEMO';font-size: 16px;color: #D5D5D5;letter-spacing: 2px;}
.visual-wrap .visual-deco::after {content: '';height: 24px;width: 1px;background: #D5D5D5;}
.visual-slide .mv-swiper {position: relative;height: 360px;}
.visual-slide .mv-swiper .swiper-slide {overflow: hidden;}
.visual-slide .mv-swiper .mv-item {width: 100%;padding-top: 100dvh;overflow: hidden;}
.visual-slide .mv-swiper .mv-item:hover, .visual-slide .mv-swiper .mv-item:focus {color: inherit;}
.visual-slide .mv-swiper .mv-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;transform: scale(1.2);transition: 5s linear;}
/* .visual-slide .mv-swiper .mv-img::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.28);z-index: 1;} */
/* .visual-slide .mv-swiper .mv-img::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0,0,0,.4), rgba(0,0,0,0));z-index: 1;} */
.visual-slide .mv-swiper .mv-con {position: relative;display: flex;align-items: center;width: 100dvw;height: 100%;padding-bottom: 60px;overflow: hidden;z-index: 2;}
.visual-slide .mv-swiper .mv-con .mv-tit {position: relative;display: inline-block;width: 100%;font-family: var(--font-type02);font-size: 24px;font-weight: 700;color: var(--white);overflow: hidden;}
.visual-slide .mv-swiper .mv-con .mv-tit .char {position: relative;display: inline-block;transform: translateY(100%);transition: all .5s cubic-bezier(0.4, 0, 0.2, 1);opacity: 0;transition-property: opacity, transform;}
.visual-slide .mv-swiper .mv-con .mv-txt {display: inline-block;font-weight: 400;color: var(--white);transform: translateY(100%);opacity: 0;transition: all .8s .3s cubic-bezier(0.4, 0, 0.2, 1);transition-property: opacity, transform;}
.visual-slide .mv-swiper .mv-con .mv-tit + .mv-txt {margin-top: 8px;}
.visual-slide .mv-swiper .swiper-slide-active .mv-img {transform: scale(1);z-index: 1;}
.visual-slide .mv-swiper .swiper-slide-active .mv-con .mv-tit .char {transform: translateY(0);opacity: 1;}
.visual-slide .mv-swiper .swiper-slide-active .mv-con .mv-txt {transform: translateY(0);opacity: 1;}
.visual-slide .mv-ctl {position: absolute;bottom: 100px;width: 100dvw;z-index: 2;}
.visual-slide .mv-ctl .control {justify-content: flex-start;}
.visual-slide .mv-ctl .control .navi-btn {position: relative;display: flex;gap: 0 20px;}
.visual-slide .mv-ctl .control .navi-btn::before {content: '';position: absolute;left: 50%;display: inline-block;width: 1px;height: 15px;background: rgba(255,255,255,.4);}
.visual-slide .mv-ctl .control .navi-btn .prev-btn::before {background-image: url('/site/resource/bcic/www/images/mv-prev.svg');background-repeat: no-repeat;}
.visual-slide .mv-ctl .control .navi-btn .next-btn::before {background-image: url('/site/resource/bcic/www/images/mv-next.svg');background-repeat: no-repeat;}
.visual-slide .mv-ctl .control .progress-bar {position: relative;width: 100px;height: 2px;background-color: rgba(255,255,255,.4);overflow: hidden;}
.visual-slide .mv-ctl .control .progress-bar .bar {display: block;width: auto;height: 100%;background: rgba(255,255,255, 1);/*transition: width 5000ms linear;*/}
.visual-slide .mv-ctl .control .swiper-pagination {font-weight: 400;color: rgba(255,255,255,.5);}
.visual-slide .mv-ctl .control .swiper-pagination .swiper-pagination-current {color: var(--white);}
.visual-slide .mv-ctl .control button.play-pause.stop:before {border-color: var(--white);}
.visual-slide .mv-ctl .control button.play-pause.play:before {border-left-color: var(--white);}
.visual-slide .thumb-swiper {display: none;}
.visual-open {position: relative;width: 100%;z-index: 1;}
.visual-open .open-wrap {background: linear-gradient(90deg, rgba(61,89,229,1), rgba(37,167,254,1));padding: 15px 0;}
.visual-open .open-wrap .open-con {display: flex;flex-wrap: wrap;}
.visual-open .open-wrap .open-con .open-tit {margin-bottom: 8px;}
.visual-open .open-wrap .open-con .open-tit span {position: relative;color: var(--white);font-weight: 600;}
.visual-open .open-wrap .open-con .open-tit span:after {content: '';position: absolute;top: calc(50% - 1px);left: 100%;transform: translateY(-50%);display: block;width: 6px;height: 6px;border-radius: 50%;box-shadow: 8px 0 0 rgba(255,255,255,.3), 12px 0 0 rgba(255,255,255,.6), 16px 0 rgba(255,255,255,1);}
.visual-open .open-wrap .open-con .open-txt {display: block;}
.visual-open .open-wrap .open-con .open-txt .txt {position: relative;display: block;color: var(--white);font-size: 15px;}
.visual-open .open-wrap .open-con .open-txt .txt.time {font-family: var(--font-type02);font-size: 18px;font-weight: 600;}
.scroll-wrap {display: none;}

@media(min-width: 480px) {
    .visual-open .open-wrap .open-con .open-tit {flex: 0 0 140px;}
    .visual-open .open-wrap .open-con .open-txt {flex: 0 0 calc(100% - 140px);}
}
@media(min-width: 768px) {
    .visual-open .open-wrap .open-con .open-tit {flex: 0 0 160px;}
    .visual-open .open-wrap .open-con .open-txt {flex: 0 0 calc(100% - 160px);}
    .visual-open .open-wrap .open-con .open-txt .txt {font-size: 16px;}
    .visual-open .open-wrap .open-con .open-txt .txt.time {margin-bottom: 2px;}
}
@media(min-width: 992px) {
    .visual-wrap .visual-deco {display: flex;top: 18px;width: 80px;}
    .visual-slide {height: 80dvh;padding-right: 80px;}
    .visual-slide .mv-swiper {height: 100%;}
    .visual-slide .mv-swiper .mv-con {padding-bottom: 180px;}
    .visual-slide .mv-swiper .mv-con .mv-tit {font-size: 56px;}
    .visual-slide .mv-swiper .mv-con .mv-txt {font-size: 20px;}
    .visual-slide .thumb-swiper {display: block;position: absolute;width: 35%;right: 30px;bottom: 80px;}
    .visual-slide .thumb-swiper .swiper-slide {width: 200px;cursor: pointer;}
    .visual-slide .thumb-swiper .thumb-img {position: relative;padding-top: 64%;background-size: cover;background-repeat: no-repeat;filter: grayscale(1);transition: all .5s;}
    .visual-slide .thumb-swiper .swiper-slide-thumb-active .thumb-img {filter: grayscale(0);}
    .visual-slide .thumb-swiper .thumb-img:hover, .visual-slide .thumb-swiper .thumb-img:focus {filter: grayscale(0);}
    .visual-slide .mv-ctl {bottom: 40%;}
    .visual-slide .mv-ctl .control .navi-btn::before {height: 20px;}
    .visual-slide .mv-ctl .control button.prev-btn, .visual-slide .mv-ctl .control button.next-btn {width: 20px;height: 20px;}
    .visual-slide .mv-ctl .control .navi-btn .prev-btn::before {width: 20px;height: 20px;background-size: auto 20px;}
    .visual-slide .mv-ctl .control .navi-btn .next-btn::before {width: 20px;height: 20px;background-size: auto 20px;}
    .visual-slide .mv-ctl .control .progress-bar {width: 180px;}
    .visual-open {position: absolute;left: 0;bottom: 0;}
    .visual-open::after {content: '';position: absolute;right: 0;bottom: 0;width: 80px;height: 100%;right: 0;background: var(--white);}
    .visual-open .open-wrap .open-con .open-tit {margin-bottom: 0;}
    .visual-open .open-wrap .open-con .open-tit span {font-size: 18px;}
    .visual-open .open-wrap .open-con .open-tit span:after {top: 50%;}
    .visual-open .open-wrap .open-con .open-txt {display: flex;}
    .visual-open .open-wrap .open-con .open-txt .txt {font-size: 18px;margin-right: 18px;}
    .visual-open .open-wrap .open-con .open-txt .txt.time {font-size: 18px;margin-bottom: 0;}  
    .visual-open .open-wrap .open-con .open-txt .txt:not(:first-of-type) {padding-left: 18px;}
    .visual-open .open-wrap .open-con .open-txt .txt:not(:first-of-type)::before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);display: block;width: 1px;height: 16px;background: rgba(255,255,255,.2);} 
    .visual-open .open-wrap .open-con .open-txt .txt:last-of-type {margin-right: 0;}
}
@media(min-width: 1600px) {
    .visual-wrap .visual-deco {width: 110px;gap: 0 22px;}
    .visual-wrap .visual-deco::before {font-size: 19px;}
    .visual-wrap .visual-deco::after {height: 30px;}
    .visual-slide {height: calc(100dvh - 110px);padding-right: 110px;}
    .visual-slide .mv-swiper .mv-con {padding-bottom: 240px;}
    .visual-slide .mv-swiper .mv-con .mv-tit {font-size: 64px;}
    .visual-slide .mv-swiper .mv-con .mv-txt {font-size: 24px;letter-spacing: 0;line-height: 1.5;}
    .visual-slide .mv-swiper .mv-con .mv-tit + .mv-txt {margin-top: 20px;}
    .visual-slide .thumb-swiper {min-width: 810px;width: 40%;bottom: 110px;}
    .visual-slide .mv-ctl {bottom: 43%;}
    .visual-slide .mv-ctl .control {gap: 0 18px;}
    .visual-slide .mv-ctl .control button.prev-btn, .visual-slide .mv-ctl .control button.next-btn {width: 15px;height: 27px;}
    .visual-slide .mv-ctl .control .navi-btn {gap: 0 26px;}
    .visual-slide .mv-ctl .control .navi-btn::before {height: 27px;}
    .visual-slide .mv-ctl .control .navi-btn .prev-btn::before {width: 15px;height: 27px;background-size: auto;}
    .visual-slide .mv-ctl .control .navi-btn .next-btn::before {width: 15px;height: 27px;background-size: auto;}
    .visual-slide .mv-ctl .control .progress-bar {margin: 0 8px;}
    .visual-slide .mv-ctl .control .swiper-pagination {min-width: auto;}
    .visual-open::after {width: 110px;}
    .visual-open .open-wrap {padding: 19px 0 20px;}
    .visual-open .open-wrap .open-con .open-tit {flex: 0 0 220px;}
    .visual-open .open-wrap .open-con .open-txt {flex: 0 0 calc(100% - 220px);}
    .visual-open .open-wrap .open-con .open-tit span {font-size: 20px;}
    .visual-open .open-wrap .open-con .open-txt .txt {font-size: 20px;}
    .visual-open .open-wrap .open-con .open-txt .txt.time {font-size: 21px;letter-spacing: 0;}
    .visual-open .open-wrap .open-con .open-tit span:after {width: 8px;height: 8px;box-shadow: 18px 0 0 rgba(255,255,255,.3), 24px 0 0 rgba(255,255,255,.6), 30px 0 rgba(255,255,255,1);}
    .visual-open .open-wrap .open-con .open-txt .txt:not(:first-of-type)::before {top: 50%;height: 20px;}
    .scroll-wrap {position: absolute;bottom: 120px;display: block;width:100dvw;z-index: 1;}
    .scroll-wrap .scroll-btn {position: relative;}
    .scroll-wrap .scroll-btn .bg {position: absolute;width: 90px;height: 90px;background: url('/site/resource/bcic/www/images/scroll-bg.png');animation: scrollDownBg 15s infinite linear;}
    .scroll-wrap .scroll-btn .down {display: inline-block;width: 90px;height: 90px;background: url('/site/resource/bcic/www/images/scroll-down.svg') center no-repeat;}
}

/* ==============================
* program
================================= */
#program {position: relative;background: url('/site/resource/bcic/www/images/pg-pattern.png') no-repeat center top;background-size: cover;padding: 40px 0 120px;overflow: hidden;z-index: 0;}
.program-wrap {position: relative;}
.pg-tabs {justify-content: center;border-bottom: 0;margin: 15px 0 0;}
.pg-tabs .nav-item .nav-link {position: relative;font-size: 18px;font-weight: 500;color: #999;background-color: transparent;border: 0;padding: 10px 5px 0;margin-top: 0;transition: .3s all ease;z-index: 1;}
.pg-tabs .nav-item .nav-link.active, .pg-tabs .nav-item.show .nav-link {font-weight: 700;color: var(--font-color01);background-color: transparent;}
.pg-tabs .nav-item .nav-link:hover, .pg-tabs .nav-item .nav-link:focus {font-weight: 700;color: var(--font-color01);text-decoration: none;}
.pg-tabs .nav-item .nav-link::before {content: '';position: absolute;top: 8px;left: 50%;transform: translateX(-50%);width: 6px;height: 6px;border-radius: 50%;background: var(--point-color01);opacity: 0;transition: all .3s;}
.pg-tabs .nav-item .nav-link.active::before, .pg-tabs .nav-item.show .nav-link::before {top: 0;opacity: 1;}
.pg-tabs .nav-item .tab-content {position: absolute;left: 0;width: 100%;}
.pg-tabs .nav-item .pg-con {display: none;padding: 20px 0 0;}
.pg-tabs .nav-item .nav-link.active + .pg-con {display: block;}
.pg-slide {margin: 0 -10px;}
.pg-slide .pg-swiper {width: 100%;padding: 0 10px;}
.pg-slide .pg-swiper .pg-list {display: flex;}
.pg-slide .pg-swiper .pg-list .swiper-slide {width: auto;flex-shrink: 0;}
.pg-slide .pg-swiper .pg-list .pg-item > a {display: inline-block;width: 100%;}
.pg-slide .pg-swiper .pg-list .pg-item .pg-thum {position: relative;display: inline-block;width: 100%;padding-top: 131.81818%;background-image: url('/site/resource/bcic/www/images/thum-img.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;box-shadow: 0 8px 10px rgba(51,51,51,.12);overflow: hidden;}
.pg-slide .pg-swiper .pg-list .pg-item .pg-thum::before {content: '';position: absolute;top: -100%;right: 0;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(180deg, rgba(61,89,229,.2) 30%, rgba(61,89,229,.9) 80%);transition: .6s transform ease;}
.pg-slide .pg-swiper .pg-list .pg-item .pg-thum::after {content: '';position: absolute;top: calc(50% + 30px);left: 50%;transform: translate(-50%, -50%);width: 80px;height: 80px;border-radius: 50%;background-image: url('/site/resource/bcic/www/images/pg-more.svg');background-position: center;background-repeat: no-repeat;background-size: 80px;opacity: 0;transition: .6s all ease;}
.pg-slide .pg-swiper .pg-list .pg-item .pg-info {}
.pg-slide .pg-swiper .pg-list .pg-item .pg-info .category {display: inline-flex;flex-wrap: wrap;gap: 2px 3px;margin: 15px 0 8px;}
.pg-slide .pg-swiper .pg-list .pg-item .pg-info .category .badge {font-size: 14px;font-weight: 500;}
.pg-slide .pg-swiper .pg-list .pg-item .pg-info .tit {display: -webkit-box;width: 100%;min-height: 45px;font-size: 18px;font-weight: 600;color: var(--font-color01);-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;transition: .3s all ease;margin: 0 0 12px;}
.pg-slide .pg-swiper .pg-list .pg-item .pg-info .period {display: inline-block;width: 100%;font-size: 14px;color: var(--font-color01);}
.pg-slide .pg-swiper .pg-list .pg-item .pg-info .loc {display: inline-block;width: 100%;font-size: 14px;color: var(--font-color01);}
.pg-slide .pg-swiper .pg-list .pg-item > a:hover .pg-thum::before, .pg-slide .pg-swiper .pg-list .pg-item > a:focus .pg-thum::before {top: 0;transform: scale(40);}
.pg-slide .pg-swiper .pg-list .pg-item > a:hover .pg-thum::after, .pg-slide .pg-swiper .pg-list .pg-item > a:focus .pg-thum::after {top: calc(50%);opacity: 1;}
.pg-slide .pg-swiper .pg-list .pg-item > a:hover .pg-info .tit, .pg-slide .pg-swiper .pg-list .pg-item > a:focus .pg-info .tit {color: var(--main-color01);}
.pg-slide .pg-ctl {position: relative;display: flex;justify-content: flex-end;align-items: center;gap: 0 15px;padding: 0 10px;margin-top: 20px;}
.pg-slide .pg-ctl::before {content: '';position: absolute;top: calc(50% + 1px);left: 10px;transform: translateY(-50%);display: block;width: calc(100% - 200px);height: 1px;background: #c4deeb;}
.pg-slide .pg-ctl .navi-btn {display: flex;gap: 0 5px;}
.pg-slide .pg-ctl button.prev-btn, .pg-slide .pg-ctl button.next-btn {position: relative;width: 40px;height: 40px;background: var(--white);border-radius: 50%;box-shadow: 4px 4px 12px rgba(51,51,51,.12);}
.pg-slide .pg-ctl button.prev-btn:before, .pg-slide .pg-ctl button.next-btn:before {content: '';position: absolute;top: 50%;transform: translate(-50%, -50%);display: inline-block;width: 15px;height: 15px;background-position: center;background-repeat: no-repeat;background-size: 9px;}
.pg-slide .pg-ctl button.prev-btn:before {left: calc(50% - 1px);background-image: url('/site/resource/bcic/www/images/program-prev.svg');}
.pg-slide .pg-ctl button.next-btn:before {left: calc(50% + 1px);background-image: url('/site/resource/bcic/www/images/program-next.svg');}
.program-wrap .non-info {font-size: 18px;background-size: 200px;padding-top: 180px;}
@media(min-width: 480px) {
    .pg-tabs {justify-content: flex-start;}
    .pg-tabs .nav-item .nav-link {font-size: 18px;padding: 10px 8px 0;}
    .pg-tabs .nav-item .tab-content {top: 0;}
    .pg-tabs .nav-item .pg-con {padding-top: 60px;}
    .pg-slide {margin: 0 -20px;}
    .pg-slide .pg-swiper {padding: 0 20px;}
    .pg-slide .pg-swiper .pg-list .pg-item .pg-thum::after {width: 60px;height: 60px;background-size: 60px;}
    .pg-slide .pg-swiper .pg-list .pg-item > a:hover .pg-thum:before, .pg-slide .pg-swiper .pg-list .pg-item > a:focus .pg-thum:before {transform: scale(25);}
    .pg-slide .pg-ctl {position: absolute;top: 0;right: 0;gap: 0 15px;padding: 0;margin-top: 0;}
    .pg-slide .pg-ctl::before {background: #E5E5E5;}
}
@media(min-width: 768px) {
    .pg-tabs .nav-item .nav-link {font-size: 20px;}
    .pg-slide .pg-ctl {width: 100%;min-height: 50px;top: 4px;}
    .pg-slide .pg-ctl::before {left: auto;right: 200px;width: calc(100% - 500px);}
    .pg-slide .pg-ctl .navi-btn {gap: 0 8px;}
}
@media(min-width: 992px) {
    .pg-tabs .nav-item .nav-link {font-size: 22px;}
    .pg-tabs .nav-item .pg-con {padding-top: 70px;}
    .pg-slide .pg-swiper .pg-list .pg-item .pg-thum::after {width: 90px;height: 90px;background-size: auto;}
    .pg-slide .pg-swiper .pg-list .pg-item > a:hover .pg-thum::before, .pg-slide .pg-swiper .pg-list .pg-item > a:focus .pg-thum::before {transform: scale(32);}
    .pg-slide .pg-swiper .pg-list .pg-item .pg-info .period {font-size: 16px;}
    .pg-slide .pg-swiper .pg-list .pg-item .pg-info .loc {font-size: 16px;margin-top: 2px;}
    .pg-slide .pg-ctl::before {right: 225px;width: calc(100% - 550px);}
}
@media(min-width: 1200px) {
    .program-wrap {margin-top: -45px;}
    .pg-tabs {justify-content: flex-end;padding-right: 450px;margin: 5px 0 0;}
    .pg-tabs .nav-item .pg-con {padding-top: 80px;}
    .pg-slide .pg-swiper .pg-list .pg-item > a:hover .pg-thum:before, .pg-slide .pg-swiper .pg-list .pg-item > a:focus .pg-thum:before {transform: scale(50);}
    .pg-slide .pg-swiper .pg-list .pg-item .pg-info .category {gap: 3px 4px;}
    .pg-slide .pg-ctl {position: absolute;top: 0;right: 0;gap: 0 20px;width: auto;}
    .pg-slide .pg-ctl::before {right: 230px;width: 100%;}
    .pg-slide .pg-ctl button.prev-btn, .pg-slide .pg-ctl button.next-btn {width: 50px;height: 50px;}
    .program-wrap .non-info {font-size: 20px;background-size: auto;padding-top: 240px;}
}
@media(min-width: 1600px) {
    #program {padding: 95px 0 280px;}
    .program-wrap {margin-top: -60px;}
    .pg-tabs {border-bottom: 0;padding-right: 450px;margin: 0;}
    .pg-tabs .nav-item {margin: 5px 0 0;}
    .pg-tabs .nav-item .nav-link {font-size: 24px;padding: 15px 18px 0;}
    .pg-tabs .nav-item .nav-link::before {width: 8px;height: 8px;}
    .pg-tabs .nav-item .pg-con {padding-top: 138px;}
    .pg-slide .pg-swiper .pg-list .pg-item .pg-thum {box-shadow: 0 12px 20px rgba(51,51,51,.12);}
    .pg-slide .pg-swiper .pg-list .pg-item .pg-info .category {margin: 22px 0 10px;}
    .pg-slide .pg-swiper .pg-list .pg-item .pg-info .category .badge {font-size: 15px;padding: 7px 10px 6px;}
    .pg-slide .pg-swiper .pg-list .pg-item .pg-info .tit {min-height: 60px;font-size: 21px;margin-bottom: 18px;}
    .pg-slide .pg-swiper .pg-list .pg-item > a:hover .pg-thum:before, .pg-slide .pg-swiper .pg-list .pg-item > a:focus .pg-thum:before {transform: scale(36);}
    .pg-slide .pg-ctl {gap: 0 28px;min-height: 70px;}
    .pg-slide .pg-ctl::before {right: 300px;width: 120px;}
    .pg-slide .pg-ctl .navi-btn {gap: 0 12px;}
    .pg-slide .pg-ctl button.prev-btn, .pg-slide .pg-ctl button.next-btn {width: 70px;height: 70px;box-shadow: 4px 10px 32px rgba(51,51,51,.15);}
    .pg-slide .pg-ctl button.prev-btn:before, .pg-slide .pg-ctl button.next-btn:before {width: 20px;height: 20px;background-size: auto 20px;}
    .pg-slide .pg-ctl button.prev-btn:before {left: calc(50% - 3px);}
    .pg-slide .pg-ctl button.next-btn:before {left: calc(50% + 3px);}
}

/* ==============================
* news
================================= */
#news {position: relative;border-radius: 30px 30px 0 0;background: var(--white);padding: 40px 0 130px;margin-top: -80px;overflow: hidden;z-index: 1;}
.notice-wrap {position: relative;justify-content: center;padding-top: 40px;margin-top: -25px;}
.notice-wrap .notice-con {border-top: 1px solid #707070;}
.notice-wrap .notice-con .notice-list .item {position: relative;display: flex;flex-wrap: wrap;flex-direction: column-reverse;gap: 6px 0;border-bottom: 1px solid #DDD;padding: 10px 0 8px;}
.notice-wrap .notice-con .notice-list .item::before {content: '';position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background: var(--main-color01);transition: .5s width;}
.notice-wrap .notice-con .notice-list .item:hover, .notice-wrap .notice-con .notice-list .item:focus {background: var(--blue-color01);color: inherit;}
.notice-wrap .notice-con .notice-list .item:hover::before, .notice-wrap .notice-con .notice-list .item:focus::before {width: 100%;}
.notice-wrap .notice-con .notice-list .item .date {position: relative;display: flex;}
.notice-wrap .notice-con .notice-list .item .date .day {position: relative;font-size: 14px;order: 1;}
.notice-wrap .notice-con .notice-list .item .date .day::before {content: '.';}
.notice-wrap .notice-con .notice-list .item .date .month {font-size: 14px;order: 0;}
.notice-wrap .notice-con .notice-list .item .notice-tit {position: relative;display: flex;align-items: center;gap: 4px;flex: 0 0 100%;width: 100%;}
.notice-wrap .notice-con .notice-list .item .notice-tit .tit {display: block;font-weight: 600;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: .3s all;}
.notice-wrap .notice-con .notice-list .item .notice-tit .state {flex: 0 0 18px;display: inline-flex;align-items: center;}
.notice-wrap .more-btn {position: absolute;right: 0;top: 0;}
.notice-wrap .non-info {font-size: 18px;background-size: 200px;padding-top: 180px;margin: 30px 0;}
#m-banner {position: relative;width: 100%;margin-top: 30px;}
.banner-slide {width: 100%;padding-bottom: 45px;}
.banner-slide .bs-swiper {width: 100%;}
.banner-slide .bs-swiper .bs-img {width: 100%;height: 0;padding-top: 100%;}
.banner-slide .bs-swiper .bs-img > a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-slide .bs-swiper .bs-img > a img {width: 100%;height: 100%;}
.bs-ctl {position: absolute;bottom: 0;right: 50%;transform: translateX(50%);z-index: 1;}
.bs-ctl .control .navi-btn {position: relative;display: flex;gap: 0 20px;}
.bs-ctl .control .navi-btn:before {content: '';position: absolute;left: 50%;display: inline-block;width: 1px;height: 15px;background: #E5E5E5;}
@media(min-width: 480px) {
    .notice-wrap .notice-con .notice-list .item {display: flex;flex-direction: row;}
    .notice-wrap .notice-con .notice-list .item .date {display: flex;flex-direction: column;align-items: center;flex: 0 0 60px;width: 60px;padding-right: 8px;}
    .notice-wrap .notice-con .notice-list .item .date::after {content: '';position: absolute;top: 50%;right: 0;width: 1px;height: 90%;background: #DDD;transform: translateY(-50%);}
    .notice-wrap .notice-con .notice-list .item .date .day {font-size: 20px;font-weight: 700;order: 0;}
    .notice-wrap .notice-con .notice-list .item .date .day::before {display: none;} 
    .notice-wrap .notice-con .notice-list .item .date .month {color: #505050;order: 1;}
    .notice-wrap .notice-con .notice-list .item .notice-tit {flex: 0 0 calc(100% - 60px);width: calc(100% - 60px);padding: 0 0 0 12px;}
    #m-banner {margin-top: 45px;}
    .banner-slide {max-width: 460px;margin: 0 auto;}
}
@media(min-width: 768px) {
    .news-wrap {display: flex;flex-wrap: wrap;gap: 0 30px;width: 100%;}
    .news-wrap .main-tit {flex: 1 0 100%;margin-bottom: 18px;}
    #m-notice {width: calc(100% - 350px);flex: 0 0 calc(100% - 350px);}
    #m-banner {width: 320px;flex: 0 0 320px;margin-top: 0;}
    .notice-wrap {padding-top: 0;margin-top: 0;}
    .notice-wrap .notice-con .notice-list .item {padding: 8px 0 7px;}
    .notice-wrap .more-btn {top: -40px;}
    .bs-ctl {bottom: auto;top: -40px;right: 0;transform: none;}

}
@media(min-width: 992px) {
    #news {padding: 60px 0 150px;}
    .news-wrap {display: flex;flex-wrap: wrap;gap: 0 50px;width: 100%;}
    .news-wrap .main-tit {flex: 1 0 100%;}
    #m-notice {width: calc(100% - 410px);flex: 0 0 calc(100% - 410px);}
    #m-banner {width: 360px;flex: 0 0 360px;}
    .notice-wrap {padding-top: 0;margin-top: 0;}
    .notice-wrap .notice-con .notice-list .item {padding: 12px 0 10px;}
    .notice-wrap .notice-con .notice-list .item .date {flex: 0 0 70px;width: 70px;padding-right: 12px}
    .notice-wrap .notice-con .notice-list .item .date .month {font-size: 15px;}
    .notice-wrap .notice-con .notice-list .item .notice-tit {flex: 0 0 calc(100% - 70px);width: calc(100% - 70px);}
    .notice-wrap .notice-con .notice-list .item .notice-tit .tit {font-size: 17px;order: 0;}
    .notice-wrap .notice-con .notice-list .item .notice-tit .state {order: 1;flex: 0 0 24px;}
    .notice-wrap .non-info {margin: 60px 0 0;}
    .banner-slide {max-width: none;padding-top: 0;padding-bottom: 0;}
}
@media(min-width: 1200px) { 
    .news-wrap {gap: 0 70px;}
    #m-notice {width: calc(100% - 520px);flex: 0 0 calc(100% - 520px);}
    #m-banner {width: 450px;flex: 0 0 450px;}
    .notice-wrap .notice-con .notice-list .item {padding: 17px 0 16px;}
    .notice-wrap .notice-con .notice-list .item::after {content: '';position: absolute;top: 50%;right: 16px;transform: translateY(-50%);width: 30px;height: 30px;border-radius: 50%;background: var(--gray-color01) url('/site/resource/bcic/www/images/ctl-next.png') center no-repeat;background-size: 7px;transition: .3s all;}
    .notice-wrap .notice-con .notice-list .item:hover::after, .notice-wrap .notice-con .notice-list .item:focus::after {background: var(--main-color01) url('/site/resource/bcic/www/images/ctl-next-w.png') center no-repeat;background-size: 7px;right: 10px;}
    .notice-wrap .notice-con .notice-list .item .date {flex: 0 0 90px;width: 90px;}
    .notice-wrap .notice-con .notice-list .item .date .day {font-size: 24px;}
    .notice-wrap .notice-con .notice-list .item .date .month {font-size: 16px;}
    .notice-wrap .notice-con .notice-list .item .notice-tit {flex: 0 0 calc(100% - 90px);width: calc(100% - 90px);padding: 0 70px 0 18px;}
    .notice-wrap .notice-con .notice-list .item .notice-tit .tit {font-size: 20px;}
    .notice-wrap .non-info {font-size: 20px;background-size: auto;padding-top: 240px;}
}
@media(min-width: 1600px) {
    #news {padding: 120px 0 300px;border-radius: 180px 180px 0 0;overflow: hidden;margin-top: -180px;}
    .news-wrap {gap: 0 120px;}
    .news-wrap .main-tit {margin-bottom: 30px;}
    #m-notice {width: calc(100% - 620px);flex: 0 0 calc(100% - 620px);}
    #m-banner {width: 500px;flex: 0 0 500px;}
    .notice-wrap .notice-con .notice-list .item {padding: 19px 0 18px;}
    .notice-wrap .notice-con .notice-list .item::after {width: 40px;height: 40px;right: 28px;background-size: auto;}
    .notice-wrap .notice-con .notice-list .item:hover::after, .notice-wrap .notice-con .notice-list .item:focus::after {right: 18px;background-size: auto;}
    .notice-wrap .notice-con .notice-list .item .date {flex: 0 0 115px;width: 115px;}
    .notice-wrap .notice-con .notice-list .item .date .day {font-size: 28px;}
    .notice-wrap .notice-con .notice-list .item .notice-tit {flex: 0 0 calc(100% - 115px);width: calc(100% - 115px);gap: 10px;padding: 0 90px 0 25px;}
    .notice-wrap .more-btn {top: -60px;}
    .bs-ctl {top: -60px;}
    .bs-ctl .control .swiper-pagination {font-size: 17px;}
}
/* ==============================
* flow-txt
================================= */
.flow-txt-wrap {position: absolute;bottom: 0;width: 100%;overflow: hidden;}
.flow-txt-wrap .flow-txt {display: flex;flex-wrap: nowrap;white-space: nowrap;gap: 0 20px;overflow: hidden;}
.flow-txt-wrap .flow-txt .txt {display: inline-block;font-family: var(--font-type02);font-size: 80px;font-weight: 800;letter-spacing: 8px;color: #F1F3F5;animation: 60s linear infinite flowTxt1;word-break: break-all;padding: 0 10px;}
.flow-txt-wrap .flow-txt .txt.clone {animation: 60s linear infinite flowTxt2;}
@media(min-width: 1600px) {
    .flow-txt-wrap {bottom: 10px;}
    .flow-txt-wrap .flow-txt {gap: 0 30px;}
    .flow-txt-wrap .flow-txt .txt {font-size: 140px;letter-spacing: 18px;animation-duration: 80s;padding: 0 30px;}
    .flow-txt-wrap .flow-txt .txt.clone {animation-duration: 80s;}
}