@charset "utf-8";
/* 비주얼 */
.visual{position: relative; height: 746rem; background:url('/design/cell/img/main/visual_bg.jpg') no-repeat center/cover;}
.visual .vis_wrap{ position: absolute; width:100%; max-width:1400px; bottom: 250rem; left: 50%; transform: translateX(-50%); z-index: 2;}

.vis_txt{font-family: 'esamanru', serif;}
.vis_txt .tit01 .t_mb{display: none; font-size: 38rem; font-size: 38rem; color: #5afed9;}
.vis_txt .tit01 .t_mb em{color: #30ccff;}
.vis_txt .tit02{font-size: 40rem; color: #fff; margin-top: 18rem; letter-spacing: -1px; font-weight: 300;}
.vis_txt .tit02 span{font-size: 47rem;}

.vis_btn { position:absolute; left:60%; }
.vis_btn a {text-indent: -9999px; position: relative; display: inline-block; width: 65rem; height: 65rem;}
.vis_btn a.next{margin-left: 16rem;}
.vis_btn a::before{position: absolute; content: ""; width: 100%; height: 100%; background: url('../img/main/vis_arrow_prev.png') no-repeat center center; left: 0; border: 1px solid #fff; border-radius: 50%;}
.vis_btn a.next::before{background-image: url('../img/main/vis_arrow_next.png');}

.vis_slide, .vis_slide .slick-list, .vis_slide .slick-track {height: 100%;}
.vis_slide .slick-slide {display:flex; align-items:center;}
.vis_slide img {width: 100%; height: 100%; object-fit: cover;}
.vis_slide .wrap { display:flex; justify-content:space-between; max-width:1400px;}
.vis_slide .wrap a { flex:0 0 52%; border-radius:10rem; overflow:hidden; box-shadow:5rem 5rem 10rem rgba(0,0,0,0.2); }
.vis_slide .wrap dl { flex:0 0 40%; color:#fff;}
.vis_slide .wrap dt { font-family:'esamanru', serif; font-size:35rem; font-weight:600; margin:50rem 0 20rem; line-height:1.4; }
.vis_slide .wrap dt strong {display:block; color:#ffd358; font-size:22rem; margin-bottom:10rem; }
.vis_slide .wrap dd { font-size:20rem; }

.scroll{position: absolute; left: 40rem; bottom: 70rem; z-index: 10; padding-bottom: 83rem;}
.scroll div{ color: rgba(225,225,225,0.67); transform: rotate(-90deg); font-weight: 300; font-size: 19rem; display: block; position: relative; padding-bottom: 4rem;}
.scroll::before,
.scroll::after{position: absolute; content: ""; width: 22rem; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.scroll::before{height: 14rem; background-image: url('../img/main/scroll_arrow.png'); bottom: -20rem; left: 32px; animation: swing 1s ease-in-out infinite;}
.scroll::after{height: 30rem; background-image: url('../img/main/scroll.png'); bottom: 0; left: 50%; transform: translateX(-50%);}
@keyframes swing {
	0% {transform:translateY(0);}
	50% { transform:translateY(5px);}
	100% { transform:translateY(0);}
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}


@media (max-width: 1700px) {
    .scroll{left: 10rem;}
}
@media (max-width: 1420px) {
    .scroll{display: none;}
}
@media (max-width: 1200px) {
    .tit01 img{width: 550rem;}
    .vis_txt .tit02{font-size: 30rem;}
    .vis_txt .tit02 span{font-size: 37rem;}
}
@media (max-width: 1023px) {
    .visual{height: 600rem;}
    .visual .vis_wrap {bottom:100rem; }
    .vis_btn {left:50%; transform:translateX(-50%); }
    .vis_btn a{width: 45rem; height: 45rem;}
    .vis_btn a::before{background-position-x: 16px !important;}
    .vis_slide .wrap { align-items:center; }
    .vis_slide .wrap dt {margin-top:0;}
}
@media (max-width: 900px) {
    .vis_txt .tit02{margin-top: 5rem;}
}
@media (max-width: 760px) {
    .tit01 img{width: 480rem;}
    .vis_txt .tit02{font-size: 28rem;}
    .vis_txt .tit02 span{font-size: 32rem;}
    .vis_slide .wrap { flex-direction:column; gap:10rem; }
    .vis_slide .wrap a {flex:1 0 250rem; }
    .vis_slide .wrap dl {flex:0 0 100%; }
    .vis_slide .wrap dt { font-size:27rem; }
    .vis_slide .wrap dd { display:none; }
}
@media (max-width: 480px) {
    .visual { height:550rem;}
    .visual .vis_wrap {bottom:60rem; }
    .vis_slide .wrap { padding-top:30rem; }
    .tit01 img{width: 380rem;}
    .vis_txt .tit02{font-size: 22rem;}
    .vis_txt .tit02 span{font-size: 26rem;}
    .vis_btn a{width: 35rem; height: 35rem;}
    .vis_btn a::before{border: 0; background-position-x: 6px !important;}
}
@media (max-width: 360px) {
    .vis_txt .tit02{font-size: 20rem;}
    .vis_txt .tit02 span{font-size: 22rem;}
}

.cont2{display: flex; justify-content: space-between;}

/* 공지사항 */
.board{width: 650rem; margin-top: 60rem;}
.board_ul{position: relative; display: flex;}
.board_ul > li > div{display: none;}
.board_ul > li.on > div{display: block;}
.board_ul > li > h3 a{display: block; position: relative; z-index: 10; font-family: 'esamanru', serif; font-size: 24rem; color: #9b9ea1; font-weight: 300; margin-right: 30rem; padding-right: 30rem;}
.board_ul > li > h3 a::before{position: absolute; content: ""; width: 6rem; height: 6rem; right: 0; top: 50%; transform: translateY(-50%); background: #d6d6d6; border-radius: 50rem;}
.board_ul > li:last-child > h3 a::before{display: none;}

.board_ul > li.on > h3 a{color: #004d9d; font-weight: 400;}
.board .noticeList{position: absolute; width: 100%; left: 0; top: 60rem; border-top: 2px solid #5e5f63;}
.board .noticeList > a{display: flex; justify-content: space-between; align-items: center; padding: 23rem 13rem; width: 100%; border-bottom: 1px solid #dddee0; transition: .2s; font-weight: 500;}
.board .noticeList > a span{width: 79%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.board .noticeList > a em{color: #8d8d8d; width: 20%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: right;}
.board .noticeList > a:hover{background: #f6fbff;}

.board_ul > li > div .more{position: absolute; top: -4rem; right: 0; text-indent: -9999px; display: block; background: url('../img/main/notice_more.png') no-repeat center center / contain; width: 43rem; height: 43rem;}

/* 홍보영상 */
.media{width: calc(100% - 650rem); margin-left: 74rem; position: relative; padding-left: 60rem; margin-top: -60rem;}

.media::before{position: absolute; content: ""; background: #004d9d; border-radius:  0 0 0 100rem; width: 1200rem; height: 97%; left: 0; top: 0;}
.media::after{position: absolute; content: ""; right: -210rem; top: 144px; width: 210rem; height: 250rem; background: url('../img/main/video_bg.png') no-repeat;}

.media .m_tit{position: relative; color: #fff; padding:43rem 0 24rem 0; display: flex; justify-content: space-between;}
.media .m_tit h2 em{font-family: 'esamanru', serif; font-size: 28rem; position: relative; padding-right: 32rem; margin-right: 28rem; display: inline-block;}
.media .m_tit h2 em::before{position: absolute; content: ""; width: 1rem; height: 16rem; background: #fff; right: 0; top: 50%; transform: translateY(-50%);}

.media .m_tit h2 span{font-weight: 600;}
.media .m_tit .more{width: 42rem; height: 42rem; background: url('../img/main/more.png') no-repeat center center;display: block;text-indent: -9999px;}

.video{width: 100%; height: 388rem; position: relative;}
.video video{width: 100%; height: 100%; object-fit: fill;}
/* .video .poster{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../img/main/video_intro.jpg') no-repeat center bottom / cover;text-indent: -9999px;} */
.video .poster{display: block;position: absolute;top: 0;left: 0; width: 100%;height: 100%;text-indent: -9999px;}
.video .poster img{display: block; width: 100%; height: 100%;}
.video .poster::before{position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 92rem; height: 92rem; background: url('../img/main/video_play.png') no-repeat center/cover;}

@media (max-width: 1570px) {
    .board{width: 550rem;}
    .board_ul > li > h3 a, .media .m_tit h2 em{font-size: 22rem;}
    .board .noticeList{top: 50rem;}
    .board .noticeList > a{padding: 18rem 13rem; font-size: 16rem;}
    .board .noticeList > a span{font-size: 17rem;}
    .media{width: calc(100% - 550rem); margin-left: 60rem;}
    .media .m_tit h2 span{font-size: 16rem;}
    .media .m_tit h2 em{padding-right: 25rem; margin-right: 20rem;}
    .video{height: 350rem;}
}
@media (max-width: 1140px) {
    .board{margin-top: 28rem; width: 500rem;}
    .board .noticeList > a{padding: 14rem 9rem;}
    .board .noticeList > a span{font-size: 16rem;}
    .board .noticeList > a em{font-size: 15rem;}
    .media{width: calc(100% - 500rem);} 
    .media .m_tit{padding: 28rem 0 22rem 0;}
    .media .m_tit h2{display: flex; align-items: center;}
    .video{height: 280rem;}
}
@media (max-width: 1023px) {
    .cont2{flex-wrap: wrap;}
    .board, .media{width: 100%;}
    .board{height: 330rem;}
    
    .media{margin: 0; padding-left: 42rem; display: flex; align-items: start;}
    .media::before{border-radius: 0 0 0 60rem;}
    .media::after{right: inherit; left: 240rem; height: 150rem; z-index: 1;}
    .media .m_tit h2{flex-wrap: wrap; margin-top: 30rem;}
    .media .m_tit h2 em::before{display: none;}
    .media .m_tit h2 span{margin-top: 20rem; font-size: 17rem; width: 80%;}
    .media .m_tit .more{position: absolute; bottom: -86rem; left: -6rem;}
    .video{height: 310rem; margin: 30rem 10rem; z-index: 2;}
}
@media (max-width: 820px) {
    .video{height: 260rem;}
}
@media (max-width: 630px) {
    .board_ul > li > h3 a, .media .m_tit h2 em{font-size: 21rem;}
    .media{flex-wrap: wrap; padding-left: 0;}
    .media::before{left: -20rem; border-radius: 0; height: 80%;}
    .media .m_tit{width: 100%; margin: 0 0 10rem 7rem;}
    .media .m_tit h2{margin-top: 0;}
    .media .m_tit h2 span{width: 100%; margin-top: 10rem;}
    .media .m_tit .more{position: inherit; bottom: inherit; left: 6rem;}
    .video{margin: 0; height: 300rem; box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.2);}
}
@media (max-width: 450px) {
    .board_ul > li > h3 a{margin-right: 19rem; padding-right: 19rem;}
    .video{height: 240rem;}
}
@media (max-width: 360px) {
    .board_ul > li > h3 a{margin-right: 0;}
    .board_ul > li > h3 a::before{display: none;}
    .board_ul > li > div .more{width: 36rem;}
    .video{height: 240rem;}
}

.cont3{display: flex; justify-content: space-between; margin-top: 60rem;}
/* 퀵메뉴 */
.quick{width: calc(100% - 566rem); position: relative; padding: 36rem 0 60rem 0;}
.quick::before{position: absolute; content: ""; border-radius: 0 200rem 200rem 0; background: #f7f8fc; width: 1200rem; height: 100%; z-index: -1; right: 60rem; top: 0;}
.quick h2{color: #868686; font-weight: 500;}
.quick h2 strong{font-family: 'esamanru', serif; font-size: 28rem; color: #1c1c1c; margin-right: 20rem; font-weight: 500;}
.quick h2 em{color: #004d9d;}
.quick_list{display: flex; justify-content: space-between; margin-top: 30rem;}
.quick_list a{width: calc((100% - 60rem) / 3); margin-right: 30rem; background: #fff; box-shadow: 0 0 20px rgba(22, 42, 109, 0.1); border-radius: 20rem; padding: 30rem 34rem 110rem 34rem; position: relative;}
.quick_list a:last-child{margin-right: 0;}

.quick_list a::before{position: absolute; content: ""; background: url('../img/main/quick_icon.png') no-repeat; width: 50rem; height: 50rem; right: 30rem; bottom: 30rem;}
.quick_list a:nth-child(2)::before{background-position-x: -53px;}
.quick_list a:nth-child(3)::before{background-position-x: -100px;}


.quick_list a dl dt{border-bottom: 1px dashed #dfdfdf; font-size: 20rem; font-weight: 700; padding-bottom: 15rem; margin-bottom: 15rem; position: relative;}
.quick_list a dl dt::before{position: absolute; content: ""; width: 15rem; height: 13rem; background: url('../img/main/quick_arrow.png') no-repeat center center; right: 0; top: 10rem;}
.quick_list a dl dd{font-size: 16rem; color: #777; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;}

/* 팝업존 */
.popup{width: 500rem; margin-top: 36rem;}
.popup > div{display: flex; justify-content: space-between; align-items: center;}
.popup h2{font-size: 28rem; color: #004d9d; font-family: 'esamanru', serif; padding-left: 40rem; position: relative;}
.popup h2::before{position: absolute; content: ""; background: url('../img/main/popup_icon.png') no-repeat center center / contain; width: 28rem; height: 30rem; left: 0; top: 4px;}

.pop_slide{margin-top: 28rem; box-shadow: 0 0 10px rgba(22, 42, 109, 0.1); border-radius: 20rem 20rem 40rem 20rem;  }
.pop_slide li a{display: block;}
/* .pop_slide{border: 1px solid #fff; box-shadow: 0 0 10px rgba(22, 42, 109, 0.1); border-radius: 20rem 20rem 40rem 20rem; overflow: hidden; } */
.pop_slide img{width: 100%; border-radius: 20rem 20rem 40rem 20rem;  border: 1px solid #fff; }
.pop_btn{display: flex; align-items: center;}
.pop_btn a{text-indent: -9999px; display: block; width: 20px; height: 20px; background: url('../img/main/popup_btn.png') no-repeat;}
.pop_btn a.prev{margin-right: 20rem;}
.pop_btn a.stop{background-position-x: -40px;}
.pop_btn a.play{background-position-x: -60px; display: none;}
.pop_btn a.next{background-position-x: -20px; margin-left: 14rem;}
.pop_btn .pager{margin-right: 8rem;}
.pop_btn .pager .current{position: relative; margin-right: 26rem; color: #ff4c4b; font-weight: 800;}
.pop_btn .pager .current::before{position: absolute; content: ""; background: url('../img/main/popup_btn.png') no-repeat; background-position-x: -82px; width: 20rem; height: 20rem; right: -25px; top: 2px;}

.pop_btn .pager li {display:none;}
.pop_btn .pager li.slick-active {display:block;}

@media (max-width: 1560px) {
    .quick_list a dl dd br{display: none;}
}
@media (max-width: 1400px) {
    .quick{width: calc(100% - 500rem);}
    .quick_list a{width: calc((100% - 40rem) / 3); margin-right: 20rem; padding: 25rem 23rem 82rem 25rem;}
    .quick_list a::before{width: 42px; height: 42px; bottom: 20rem; right: 20rem; background-image: url('../img/main/quick_icon_mb.png');}
    .quick_list a:nth-child(2)::before{background-position-x: -44px;}
    .quick_list a:nth-child(3)::before{background-position-x: -85px;}
    .quick_list a dl dd{font-size: 15rem;}
    .quick_list a dl dt{font-size: 18rem;}
    .quick_list a dl dd br{display: none;}
    .popup{width: 450rem;}
}
@media (max-width: 1100px) {
    .quick{width: calc(100% - 420rem);}
    .quick h2 strong, .popup h2{font-size: 22rem;}
    .quick_list a dl dt::before{display: none;}
    .popup{width: 380rem;}
    .popup h2{padding-left: 34rem;}
    .popup h2::before{width: 23rem; top: 0;}
}
@media (max-width: 960px) {
    .cont3{flex-wrap: wrap;}
    .quick, .popup{width: 100%;}
    .pop_slide{box-shadow: none; margin-top: 20rem;}
    .pop_slide .slick-list {margin:0 -10px;} 
    .pop_slide .slick-slide {margin:0 10px;}
    .pop_slide img{box-shadow: 0 0 10px rgba(22, 42, 109, 0.1); border-radius: 20rem 20rem 40rem 20rem;}
}
@media (max-width: 630px) {
    .quick{padding: 36rem 0 33rem 0;}
    .quick::before{border-radius: 0; right: -27px;}
}
@media (max-width: 548px) {
    .quick_list{flex-wrap: wrap;}
    .quick_list a{width: 100%; margin-right: 0; margin-bottom: 20rem; padding: 20rem;}
    .quick_list a dl dt{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
    .quick_list a dl dt::before{display: block;}
    .quick_list a dl dd{display: none;}
    .quick_list a::before{display: none;}
}

/* 주요사업 */
.business{padding-top: 80rem; background-image: url('../img/main/obj_01.png'), url('../img/main/obj_02.png'); background-position: left 124rem top, right top 40rem; background-repeat: no-repeat;}
.bus_tit{text-align: center; padding-bottom: 62rem;}
.bus_tit p{color: #004d9d; font-size: 18rem; font-weight: 300;}
.bus_tit h2{color: #696969; font-size: 28rem;font-family: 'esamanru', serif; font-weight: 300; margin-top: 10rem;}
.bus_tit h2.mb{display: none;}
.bus_tit h2 span{color: #004d9d; font-weight: 400;}

/* 주요사업 버튼 */
.bus_list {left: 50%; bottom: 54px; height: 1rem; background: #b3c8db; transform: translateX(-50%); width: 520rem; position: relative; margin-top: 100rem;}
.bus_list > ul{display: flex; justify-content: space-between; width: calc(520rem + 100px); position: absolute; left: 50%; transform: translateX(-50%); z-index: 3; text-align: center; top: -60rem;}
.bus_list > ul li{width: 100rem; cursor: pointer; color: #7f7f7f; font-size: 18rem; position: relative;}
.bus_list > ul li::after{position: absolute; content: "";width: 7rem; height: 7rem; border-radius: 50rem; background: #004d9d; bottom: -33px; left: 50%; transform: translateX(-50%);}
.bus_list > ul li.active{font-weight: 800; color: #004d9d;}
.bus_list > ul li.active::before{position: absolute;content: "";width: 33rem; height: 33rem; border-radius: 50rem; border: 1px solid #004d9d; background: #fff; bottom: -47px; left: 50%;transform: translateX(-50%);}

.bus_list .progress_bar {position: absolute;left: 0;top: 0;z-index: 1;display: block;width: 100%;height: 1rem;}
.bus_list .progress_bar .progress {transition: all .3s; position: absolute; left: 0; top: -1px; background-color: #fff; width: 0; height: 3rem;} 

.bus_list .progress_bar .progress{background-color: #004d9d;}
.bus_list .progress_bar .progress{transition: all 2.3s linear;}  

/* 주요사업 슬라이드 */
.bus_slide{padding: 50rem 0 30rem 0; position: relative;}
.bus_slide::before{position: absolute; content: ""; width: 100%; height: 260rem; left: 0; top: 102rem; background: #004d9d url('../img/main/bus_bg01.png') no-repeat left 80px top 0; }

.bus_slide .swiper-wrapper{position: relative;}

.bus_slide li a{display: block; position: relative; height: 259rem; color: #fff;padding: 21rem 19rem 20rem 22rem; margin: 0 10rem;}
.bus_slide .swiper-slide{width: 400rem;}
.bus_slide .swiper-slide-active::after{position: absolute; content: "";background: url('../img/main/bus_bg.png') no-repeat; width: 233rem; height: 265rem; top: 0; right: 10rem; border-radius: 0 50rem 0 0; z-index: 11;}
.bus_slide li a::before{position: absolute; content: ""; width: 1px;height: 56%; right: -42px; background: url('../img/main/dashed.png') repeat;bottom: -18rem;}
.bus_slide .swiper-slide-active a{box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: linear-gradient(0deg, #01203f, #1e2327); height: 350rem; border-radius: 30rem 30rem 50rem 30rem; position: relative; display: block;}

.bus_slide .swiper-slide-active a > span{background: #2161c2; color: #faf099;}
.bus_slide .swiper-slide-active a::before,
.bus_slide .swiper-slide-prev a::before{display: none;}

/* .bus_slide .swiper-slide-active a::after{position: absolute; content: ""; background: url('../img/main/bus_slide_bg.png'); width: 400rem; height: 260rem; right: -180rem; top: 53rem; z-index: -1;} */

.bus_slide li a > span{display: inline-block; line-height: normal; text-align: center; background: #073370; width: 85rem; height: 85rem; padding-top: 23rem; border-radius: 50rem; font-size: 17rem; font-weight: 600;}

.bus_slide li a dl{position: relative; z-index: 300; margin: 20rem 0 0 17rem;}
.bus_slide li a dl dt{font-size: 20rem; font-weight: 700; width: 99%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bus_slide li a dl dd{margin-top: 20rem;}
.bus_slide li a dl dd ul li{font-size: 17rem; position: relative; padding-left: 80rem; font-weight: 300; letter-spacing: -0.8px;}
.bus_slide li a dl dd ul li span{position: absolute; left: 0; padding-right: 10rem; margin-right: 10rem; font-weight: 600;}
.bus_slide li a dl dd ul li span::before{position: absolute; content: ""; width: 1rem; height: 12rem; background: #fff; right: 0; top: 8px;}
.bus_slide li a dl dd ul li .gap em{display: inline-block; margin-left: 27rem;}

/* 주요사업 이전, 다음 */
.bus_arrow{position: absolute; left: 50%; transform: translateX(-50%); width: 470rem; height: 100%; top: 0; display: flex; align-items: center; justify-content: space-between;}
.bus_arrow a{display: block; text-indent: -9999px; position: absolute; z-index: 100; width: 40rem; height: 40rem;}
.bus_arrow a.prev{left: 0;}
.bus_arrow a.next{right: 0;}
.bus_arrow a::before{position: absolute; content: ""; background: url('../img/main/bus_arrow.png') no-repeat; width: 17rem; height: 25rem; left: 10px; top: 10px;}
.bus_arrow a.next::before{background-position-x: -15px;}

@media (max-width: 1180px) {
    .bus_tit p{font-size: 16rem;}
    .bus_tit h2{font-size: 22rem;}
    .bus_list > ul li{font-size: 16rem;}
    .bus_slide li a > span{width: 80rem; height: 80rem; font-size: 16rem; padding-top: 20rem;}
    .bus_slide li a dl dt{font-size: 18rem;}
    .bus_slide li a dl dd ul li{font-size: 16rem;}
    .bus_slide .swiper-slide-active a{height: 320rem;}
    .bus_slide li a dl dd ul li:nth-child(3){display: none;}
    .bus_slide li a{padding: 20rem 27rem 20rem 22rem;}
}
@media (max-width: 960px) {
    .business{background: none; padding-top: 54rem;}
    .bus_list{width: 420rem;}
    .bus_list > ul{width: calc(420rem + 100rem); top: -56px;}
    .bus_list > ul li::after{bottom: -32px;}
    .bus_list > ul li.active::before{bottom: -45px;}
    .bus_list .progress_bar .progress{height: 2rem;}
}
@media (max-width: 770px) {
    .bus_list > ul{top: -52px;}
    .bus_slide .swiper-slide{width: 370rem;}
    .bus_arrow{width: 440rem;}
}
@media (max-width: 510px) {
    .bus_list{width: 300rem;}
    .bus_list > ul{width: calc(300rem + 100rem);}
    .bus_slide{padding: 0 0 30rem 0;}
    .bus_slide .swiper-slide-active a::after{display: none;}
}
@media (max-width: 480px) {
    .bus_tit h2.mb{display: block;}
    .bus_tit h2.pc{display: none;}
    .bus_tit p{color: #c8d3dd;}
    .bus_list > ul{top: -54px;}
    .bus_slide .swiper-slide{width: 330rem;}
    /* .bus_slide li a dl dd ul li:nth-child(2){display: none;} */
    .bus_arrow{width: 400rem;}
}

@media (max-width: 356px) {
    .bus_slide .swiper-slide{width: 300rem;}
    .bus_list{width: 260rem;}
    .bus_list > ul{width: calc(260rem + 100rem);}
    .bus_slide{padding: 0 0 30rem 0;}
    .bus_arrow{width: 360rem;}
}


/* 입주기업 현황 */
.banner{margin-top: 40rem;}
.btn_wrap{display: flex; align-items: center; margin-bottom: 40rem;}
.btn_wrap h2{font-family: 'esamanru', serif; font-size: 28rem; color: #1c1c1c; margin-right: 30rem;}
.btn_wrap h2 span{color: #004d9d;}
.ban_btn{display: flex; align-items: center;}
.ban_btn a{display: block; text-indent: -9999px; background: #f0f4f5 url('../img/main/banner_btn.png') no-repeat; border-radius: 50rem; width: 51px; height: 51px; margin-right: 5rem;}
.ban_btn a.stop{background-position-x: -105px;}
.ban_btn a.play{background-position-x: -155px; display: none;}
.ban_btn a.next{background-position-x: -52px;}

/* 배너 슬라이드 */
.ban_slide{max-width: 1920rem; margin: 0 auto; overflow: hidden; position: relative;}
.ban_slide li a{display: block;}
.ban_slide .slick-slide{margin: 0 50px;}
.ban_slide .slick-list{margin: 0 -50px; overflow: inherit; margin-left: 200rem;}


@media (max-width: 1900px) {
    .ban_slide{max-width: 1540rem;}
    .ban_slide .slick-list{margin-left: 0;}
}
@media (max-width: 1500px) {
    .ban_slide .slick-slide{margin: 0 30px;}
    .ban_slide .slick-list{margin: 0 -30px;}
    .ban_slide .slick-slide img{height: 47px;}
}
@media (max-width: 1100px) {
    .btn_wrap h2{font-size: 22rem;}
    .ban_btn a{width: 42px; height: 42px; background-position: -6px;}
    .ban_btn a.next{background-position-x: -55px;}
    .ban_btn a.stop{background-position-x: -109px;}
    .ban_btn a.play{background-position-x: -159px;}
}
@media (max-width: 580px) {
    .ban_slide .slick-slide{margin: 0 20px;}
    .ban_slide .slick-list{margin: 0 -20px;}
    .ban_slide .slick-slide img{height: 37px;}
}