@charset "utf-8";

/* s::서브 공통 */
.pages-wrapper{}
.pages{padding:88px 0 140px;}

.page-top{padding:64px 0 16px;border-bottom: 1px solid #c9c9c9;}
.page-top .title-group{}
.page-top .title-group em{display: block;font-size: 20px;font-weight: bold;letter-spacing: -0.6px;color: #2166cc;}
.page-top .title-group h2{margin-top:8px;font-size: 56px;font-weight: bold;letter-spacing: -1.68px;color: #323b43;}
.page-top .bread-crumbs{margin-top:40px;display: flex;align-items: center;}
.page-top .bread-crumbs span{position: relative;display: inline-block; font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #707070;}
.page-top .bread-crumbs span.home{}
.page-top .bread-crumbs span.home img{display: block;}
.page-top .bread-crumbs span.depth1{margin-left: 8px;}
.page-top .bread-crumbs span.depth2{margin-left: 32px;}
.page-top .bread-crumbs span.depth2:before{content: "";position: absolute;    top: 5px;left: -18px;width:8px;height:12px;display:block;background: url(/theme/basic/img/icon/icon_breadcrumbs.svg) no-repeat;background-size: cover;}
.page-top .bread-crumbs span.depth3{margin-left: 32px;}
.page-top .bread-crumbs span.depth3:before{content: "";position: absolute;    top: 5px;left: -18px;width:8px;height:12px;display:block;background: url(/theme/basic/img/icon/icon_breadcrumbs.svg) no-repeat;background-size: cover;}

.page-tab{margin-top:16px;display: flex;padding: 4px;border-radius: 16px;background-color: #323b43;overflow: hidden;}
.page-tab a{display: inline-block;padding:18px 32px;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;color: #fff;border-radius:16px;transition: all 0.2s;}
.page-tab a:hover{background: #2f4f7e;text-decoration: underline;}
.page-tab a.on{background: #2166cc;font-weight: bold;}
.page-tab a.on:hover{background: #2166cc;text-decoration: none;}

.mobile-tab{display:none;margin-top:16px;}
.mobile-tab select{width:100%;height: 55px;padding:0 16px;border: solid 1px #909090;background-color: #fff;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;color: #323b43;}

.hgroup{}
.hgroup em{display: block;margin-bottom:8px;font-size: 20px;font-weight: normal;letter-spacing: -0.6px;color: #323b43;}
.hgroup h2{font-size: 40px;font-weight: bold;letter-spacing: -1.2px;color: #323b43;}
.hgroup p{margin-top:16px;font-size: 18px;font-weight: normal;line-height: 1.5;letter-spacing: -0.54px;color: #323b43;}

@media all and (max-width: 1420px) {
    .page-top{padding:64px 40px 16px;}
    .page-top .title-group h2{font-size:50px;}
}
@media all and (max-width: 1280px) {
    .pages{padding:88px 0 149px;}

    .page-top .title-group em{font-size:18px;}
    .page-top .title-group h2{font-size:40px;}
    .page-tab a{font-size:16px;padding: 16px 30px;}

    .hgroup{}
    .hgroup h2{font-size: 36px;}
    .hgroup p{font-size:16px;}
}
@media all and (max-width: 1024px) {
    .pages{padding:64px 0 140px;}

    .page-top{padding:64px 24px 16px;}
    .page-top .title-group em{font-size:16px;}
    .page-top .title-group h2{font-size:30px;}
    .page-top .bread-crumbs span{font-size:14px;}
    .page-top .bread-crumbs span.depth2:before{top:3px;}
    .page-top .bread-crumbs span.depth3:before{top:3px;}
    .page-tab{display: none;}
    .mobile-tab{display: block;}
    .mobile-tab select{padding:0 17px;background: #fff url(/theme/basic/img/icon/icon_select.svg) 96% 50% no-repeat;}

    .hgroup{}
    .hgroup em{font-size: 16px;letter-spacing: -0.48px;}
    .hgroup h2{font-size: 24px;letter-spacing: -0.72px;}
    .hgroup p{font-size: 16px;letter-spacing: -0.48px;}
}
@media all and (max-width: 768px) {}
@media all and (max-width: 460px) {}
/* e::서브 공통 */


/* s::센터소개 */
.intro-center{}
.intro-center .txt-box{position: relative;padding-left: 72px;}
.intro-center .txt-box:before{content: "";position: absolute;left:0;top:0;width:48px;height:150px;background: url(/theme/basic/img/contents/center_symbol.svg) no-repeat;background-size: cover;}
.intro-center .txt-box em{display: block;font-size: 20px;font-weight: normal;letter-spacing: -0.6px;color: #323b43;}
.intro-center .txt-box h2{margin-top:8px;font-size: 40px;font-weight: bold;letter-spacing: -1.2px;color: #323b43;}
.intro-center .txt-box p{margin-top:40px;font-size: 18px;font-weight: normal;line-height: 1.5;letter-spacing: -0.54px;color: #323b43;}
.intro-center .img-box{margin-top:40px;}
.intro-center .img-box img{display: block;width:100%;}
.intro-center .img-box2{margin-top:88px;position: relative;background: url(/theme/basic/img/contents/center_img02.png) top center no-repeat;background-size: cover;padding: 94px 20px;}
.intro-center .img-box2 .txt{text-align: center}
.intro-center .img-box2 .txt h2{font-size: 32px;font-weight: bold;letter-spacing: -0.96px;color: #fff;}
.intro-center .img-box2 .txt h2 br{display: none;}
.intro-center .img-box2 .txt p{margin-top:16px;font-size: 24px;font-weight: normal;line-height: 1.5;letter-spacing: -0.72px;color: #fff;}
.intro-center .img-box2 .txt p br{display: none;}
.intro-center .list{margin-top:88px;}
.intro-center .list h2{text-align: center;font-size: 32px;=font-weight: bold;letter-spacing: -0.96px;color: #fff;padding: 16px 8px;background-image: linear-gradient(to right, #fff, #2166cc 49%, #fff);}
.intro-center .list ul{margin-top:64px;display:flex;border-radius: 32px;border: solid 1px #d9d9d9;}
.intro-center .list ul li{position:relative;flex:1;padding:40px 10px;display: flex;flex-direction: column;align-items: center;gap:32px;}
.intro-center .list ul li:before{content: "";position: absolute;left:0;top:50%;transform: translateY(-50%);width:1px;height:calc(100% - 80px);background: #d9d9d9;}
.intro-center .list ul li:first-child:before{display: none;}
.intro-center .list ul li img{display: block;}
.intro-center .list ul li p{font-size: 24px;font-weight: 600;line-height: 1.3;letter-spacing: -0.72px;text-align: center;color: #323b43;}
.intro-center .list2{margin-top:105px;}
.intro-center .list2 h2{text-align: center;font-size: 32px;=font-weight: bold;letter-spacing: -0.96px;color: #fff;padding: 16px 8px;background-image: linear-gradient(to right, #fff, #2166cc 49%, #fff);}
.intro-center .list2 ul{margin-top:64px;display: flex;gap:63px;}
.intro-center .list2 ul li{flex:1;overflow: hidden;border: solid 1px #d9d9d9;border-radius: 0 0 32px 32px;}
.intro-center .list2 ul li > img{display: block;width:100%;}
.intro-center .list2 ul li .txt{padding:33px 10px;display: flex;flex-direction: column;align-items: center;gap:16px;}
.intro-center .list2 ul li .txt p{font-size: 24px;font-weight: normal;line-height: 1.3;letter-spacing: -0.72px;color: #323b43;}
.intro-center .list2 ul li .txt i{display: inline-block;}
.intro-center .list2 ul li .txt i img{display:block;}
.intro-center .list2 ul li .txt em{display: block;font-size: 24px;font-weight: 600;line-height: 1.3;letter-spacing: -0.72px;color: #323b43;}
.intro-center .list2 + .list{margin-top:105px;}


@media all and (max-width: 1420px) {
    .intro-center > .layout{padding:0 40px;}
    .intro-center .list2 ul{gap:40px;}
}
@media all and (max-width: 1280px) {
    .intro-center .txt-box em{font-size:18px;}
    .intro-center .txt-box h2{font-size:30px;}
    .intro-center .img-box{margin:40px -40px 0;}
    .intro-center .img-box2{margin:88px -40px 0;}
    .intro-center .img-box2 .txt h2{font-size:28px;}
    .intro-center .img-box2 .txt p{font-size:20px;}
    .intro-center .list h2{font-size:28px;}
    .intro-center .list ul li p{font-size:20px;}
    .intro-center .list2 h2{font-size:28px;}
    .intro-center .list2 ul li .txt p{font-size:20px;}
    .intro-center .list2 ul li .txt em{font-size:20px;}
}
@media all and (max-width: 1024px) {
    .intro-center > .layout{padding:0 24px;}
    .intro-center .txt-box{padding-left: 41px;}
    .intro-center .txt-box:before{width:32px;height:100px;}
    .intro-center .txt-box em{font-size: 16px;}
    .intro-center .txt-box h2{font-size:24px;}
    .intro-center .txt-box p{margin-top:32px;font-size:16px;letter-spacing: -0.48px;word-break: keep-all;}
    .intro-center .img-box{margin:40px -24px 0;}
    .intro-center .img-box2{margin:88px -24px 0;padding:98px 24px;background: url(/theme/basic/img/contents/t_center_img02.png) center center no-repeat;background-size: cover;}
    .intro-center .img-box2 .txt h2{font-size:24px;word-break: keep-all;}
    .intro-center .img-box2 .txt p{font-size:16px;letter-spacing: -0.48px;word-break: keep-all;}
    .intro-center .list h2{font-size: 24px;}
    .intro-center .list ul{margin-top:32px;flex-wrap: wrap;}
    .intro-center .list ul li{flex:none;width:50%;padding: 48px 10px;gap:16px;}
    .intro-center .list ul li:before{display: none;}
    .intro-center .list ul li:nth-child(even):before{display: block;}
    .intro-center .list ul li img{width:74px;}
    .intro-center .list ul li p{font-size:16px;}
    .intro-center .list2{margin-top:65px;}
    .intro-center .list2 h2{font-size: 24px;}
    .intro-center .list2 ul{margin-top:32px;flex-direction:column;gap:24px;}
    .intro-center .list2 ul li .txt{padding:25px 10px;}
    .intro-center .list2 ul li .txt p{font-size:16px;}
    .intro-center .list2 ul li .txt i{}
    .intro-center .list2 ul li .txt i img{height: 36px;}
    .intro-center .list2 ul li .txt em{font-size:16px;}
    .intro-center .list2 + .list{margin-top:64px;}


}
@media all and (max-width: 768px) {
    .intro-center .txt-box p{word-break: keep-all;}
    .intro-center .txt-box p br{display: none;}
    .intro-center .img-box2{padding:51px 24px;background: url(/theme/basic/img/contents/m_center_img02.png) center center no-repeat;background-size: cover;}
    .intro-center .list ul li{width:100%;padding:24px 15px;}
    .intro-center .list ul li:before{display: block;width:calc(100% - 128px);height:1px;left:50%;transform:translateX(-50%);top:0;}
    .intro-center .list ul li p{word-break: keep-all;}
    .intro-center .list ul li p br{display: none;}


}
@media all and (max-width: 460px) {

}
/* e::센터소개 */

/* s::CI */
.ci{}
.ci section{}
.ci .hgroup{margin-bottom: 40px;}
.ci section + section{margin-top:88px;}
.ci .box1{display: flex;gap:50px;}
.ci .box1 > div{flex:1;max-width:calc(50% - 25px);}
.ci .box1 .left{overflow: hidden;height:331px;display: flex;align-items: center;justify-content: center;border-radius: 32px;border: solid 1px #d9d9d9;}
.ci .box1 .right{padding-left: 7px;display: flex;flex-direction: column;justify-content: space-between;gap:10px;}
.ci .box1 .right .txt{font-size: 20px;font-weight: normal;line-height: 1.3;letter-spacing: -0.6px;color: #323b43;}
.ci .box1 .right .btns{display: flex;gap:16px;}
.ci .box1 .right .btns a{display: flex;width:164px;height:53px;align-items:center;gap:8px;justify-content: center; border-radius: 4px;border: solid 1px #323b43;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;color: #323b43;}
.ci .box1 .right .btns a:before{content: "";position: relative;display: inline-block;width:13px;height:13px;background: url(/theme/basic/img/icon/icon_dwn.svg) no-repeat;background-size: cover;}

.ci .box2{display: flex;gap:48px;}
.ci .box2 > div{flex:1;overflow: hidden;border-radius: 32px;border: solid 1px #d9d9d9;}
.ci .box2 .inner h3{text-align: center;font-size: 24px;font-weight: bold;letter-spacing: -0.72px;color: #2166cc;padding: 16px 10px;background: #f2f8ff;}
.ci .box2 .inner .cont-box{height: 269px;display: flex;align-items: center;justify-content: center;}

.ci .box3{overflow: hidden;height: 374px;border-radius: 32px;border: solid 1px #d9d9d9;display: flex;align-items: center;justify-content: center;}



@media all and (max-width: 1420px) {
    .ci > .layout{padding:0 40px;}
}
@media all and (max-width: 1280px) {
    .ci .box2 .inner h3{font-size:22px;}
}
@media all and (max-width: 1024px) {
    .ci > .layout{padding:0 24px;}
    .ci section + section{margin-top:64px;}
    .ci .box1{flex-direction: column;gap:32px;}
    .ci .box1 > div{max-width: 100%;flex: none;}
    .ci .box1 .right{gap:32px;}
    .ci .box1 .right .txt{text-align: center;font-size:18px;}
    .ci .box1 .right .btns{justify-content: center;}
    .ci .box2 .inner h3{font-size:20px;}

    .ci .box2{flex-direction: column;gap:26px;}
}
@media all and (max-width: 768px) {
    .ci .box1 .right{gap:40px;}
    .ci .box1 .right .txt{font-size:16px;}
    .ci .box1 .right .btns a{width:100%;flex:1;}
    .ci .box2 .inner h3{font-size:18px;}
}
@media all and (max-width: 460px) {

}
/* e::CI */


/* s::연혁 */
.history-cont{}
.history-cont .img-box{margin-top:40px;}
.history-cont .img-box img{display: block;width:100%;}
.history-cont .list{position: relative;padding-top:88px;}
.history-cont .list:before{content: "";position: absolute;top:0;left:50%;transform:translateX(-50%);background: url(/theme/basic/img/contents/history_icon.png) no-repeat;background-size: cover;width: 69%;padding-top: 31%;}
.history-cont .list ul{position: relative;padding:40px 0 77px;}
.history-cont .list ul:before{content: "";position: absolute;top:0;left:50%;transform: translateX(-50%);width:1px;height:100%;background: #d9d9d9;}
.history-cont .list ul li{position: relative;display: flex;justify-content: flex-end;}
.history-cont .list ul li > div:before{content: "";position: absolute;top: 4px;left: -14px;width:28px;height:28px;background: url(/theme/basic/img/contents/history_dot.svg) no-repeat;background-size: cover;}
.history-cont .list ul li > div{position:relative;width:50%;text-align: left;padding-left: 48px;}
.history-cont .list ul li h3{font-size: 40px;font-weight: 800;letter-spacing: -1.2px;color: #323b43;margin-bottom: 16px;}
.history-cont .list ul li p{position: relative;padding-left: 64px;font-size: 18px;font-weight: 500;line-height: 1.5;letter-spacing: -0.54px;color: #323b43;}
.history-cont .list ul li p span{position: absolute;top:0;left:0;display: inline-block; font-size: 18px;font-weight: bold;line-height: 1.5;letter-spacing: -0.54px;color: #8b8b8b;}
.history-cont .list ul li:nth-child(even){justify-content: flex-start;}
.history-cont .list ul li + li{margin-top:80px;}
.history-cont .list ul li:nth-child(even) > div{text-align: right;padding-right: 48px;}
.history-cont .list ul li:nth-child(even) > div:before{left:initial;right:-14px;}
.history-cont .list ul li:nth-child(even) p{padding-left: 0;padding-right: 64px;}
.history-cont .list ul li:nth-child(even) p span{left:initial;right:0;}

@media all and (max-width: 1420px) {
    .history-cont > .layout{padding:0 40px;}
    .history-cont .img-box{margin:40px -40px 0;}
}
@media all and (max-width: 1280px) {
    .history-cont .list ul li h3{font-size:34px;}
}
@media all and (max-width: 1024px) {
    .history-cont > .layout{padding:0 24px;}
    .history-cont .img-box{margin:40px -24px 0;}
    .history-cont .list{margin:0 -24px 0;padding:88px 24px 0;}
    .history-cont .list:before{background: url(/theme/basic/img/contents/t_history_icon.png) no-repeat;background-size: cover;width:100%;padding-top: 62%;}
    .history-cont .list ul li + li{margin-top:53px;}
    .history-cont .list ul li h3{font-size:30px;}
    .history-cont .list ul li p{padding-left: 60px;}
    .history-cont .list ul li:nth-child(even) p{padding-right: 60px;}
}
@media all and (max-width: 768px) {
    .history-cont .list{padding: 64px 24px 0 40px;}
    .history-cont .list:before{background: url(/theme/basic/img/contents/m_history_icon.png) no-repeat;background-size: cover;width: 100%;padding-top: 72%;}
    .history-cont .list ul{padding:40px 0 8px;}
    .history-cont .list ul:before{left:0;transform: none;}
    .history-cont .list ul li{justify-content: flex-start;text-align: left;}
    .history-cont .list ul li + li{margin-top:104px;}
    .history-cont .list ul li > div{width:100%;padding-left: 23px;}
    .history-cont .list ul li h3{font-size:24px;}
    .history-cont .list ul li p{font-size:16px;letter-spacing: -0.48px;word-break: keep-all;}
    .history-cont .list ul li p span{font-size:16px;}
    .history-cont .list ul li:nth-child(even) > div{padding-right: 0;padding-left: 23px;text-align: left;}
    .history-cont .list ul li:nth-child(even) > div:before{right:initial;left:-14px;}
    .history-cont .list ul li:nth-child(even) p{padding-right: 0;padding-left: 60px;}
    .history-cont .list ul li:nth-child(even) p span{left:0;right:initial;}
}
@media all and (max-width: 460px) {

}
/* e::연혁 */


/* s::시설안내 */
.facility{}
.facility .floor-tab{display: flex;gap:16px;flex-wrap: wrap;}
.facility .floor-tab a{display:flex;align-items:center;justify-content:center;width:160px;height:64px;border-radius: 16px;border: solid 1px #2f4f7e;font-size: 24px;font-weight: normal;letter-spacing: -0.48px;color: #2f4f7e;transition: all 0.1s;}
.facility .floor-tab a.on{color:#fff;font-weight: bold;border-color:#2166cc;background: #2166cc;}
.facility .floor-tab a.on:hover{color:#fff;font-weight: bold;border-color:#2166cc;background: #2166cc;text-decoration: none;}
.facility .floor-tab a:hover{color:#fff;border-color: #2f4f7e;background: #2f4f7e;text-decoration: underline;}
.facility .facility-cont{margin-top:40px;display: flex;gap:36px;align-items: flex-start;}
.facility .facility-cont .left{overflow: hidden;border-radius: 16px;border: solid 1px #d9d9d9;flex:auto;width:calc(100% - 607px);}
.facility .facility-cont .left .swiper-slide img{display: block;width:100%;}
.facility .facility-cont .right{width:571px;}
.facility .facility-cont .right .slide-box{}
.facility .facility-cont .right .swiper-slide img{display: block;width:100%;}
.facility .facility-cont .right dl{padding:16px 24px; border-radius: 16px;border: solid 1px #d9d9d9;background: #fff;}
.facility .facility-cont .right dl + dl{margin-top:20px;}
.facility .facility-cont .right dl dt{padding:11px 0 13px;font-size: 20px;font-weight: bold;letter-spacing: -0.6px;color: #323b43;border-bottom: 1px solid #d9d9d9;}
.facility .facility-cont .right dl dd{padding:13px 0 11px;font-size: 18px;font-weight: normal;letter-spacing: -0.54px;color: #323b43;}

@media all and (max-width: 1420px) {
    .facility  > .layout{padding:0 40px;}
}
@media all and (max-width: 1280px) {
    .facility .floor-tab a{font-size:22px;}
    .facility .facility-cont{flex-direction: column;gap:32px;}
    .facility .facility-cont .left{width:100%;}
    .facility .facility-cont .right{width:100%;}
    .facility .facility-cont .right dl{padding:12px 25px;}
    .facility .facility-cont .right dl dt{padding:0 0 7px;font-size:18px;}
    .facility .facility-cont .right dl dd{padding:7px 0 0;font-size:18px;}
}
@media all and (max-width: 1024px) {
    .facility > .layout{padding:0 24px;}
    .facility .floor-tab{gap:12px;}
    .facility .floor-tab a{width:70px;height:64px;font-size:18px;}
    .facility .facility-cont .right dl{padding:16px 17px;}
    .facility .facility-cont .right dl dt{font-size:16px;}
    .facility .facility-cont .right dl dd{font-size:16px;}
}
@media all and (max-width: 768px) {

}
@media all and (max-width: 460px) {

}
/* e::시설안내 */


/* s::협력기관, 협력플랫폼 */
#partner_board{}
#partner_board .btn-admin-wrap{margin-top:40px;display: flex;justify-content: flex-end;}
#partner_board .btn-admin-wrap a{display:inline-block;border-radius: 8px;background-color: #2f4f7e;padding:8px;font-size: 16px;color:#fff;}
#partner_board .info-top{padding: 22px 24px;background: #f5f5f5;display: flex;justify-content: center;gap:8px;font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #323b43;align-items: center;}
#partner_board .info-top:before{content: "";position: relative;display:inline-block;width:17px;height:17px;background: url(/theme/basic/img/icon/info_top_icon.svg) no-repeat;background-size: 100%;}
#partner_board .board-wrap .list{margin-top:16px;display: flex;gap:24px;align-items: flex-start;}
#partner_board .board-wrap .list > div{flex:1;width: 100%;max-width: calc(50% - 12px);}
#partner_board .board-wrap .list .map-cate{position: relative;padding:16px;background: #f2f8ff;height: 683px; aspect-ratio: 711 / 683;}
#partner_board .board-wrap .list .map-cate .inner{position: relative;height: 100%;}
#partner_board .board-wrap .list .map-cate .inner a{position: absolute;display: flex;align-items: center;justify-content: center;font-size:14px;font-weight: 500;line-height: 1.3;letter-spacing: -0.42px;color: #959ba3;text-align: center;background-repeat: no-repeat;background-size: 100% 100%;background-position: center;transition: all 0.3s;}
#partner_board .board-wrap .list .map-cate .inner a:hover{color: #263570;}
#partner_board .board-wrap .list .map-cate .inner a.active{color: #fff;font-weight: bold;}
#partner_board .board-wrap .list .map-cate .inner a span{position: relative;transition: all 0.3s;}


/* 구별 위치/크기 */
#partner_board .board-wrap .list .map-cate .inner a[data-category="강서구"] {left: 0%;top: 38.04%;width: 40.03%;height: 61.91%;background-image: url(/theme/basic/img/icon/map1.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="금정구"] {left: 47.27%;top: 20.93%;width: 20.53%;height: 22.74%;background-image: url(/theme/basic/img/icon/map2.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="기장군"] {left: 60.36%;top: 0.34%;width: 38.71%;height: 51.0%;background-image: url(/theme/basic/img/icon/map3.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="남구"] {left: 52.59%;top: 55.59%;width: 13.05%;height: 15.06%;background-image: url(/theme/basic/img/icon/map4.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="동구"] {left: 45.54%;top: 60.06%;width: 8.07%;height: 9.38%;background-image: url(/theme/basic/img/icon/map5.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="동래구"] {left: 48.53%;top: 40.51%;width: 14.81%;height: 9.7%;background-image: url(/theme/basic/img/icon/map6.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="부산진구"]{left: 42.1%;top: 46.88%;width: 15.99%;height: 17.21%;background-image: url(/theme/basic/img/icon/map7.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="북구"]{left: 37%;top: 27.1%;width: 15%;height: 22.12%;background-image: url(/theme/basic/img/icon/map8.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="사상구"]{left: 32.35%;top: 47.43%;width: 12.61%;height: 19.82%;background-image: url(/theme/basic/img/icon/map9.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="사하구"]{left: 26.39%;top: 64.24%;width: 17.16%;height: 23.1%;background-image: url(/theme/basic/img/icon/map10.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="서구"] {left: 39.62%;top: 61.42%;width: 7.04%;height: 21.97%;background-image: url(/theme/basic/img/icon/map11.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="수영구"] {left: 57.36%;top: 49.94%;width: 9.24%;height: 11.83%;background-image: url(/theme/basic/img/icon/map12.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="연제구"]{left: 48.19%;top: 46.46%;width: 14.517%;height: 9.832%;background-image: url(/theme/basic/img/icon/map13.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="영도구"] {left: 46.24%;top: 70.39%;width: 13.93%;height: 13.22%;background-image: url(/theme/basic/img/icon/map14.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="중구"] {left: 44.23%;top: 67.15%;width: 6.02%;height: 7.22%;background-image: url(/theme/basic/img/icon/map15.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="해운대구"]{left: 61.41%;top: 33.57%;width: 19.21%;height: 23.97%;background-image: url(/theme/basic/img/icon/map16.png);}

#partner_board .board-wrap .list .map-cate .inner a[data-category="강서구"]:hover {background-image: url(/theme/basic/img/icon/map1_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="금정구"]:hover {background-image: url(/theme/basic/img/icon/map2_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="기장군"]:hover {background-image: url(/theme/basic/img/icon/map3_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="남구"]:hover {background-image: url(/theme/basic/img/icon/map4_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="동구"]:hover {background-image: url(/theme/basic/img/icon/map5_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="동래구"]:hover {background-image: url(/theme/basic/img/icon/map6_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="부산진구"]:hover{background-image: url(/theme/basic/img/icon/map7_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="북구"]:hover{background-image: url(/theme/basic/img/icon/map8_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="사상구"]:hover{background-image: url(/theme/basic/img/icon/map9_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="사하구"]:hover{background-image: url(/theme/basic/img/icon/map10_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="서구"]:hover {background-image: url(/theme/basic/img/icon/map11_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="수영구"]:hover {background-image: url(/theme/basic/img/icon/map12_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="연제구"]:hover{background-image: url(/theme/basic/img/icon/map13_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="영도구"]:hover{background-image: url(/theme/basic/img/icon/map14_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="중구"]:hover{background-image: url(/theme/basic/img/icon/map15_hover.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="해운대구"]:hover{background-image: url(/theme/basic/img/icon/map16_hover.png);}

#partner_board .board-wrap .list .map-cate .inner a[data-category="강서구"].active{background-image: url(/theme/basic/img/icon/map1_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="금정구"].active {background-image: url(/theme/basic/img/icon/map2_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="기장군"].active {background-image: url(/theme/basic/img/icon/map3_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="남구"].active {background-image: url(/theme/basic/img/icon/map4_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="동구"].active {background-image: url(/theme/basic/img/icon/map5_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="동래구"].active {background-image: url(/theme/basic/img/icon/map6_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="부산진구"].active{background-image: url(/theme/basic/img/icon/map7_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="북구"].active{background-image: url(/theme/basic/img/icon/map8_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="사상구"].active{background-image: url(/theme/basic/img/icon/map9_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="사하구"].active{background-image: url(/theme/basic/img/icon/map10_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="서구"].active {background-image: url(/theme/basic/img/icon/map11_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="수영구"].active {background-image: url(/theme/basic/img/icon/map12_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="연제구"].active{background-image: url(/theme/basic/img/icon/map13_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="영도구"].active {background-image: url(/theme/basic/img/icon/map14_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="중구"].active {background-image: url(/theme/basic/img/icon/map15_on.png);}
#partner_board .board-wrap .list .map-cate .inner a[data-category="해운대구"].active{background-image: url(/theme/basic/img/icon/map16_on.png);}

#partner_board .board-wrap .list .map-cate .inner a[data-category="강서구"] span{top: -18%;left: 13%;}
#partner_board .board-wrap .list .map-cate .inner a[data-category="금정구"] span {}
#partner_board .board-wrap .list .map-cate .inner a[data-category="기장군"] span{top: -11%;left: -7%;}
#partner_board .board-wrap .list .map-cate .inner a[data-category="남구"] span{}
#partner_board .board-wrap .list .map-cate .inner a[data-category="동구"] span{}
#partner_board .board-wrap .list .map-cate .inner a[data-category="동래구"] span{  top: -8%;left: -4%;}
#partner_board .board-wrap .list .map-cate .inner a[data-category="부산진구"] span{}
#partner_board .board-wrap .list .map-cate .inner a[data-category="북구"] span{top: 10%;}
#partner_board .board-wrap .list .map-cate .inner a[data-category="사상구"] span{}
#partner_board .board-wrap .list .map-cate .inner a[data-category="사하구"] span{top: -15%;left: 15%;}
#partner_board .board-wrap .list .map-cate .inner a[data-category="서구"] span{top: -30%;left: 5%;}
#partner_board .board-wrap .list .map-cate .inner a[data-category="수영구"] span{}
#partner_board .board-wrap .list .map-cate .inner a[data-category="연제구"] span{top: -18%;}
#partner_board .board-wrap .list .map-cate .inner a[data-category="영도구"] span{top: -23%;left: -12%;}
#partner_board .board-wrap .list .map-cate .inner a[data-category="중구"] span{top: -8%;}
#partner_board .board-wrap .list .map-cate .inner a[data-category="해운대구"] span{top: 18%;left: -9%;}


#partner_board .board-wrap .list .platform-primary-cate{display: flex;justify-content: center;padding:102px 0 114px;}
#partner_board .board-wrap .list .platform-primary-cate .img{position: relative;}
#partner_board .board-wrap .list .platform-primary-cate .img img{display: block;}
#partner_board .board-wrap .list .platform-primary-cate .img a{position: absolute;display: flex;flex-direction:column;gap:6px;align-items: center;justify-content: center;width:160px;height: 88px; border-radius: 24px;border: solid 1px #2f4f7e;background: #2f4f7e;font-size: 24px;font-weight: normal;letter-spacing: -0.72px;color: #fff;transition: all 0.1s;}
#partner_board .board-wrap .list .platform-primary-cate .img a:hover{background: #dfecfc;color: #2f4f7e;}
#partner_board .board-wrap .list .platform-primary-cate .img a.active{background: #dfecfc;color: #2f4f7e;}
#partner_board .board-wrap .list .platform-primary-cate .img a[data-platform-type="해양"]{top: 22%;left: 8%;}
#partner_board .board-wrap .list .platform-primary-cate .img a[data-platform-type="항만"]{right: 4%;top: 34%;}
#partner_board .board-wrap .list .platform-primary-cate .img a[data-platform-type="물류"]{left:50%;transform: translateX(-50%);bottom:-12px;}

#partner_board .board-wrap .list .list-wrap{}
#partner_board .board-wrap .list .list-wrap .list-title{font-size: 24px;font-weight: bold;letter-spacing: -0.72px;color: #323b43;padding:12px 24px;border-bottom: 1px solid #c9c9c9;}
#partner_board .board-wrap .list .list-item{position:relative;border-bottom:1px solid #c9c9c9;padding:18px 150px 18px 56px;}
#partner_board .board-wrap .list .list-item:before{content: "";position: absolute;top:22px;left:24px;background: url(/theme/basic/img/icon/icon_marker.svg) no-repeat;background-size: cover;display: block;width:16px;height:26px;}
#partner_board .board-wrap .list .list-item .img{display: none;}
#partner_board .board-wrap .list .list-item .txt{display: flex;gap:16px;}
#partner_board .board-wrap .list .list-item .ct-wrap{}
#partner_board .board-wrap .list .list-item .ct{display: inline-block;border-radius: 8px;background-color: #2f4f7e;padding:2px 8px;font-size: 16px;font-weight: bold;line-height: 1.81;letter-spacing: -0.32px;color: #fff;}
#partner_board .board-wrap .list .list-item .name{position:relative;top:3px;font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #323b43;    width: calc(100% - 86px);}
#partner_board .board-wrap .list .list-item .btn-detail{position: absolute;top:16px;right:24px;height:37px;border-radius: 16px;border: solid 1px #2f4f7e;background: #fff;display: flex;padding:0 15px 0 41px;align-items: center;font-size: 14px;font-weight: bold;letter-spacing: -0.28px;color: #2f4f7e;transition: all 0.1s;}
#partner_board .board-wrap .list .list-item .btn-detail:before{content: "";position:absolute;left:14px;top:50%;transform:translateY(-50%);background: url(/theme/basic/img/icon//icon_view.svg) no-repeat;background-size: cover;display: block;width:22px;height:22px;}
#partner_board .board-wrap .list .list-item .btn-detail:hover{border-color: #2f4f7e;background: #2f4f7e;color:#fff;}
#partner_board .board-wrap .list .list-item .btn-detail:hover:before{background: url(/theme/basic/img/icon//icon_view2.svg) no-repeat;background-size: cover;}
#partner_board .board-wrap .list .list-item .btn-admin-modify{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
#partner_board .empty-list{text-align: center;font-size:16px;padding:16px;}

#partner_board .write{margin:0 auto;max-width:939px;}
#partner_board .write table{}
#partner_board .write table th{padding:24px 0;width:192px;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;text-align: left;}
#partner_board .write table th em{color:#ca1313;}
#partner_board .write table td{padding:24px 0;}
#partner_board .write table td input[type="text"],
#partner_board .write table td input[type="url"]{width:100%;height: 57px;padding:0 17px;font-size:16px;border-radius: 4px;border: solid 1px #909090;background: #fff;}
#partner_board .write table td select{width: 100%;height: 57px;padding: 0 16px;border: solid 1px #909090;background-color: #fff;font-size: 16px;font-weight: normal;letter-spacing: -0.36px;color: #323b43;    background-position: 98% 50%;}
#partner_board .write table td input[type="text"]::placeholder,
#partner_board .write table td input[type="url"]::placeholder{color: #c9c9c9;}
#partner_board .write .btn-write-wrap{display:flex;margin-top:41px;gap:14px;justify-content: center;}
#partner_board .write .btn-write-wrap .btns{display: flex;align-items: center;justify-content: center;width:170px;height: 51px;font-size: 16px;font-weight:normal;letter-spacing: -0.32px;border-radius: 4px;border: solid 1px #323b43;background: #fff;color: #323b43;}
#partner_board .write .btn-write-wrap .btn_submit{background: #323b43;color:#fff;font-weight: bold;}



@media all and (max-width: 1420px) {
    #partner_board .layout{padding:0 40px;}


}
@media all and (max-width: 1280px) {

    #partner_board .board-wrap .list{flex-direction: column;}
    #partner_board .board-wrap .list > div{width:100%;max-width: 100%;flex:none;}
    #partner_board .board-wrap .list .map-cate{height: auto;}
    #partner_board .board-wrap .list .map-cate .inner a{font-size:12px;}
}
@media all and (max-width: 1024px) {
    #partner_board .layout{padding:0 24px;}
    #partner_board .info-top{font-size:16px;}
    #partner_board .board-wrap .list{margin:16px -24px 0;}
    #partner_board.platform-board .board-wrap .list{margin:16px 0 0;}
    #partner_board .board-wrap .list .platform-primary-cate{padding:75px 0 87px;}
    #partner_board .board-wrap .list .map-cate .inner a{font-size:10px;}
    #partner_board .board-wrap .list .list-wrap{padding:0 24px;}
    #partner_board .board-wrap .list .list-item{padding:16px 12px 69px 44px;}
    #partner_board .board-wrap .list .list-item:before{top:13px;left:12px;}
    #partner_board .board-wrap .list .list-item .ct{font-size: 14px;font-weight: bold;letter-spacing: -0.28px;line-height: 1.21;}
    #partner_board .board-wrap .list .list-item .name{top:-1px;font-size:16px;letter-spacing: -0.48px;}
    #partner_board .board-wrap .list .list-item .btn-detail{top:initial;bottom:16px;right:12px;}
    #partner_board .board-wrap .list .list-item .btn-admin-modify{top:initial;right:initial;left:12px;bottom:16px;transform: none;}

    #partner_board .write table tr{display: flex;flex-direction: column;gap:8px;}
    #partner_board .write table tr th{width:100%;padding:0;}
    #partner_board .write table tr td{width:100%;padding:0;}
    #partner_board .write table tr + tr{margin-top:32px;}
    #partner_board .write table td input[type="text"],
    #partner_board .write table td input[type="url"]{height: 47px;}
    #partner_board .write table td select{height: 47px;background-position: 96% 50%;}
    #partner_board .write .btn-write-wrap .btns{width:136px;}
}
@media all and (max-width: 768px) {
    #partner_board .board-wrap .list .map-cate {padding:26px 10px 0;}
    #partner_board .board-wrap .list .map-cate .inner{height: calc(100% - 88px);}
    #partner_board .board-wrap .list .platform-primary-cate{padding:48px 0;}
    #partner_board .board-wrap .list .platform-primary-cate .img a{width:132px;height:78px;font-size:20px;}
    #partner_board .board-wrap .list .platform-primary-cate .img a[data-platform-type="해양"]{top: 16%;left: 4%;}
    #partner_board .board-wrap .list .platform-primary-cate .img a[data-platform-type="항만"]{right: -1%;top: 25%;}
    #partner_board .board-wrap .list .platform-primary-cate .img a[data-platform-type="물류"]{left:50%;transform: translateX(-50%);bottom:-12px;}


    #partner_board .btn-admin-wrap a{width:100%;text-align: center;}


}
@media all and (max-width: 460px) {

}
/* e::협력플랫폼 */


/* s::기업목록 */
#company_board .company-list-top{display: flex;gap:32px;}
#company_board .company-list-top span{display:flex;gap:8px;font-size: 18px;font-weight: normal;letter-spacing: -0.54px;color: #323b43;}
#company_board .company-list-top span strong{display:inline-block;font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #2166cc;}
#company_board .company-list{margin-top:40px;display: flex;flex-wrap: wrap;gap:24px;}
#company_board .company-list .company-item{position:relative;width:calc(50% - 12px);  padding: 16px;border-radius: 16px;background-color: #f8f8f8;overflow: hidden;display: flex;gap:32px;}
#company_board .company-list .company-item .logo-area{width:190px;height: 215px;background: #fff;}
#company_board .company-list .company-item .logo-area a{display: flex;align-items: center;justify-content: center;height: 100%;}
#company_board .company-list .company-item .logo-area a img{display: block;}
#company_board .company-list .company-item .info-area{width:calc(100% - 222px);}
#company_board .company-list .company-item .info-area table{}
#company_board .company-list .company-item .info-area table th{padding:10px 0;width:84px; font-size: 16px;font-weight: bold;letter-spacing: -0.48px;color: #323b43;text-align: left;}
#company_board .company-list .company-item .info-area table td{background: #fff;padding:10px 16px;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
#company_board .company-list .company-item .admin-control{position: absolute;top:16px;left:16px;}
#company_board .company-list .company-item .admin-control a{background:#ca1313;color:#fff;padding:4px;}



#company_board .btn-admin-wrap{margin-top:40px;display: flex;justify-content: flex-end;}
#company_board .btn-admin-wrap a{display:inline-block;border-radius: 8px;background-color: #2f4f7e;padding:8px;font-size: 16px;color:#fff;}

#company_board .write{margin:0 auto;max-width:939px;}
#company_board .write table{}
#company_board .write table th{padding:24px 0;width:192px;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;text-align: left;}
#company_board .write table th em{color:#ca1313;}
#company_board .write table td{padding:24px 0;}
#company_board .write table td input[type="text"],
#company_board .write table td input[type="url"]{width:100%;height: 57px;padding:0 17px;font-size:16px;border-radius: 4px;border: solid 1px #909090;background: #fff;}
#company_board .write table td select{width: 100%;height: 57px;padding: 0 16px;border: solid 1px #909090;background-color: #fff;font-size: 16px;font-weight: normal;letter-spacing: -0.36px;color: #323b43;    background-position: 98% 50%;}
#company_board .write table td input[type="text"]::placeholder,
#company_board .write table td input[type="url"]::placeholder{color: #c9c9c9;}
#company_board .write .btn-write-wrap{display:flex;margin-top:41px;gap:14px;justify-content: center;}
#company_board .write .btn-write-wrap .btns{display: flex;align-items: center;justify-content: center;width:170px;height: 51px;font-size: 16px;font-weight:normal;letter-spacing: -0.32px;border-radius: 4px;border: solid 1px #323b43;background: #fff;color: #323b43;}
#company_board .write .btn-write-wrap .btn_submit{background: #323b43;color:#fff;font-weight: bold;}


@media all and (max-width: 1420px) {
    #company_board .layout{padding:0 40px;}
}
@media all and (max-width: 1280px) {
    #company_board .company-list{flex-wrap: wrap;}
    #company_board .company-list .company-item{width:100%;}
}
@media all and (max-width: 1024px) {
    #company_board .layout{padding:0 24px;}

    #company_board .write table tr{display: flex;flex-direction: column;gap:8px;}
    #company_board .write table tr th{width:100%;padding:0;}
    #company_board .write table tr td{width:100%;padding:0;}
    #company_board .write table tr + tr{margin-top:32px;}
    #company_board .write table td input[type="text"],
    #company_board .write table td input[type="url"]{height: 47px;}
    #company_board .write table td select{height: 47px;background-position: 96% 50%;}
    #company_board .write .btn-write-wrap .btns{width:136px;}
}
@media all and (max-width: 768px) {
    #company_board .btn-admin-wrap a{width:100%;text-align: center;}

    #company_board .company-list .company-item{flex-direction: column;gap:16px;}
    #company_board .company-list .company-item .logo-area{width:100%;height: 158px;}
    #company_board .company-list .company-item .info-area{width:100%;}
    #company_board .company-list .company-item .info-area table th{width:100px;padding-left: 16px;}
}
@media all and (max-width: 460px) {

}
/* e::기업목록 */


/* s::신청절차 */
.procedure{}
.procedure .info-box{padding: 16px 24px;border-radius: 16px;border: solid 1px #d9d9d9;}
.procedure .info-box h3{font-size: 20px;font-weight: bold;letter-spacing: -0.6px;color: #323b43;padding-bottom: 15px;border-bottom: 1px solid #d9d9d9;margin-bottom: 7px;}
.procedure .info-box .txt-box{}
.procedure .info-box .txt-box + .txt-box{margin-top:24px;}
.procedure .info-box .txt-box ul{}
.procedure .info-box .txt-box ul li{position: relative;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.48px;color: #323b43;padding-left: 10px;}
.procedure .info-box .txt-box ul li:before{content: "";position: absolute;top:10px;left:0;width:4px;height:4px;border-radius: 100%;background:#323b43;}
.procedure .info-box .txt-box ul li.none{padding-left: 0;}
.procedure .info-box .txt-box ul li.none:before{display: none;}
.procedure .info-box .txt-box ul li strong{display: inline;color: #2166cc;}
.procedure .info-box .txt-box p{margin-top:8px;font-size: 14px;font-weight: normal;line-height: 1.5;letter-spacing: -0.42px;color: #717171;}
.procedure .list{margin-top:40px;}
.procedure .list h2{font-size: 24px;font-weight: bold;letter-spacing: -0.72px;color: #323b43;}
.procedure .list ul{margin-top:32px;display: flex;gap:20px;}
.procedure .list ul li{flex:1;display: flex;flex-direction: column;align-items: center; padding: 16px 24px;border-radius: 16px;border: solid 1px #d9d9d9;gap:24px;}
.procedure .list ul li .img{width:100%;display: flex;justify-content: center;padding:25px 10px;background: #fafafa;}
.procedure .list ul li .img img{display: block;}
.procedure .list ul li .txt{text-align: center;}
.procedure .list ul li .txt span{display: block;font-size: 16px;font-weight: bold;letter-spacing: -0.48px;color: #323b43;}
.procedure .list ul li .txt p{margin-top:6px;font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #323b43;}

@media all and (max-width: 1420px) {
    .procedure .layout{padding:0 40px;}
}
@media all and (max-width: 1280px) {
    .procedure .list ul{gap:16px;}
    .procedure .list ul li{padding:16px;}
}
@media all and (max-width: 1024px) {
    .pages.procedure-pages{}
    .procedure .layout{padding:0 24px;}
    .procedure .info-box{padding:16px;}
    .procedure .info-box h3{font-size: 18px;}
    .procedure .list h2{font-size: 20px;}
    .procedure .list ul{margin-top:24px;flex-direction: column;gap:20px;}
    .procedure .list ul li{padding: 16px 24px;}
    .procedure .list ul li .txt p{font-size:16px;}
}
@media all and (max-width: 768px) {

}
@media all and (max-width: 460px) {

}
/* e::신청절차 */


/* s::사업개요 */
.overview{}
.overview .overview-tab{display: flex;gap:16px;}
.overview .overview-tab button{flex:1;display: flex;align-items: center;justify-content: center; padding:0 19px;height:72px;border-radius: 8px;background: #f2f8ff;font-size: 18px;font-weight: normal;letter-spacing: -0.36px;text-align: center;color: #323b43;border:1px solid #f2f8ff;transition: all 0.2s;word-break: keep-all;}
.overview .overview-tab button .br{display: none;}
.overview .overview-tab button:hover{border-color: #2166cc;}
.overview .overview-tab button.on{border-color: #2f4f7e;background: #2f4f7e;color:#fff;font-weight: bold;}
.overview .overview-cont{margin-top: 62px;display: none;}
.overview .overview-cont .inner{display: flex;gap:32px;}
.overview .overview-cont .inner h2{font-size: 24px;font-weight: bold;letter-spacing: -0.72px;color: #323b43;}
.overview .overview-cont .inner ul{display: flex;gap:20px;width: calc(100% - 117px);}
.overview .overview-cont .inner ul li{flex:1;padding: 16px 24px;border-radius: 16px;border: solid 1px #d9d9d9;background: #fff;}
.overview .overview-cont .inner ul li .img{}
.overview .overview-cont .inner ul li .img img{display: block;width:100%;}
.overview .overview-cont .inner ul li .txt{margin-top:24px;padding-bottom: 80px;}
.overview .overview-cont .inner ul li .txt h3{font-size: 20px;font-weight: bold;letter-spacing: -0.6px;color: #323b43;padding-bottom: 15px;border-bottom: 1px solid #d9d9d9;}
.overview .overview-cont .inner ul li .txt p{margin-top:15px;  font-size: 18px;font-weight: normal;letter-spacing: -0.54px;color: #323b43;word-break: keep-all;}

@media all and (max-width: 1420px) {
    .overview .layout{padding:0 40px;}
}
@media all and (max-width: 1280px) {
    .overview .overview-cont .inner{flex-direction: column;}
    .overview .overview-cont .inner ul{width:100%;}
}
@media all and (max-width: 1024px) {
    .overview .layout{padding:0;}
    .overview .overview-tab{overflow-x: auto;white-space: nowrap;padding:0 24px; -ms-overflow-style: none;}
    .overview .overview-tab::-webkit-scrollbar{display: none;}
    .overview .overview-tab button{font-size:16px;width:150px;flex:none;padding:0 12px;}
    .overview .overview-tab button .br{display: inline;}
    .overview .overview-cont{margin-top:64px;padding:0 24px;}
    .overview .overview-cont .inner{gap:24px;}
    .overview .overview-cont .inner h2{font-size: 20px;}
    .overview .overview-cont .inner ul{flex-direction: column;}
    .overview .overview-cont .inner ul li .txt{padding-bottom: 54px;}
    .overview .overview-cont .inner ul li .txt h3{font-size:18px;}
    .overview .overview-cont .inner ul li .txt p{font-size:16px;}
}
@media all and (max-width: 768px) {

}
@media all and (max-width: 460px) {

}
/* e::사업개요 */






@media all and (max-width: 1420px) {

}
@media all and (max-width: 1280px) {

}
@media all and (max-width: 1024px) {

}
@media all and (max-width: 768px) {

}
@media all and (max-width: 460px) {

}