@charset "utf-8";

/* s::서브 공통 */
.overlay{display:none;position: fixed;top:0;left:0;width:100%;height:100%;  background-color: rgba(50, 59, 67, 0.3);z-index: 9999;}
.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:#0090C7;}
.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:rgba(0, 144, 199, 0.4);text-decoration: underline;}
.page-tab a.on{background: #0090C7;font-weight: bold;}
.page-tab a.on:hover{background: #0090C7;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 .top-box{padding:40px 0 56px;background: url(/theme/basic/img/contents/center_img01.png) no-repeat;background-size: cover;}
.intro-center .top-box h2{padding:5px;border: solid 1px #707070;background-color: rgba(255, 255, 255, 0.4);text-align: center;font-size: 32px;font-weight: bold;line-height: 1.5;letter-spacing: -0.96px;color: #fff;}
.intro-center .top-box h3{margin-top:16px;font-size: 32px;font-weight: bold;letter-spacing: -0.96px;text-align: center;color: #fff;}
.intro-center .top-box h3 br{display: none;}
.intro-center .top-box p{margin-top:8px;font-size: 24px;font-weight: normal;line-height: 1.5;letter-spacing: -0.72px;text-align: center;color: #fff;}
.intro-center .top-box p br{display: none;}
.intro-center .box1{margin-top:88px;}
.intro-center .box1 h2{padding: 8px 16px;border-radius: 8px;background-color: #1a2b5d; font-size: 24px;font-weight: bold;line-height: 1.5;letter-spacing: -0.72px;color: #fff;text-align: center;}
.intro-center .box1 ul{margin-top:24px;display: flex;gap:122px;}
.intro-center .box1 ul li{position:relative;flex:1; padding: 16px;border-radius: 8px;border: solid 1px #1a2b5d;background-color: #f2f8ff;}
.intro-center .box1 ul li:after{content: "";position: absolute;top:50%;right:-102px;transform:translateY(-50%);background: url(/theme/basic/img/contents/center_img02.svg) no-repeat;background-size: cover;display: block;width:88px;height: 63px;}
.intro-center .box1 ul li:last-child:after{display: none;}
.intro-center .box1 ul li .inner{border-radius: 8px;border: solid 1px #add6ff;background-color: #fff;padding:19px;text-align: center;}
.intro-center .box1 ul li .inner span{display: block;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.48px;text-align: center;color: #323b43;}
.intro-center .box1 ul li .inner h3{ font-size: 24px;font-weight: bold;line-height: 1.5;letter-spacing: -0.72px;color: #323b43;}
.intro-center .box2{position:relative;margin:170px auto 0;max-width: 1036px;}
.intro-center .box2:before{content: "";position: absolute;top:-138px;left:50%;transform: translateX(-50%);width:227px;height:138px;background: url(/theme/basic/img/contents/center_img03.svg) no-repeat;background-size: cover;display:block;}
.intro-center .box2 h2{padding: 8px 16px;border-radius: 8px;background-color: #1a2b5d;font-size: 24px;font-weight: bold;line-height: 1.5;letter-spacing: -0.72px;color: #fff;text-align: center;}
.intro-center .box2 .inbox{margin-top:24px;padding: 16px;border-radius: 8px;border: solid 1px #1a2b5d;background-color: #f2f8ff;}
.intro-center .box2 .inbox .txt{padding: 12px;border-radius: 8px;border: solid 1px #add6ff;background-color: #fff;text-align: center;font-size: 24px;font-weight: bold;line-height: 1.5;letter-spacing: -0.72px;color: #323b43;}
.intro-center .box2 .inbox .txt .br{display: none;}
.intro-center .box2 ul{margin-top:40px;display: flex;flex-wrap: wrap;gap:24px;}
.intro-center .box2 ul li{width:calc(50% - 12px);padding: 16px;border-radius: 8px;border: solid 1px #395d1a;background-color: #f8faed;}
.intro-center .box2 ul li .txt{padding:31px 10px;text-align: center; border-radius: 8px;border: solid 1px #bfd72f;background-color: #fff; font-size: 24px;font-weight: bold;line-height: 1.5;letter-spacing: -0.72px;color: #323b43;}


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


}
@media all and (max-width: 1280px) {
    .intro-center .top-box h2{font-size: 28px;}
    .intro-center .top-box h3{font-size:28px;padding:0 20px;}
    .intro-center .top-box p{padding:0 20px;font-size:20px;}
    .intro-center .box1 ul li .inner h3{font-size:20px;}
    .intro-center .box2 .inbox .txt{font-size:20px;}
    .intro-center .box2 ul li .txt{font-size:20px;}
}
@media all and (max-width: 1024px) {
    .intro-center > .layout{padding:0 24px;}
    .intro-center .top-box{padding:40px 0 56px;background: url(/theme/basic/img/contents/t_center_img01.png) no-repeat;background-size: cover;}
    .intro-center .top-box h2{font-size: 24px;}
    .intro-center .top-box h3{font-size:24px;}
    .intro-center .top-box p{font-size:16px;}
    .intro-center .box1 ul li:after{background: url(/theme/basic/img/contents/t_center_img02.svg) no-repeat;background-size: cover;}
    .intro-center .box1 ul li .inner h3{font-size:18px;}
    .intro-center .box2{margin-top:160px;}
    .intro-center .box2:before{top:-127px;width: 170px;height: 127px;background: url(/theme/basic/img/contents/t_center_img03.svg) no-repeat;background-size: cover;}
    .intro-center .box2 .inbox .txt{padding:22px 20px;font-size:18px;}
    .intro-center .box2 ul li .txt{padding:36px 10px;font-size:18px;}

}
@media all and (max-width: 768px) {
    .intro-center .top-box{padding:24px 0 40px;background: url(/theme/basic/img/contents/m_center_img01.png) no-repeat;background-size: cover;}
    .intro-center .top-box h2{font-size:20px;}
    .intro-center .top-box h3{margin-top:24px;font-size:20px;}
    .intro-center .top-box h3 br{display: inline;}
    .intro-center .top-box p{margin-top:8px;font-size: 14px;font-weight: normal;line-height: 1.3;letter-spacing: -0.42px;}
    .intro-center .top-box p br{display: inline;}
    .intro-center .box1{margin-top:64px;}
    .intro-center .box1 h2{padding:8px;font-size:20px;}
    .intro-center .box1 ul{flex-direction: column;gap:76px;}
    .intro-center .box1 ul li:after{width:64px;height:60px;left:50%;transform:translateX(-50%);right:initial;top:initial;bottom:-68px;background: url(/theme/basic/img/contents/m_center_img02.svg) no-repeat;background-size: cover;}
    .intro-center .box1 ul li .inner{padding:12px;}
    .intro-center .box1 ul li .inner span{font-size:14px;}
    .intro-center .box1 ul li .inner h3{font-size:16px;}
    .intro-center .box2{margin-top:123px;}
    .intro-center .box2 h2{padding:8px;font-size:20px;}
    .intro-center .box2:before{top: -91px;width: 122px;height: 91px;background: url(/theme/basic/img/contents/m_center_img03.svg) no-repeat;background-size: cover;}
    .intro-center .box2 .inbox .txt{padding:12px;font-size: 16px;}
    .intro-center .box2 .inbox .txt .br{display: inline;}
    .intro-center .box2 ul{margin-top:16px;gap: 16px;}
    .intro-center .box2 ul li{width: calc(50% - 8px);}
    .intro-center .box2 ul li .txt{padding:25px 8px;font-size:16px;}

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

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


/* s::운영기관 */
.organization .table-box{}
.organization .table-box .img{display: flex;justify-content: center;}
.organization .table-box .table-wrap{margin-top:42px;}
.organization .table-box .table-wrap .pc-cont{display: block;}
.organization .table-box .table-wrap .pc-cont table{border:1px solid #323b43;}
.organization .table-box .table-wrap .pc-cont table thead tr th{padding:8px;font-size: 24px;font-weight: normal;letter-spacing: -0.72px;text-align: center;color: #323b43;border-bottom:1px solid #323b43;border-left:1px solid #323b43;}
.organization .table-box .table-wrap .pc-cont table thead tr th:first-child{border-left: 0;width:20%;}
.organization .table-box .table-wrap .pc-cont table thead tr th span{display: inline-block;font-size: 18px;font-weight: normal;letter-spacing: -0.54px;}
.organization .table-box .table-wrap .pc-cont table tbody tr th{font-size: 24px;font-weight: normal;letter-spacing: -0.72px;text-align: center;color: #323b43;padding:16px;}
.organization .table-box .table-wrap .pc-cont table tbody tr td{padding:16px;border-left:1px solid #323b43;}
.organization .table-box .table-wrap .pc-cont table tbody tr td ul{}
.organization .table-box .table-wrap .pc-cont table tbody tr td ul li{position: relative;padding-left:15px;font-size: 18px;font-weight: normal;line-height: 1.5;letter-spacing: -0.54px;color: #52514e;}
.organization .table-box .table-wrap .pc-cont table tbody tr td ul li:before{content: "";position: absolute;left:2px;top: 10px;width: 4px;height: 4px;border-radius: 100%;border:1px solid #52514e;}
.organization .table-box .table-wrap .pc-cont table tbody tr td ul li p{position: relative;padding-left: 15px;font-size: 18px;font-weight: normal;line-height: 1;letter-spacing: -0.54px;color: #52514e;}
.organization .table-box .table-wrap .pc-cont table tbody tr td ul li p + p{margin-top:7px;}
.organization .table-box .table-wrap .pc-cont table tbody tr td ul li p:before{content: "";position: absolute;top:50%;left:0;transform:translateY(-50%);width:7px;height: 1px;background: #52514e;}
.organization .table-box .table-wrap .m-cont{display: none;}
.organization .table-box .table-wrap .m-cont table{border:1px solid #323b43;}
.organization .table-box .table-wrap .m-cont table thead tr th{padding:8px;font-size: 24px;font-weight: normal;letter-spacing: -0.72px;text-align: center;color: #323b43;border-bottom:1px solid #323b43;border-left:1px solid #323b43;}
.organization .table-box .table-wrap .m-cont table thead tr th:first-child{width:30%;}
.organization .table-box .table-wrap .m-cont table tbody tr th{font-size: 24px;font-weight: normal;letter-spacing: -0.72px;text-align: center;color: #323b43;padding:16px;border-bottom:1px solid #323b43;}
.organization .table-box .table-wrap .m-cont table tbody tr th span{display: inline-block;font-size: 18px;font-weight: normal;letter-spacing: -0.54px;}
.organization .table-box .table-wrap .m-cont table tbody tr td{padding:16px;border-left:1px solid #323b43;border-bottom:1px solid #323b43;}
.organization .table-box .table-wrap .m-cont table tbody tr td ul{}
.organization .table-box .table-wrap .m-cont table tbody tr td ul li{position: relative;padding-left:15px;font-size: 18px;font-weight: normal;line-height: 1.5;letter-spacing: -0.54px;color: #52514e;}
.organization .table-box .table-wrap .m-cont table tbody tr td ul li:before{content: "";position: absolute;left:2px;top: 10px;width: 4px;height: 4px;border-radius: 100%;border:1px solid #52514e;}
.organization .table-box .table-wrap .m-cont table tbody tr td ul li p{position: relative;padding-left: 15px;font-size: 18px;font-weight: normal;line-height: 1;letter-spacing: -0.54px;color: #52514e;}
.organization .table-box .table-wrap .m-cont table tbody tr td ul li p + p{margin-top:7px;}
.organization .table-box .table-wrap .m-cont table tbody tr td ul li p:before{content: "";position: absolute;top:50%;left:0;transform:translateY(-50%);width:7px;height: 1px;background: #52514e;}


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

}
@media all and (max-width: 1024px) {
    .organization > .layout{padding:0 24px;}
    .organization .table-box .table-wrap{margin-top:56px;}
    .organization .table-box .table-wrap .pc-cont{display: none;}
    .organization .table-box .table-wrap .m-cont{display: block;}
}
@media all and (max-width: 768px) {
    .organization .table-box .table-wrap .m-cont table thead tr th{font-size:16px;}
    .organization .table-box .table-wrap .m-cont table tbody tr th{padding:8px;font-size:16px;}
    .organization .table-box .table-wrap .m-cont table tbody tr th span{font-size:14px;}
    .organization .table-box .table-wrap .m-cont table thead tr th:first-child{width:35%;}
    .organization .table-box .table-wrap .m-cont table tbody tr td ul li{font-size:14px;padding-left: 10px;}
    .organization .table-box .table-wrap .m-cont table tbody tr td ul li:before{left: 0;top:8px;}
    .organization .table-box .table-wrap .m-cont table tbody tr td ul li p{font-size:14px;padding-left: 10px;}
    .organization .table-box .table-wrap .m-cont table tbody tr td ul li p:before{width:5px;transform: none;top: 6px;}

}
@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:438px;display: flex;align-items: center;justify-content: center;border-radius: 32px;border: solid 1px #d9d9d9;}
.ci .box1 .right{padding-left: 7px;}
.ci .box1 .right h3{font-size: 24px;font-weight: 600;line-height: 1.3;letter-spacing: -0.72px;color: #1a2b5d;}
.ci .box1 .right ul{margin-top:32px;}
.ci .box1 .right ul li{}
.ci .box1 .right ul li + li{margin-top:16px;}
.ci .box1 .right ul li em{display: inline-block;padding: 6px 20px;border-radius: 26px;background-color: #1a2b5d; font-size: 20px;font-weight: 600;line-height: 1.3;letter-spacing: -0.6px;color: #fff;}
.ci .box1 .right ul li p{margin-top:12px;font-size: 18px;font-weight: normal;line-height: 1.5;letter-spacing: -0.36px;color: #323b43;word-break: keep-all;}
.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;margin-top:32px;justify-content: flex-end;}
.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: #0090c7;padding: 16px 10px;background: #f2f8ff;}
.ci .box2 .inner .cont-box{height: 269px;display: flex;align-items: center;justify-content: center;}

.ci .box3{overflow: hidden;}
.ci .box3 ul{display: flex;gap:24px;}
.ci .box3 ul li{flex:1;overflow: hidden;border-radius: 23px;border: solid 1px #d9d9d9;}
.ci .box3 ul li .color{height: 174px;}
.ci .box3 ul li .color.c1{background: #bfd72f;}
.ci .box3 ul li .color.c2{background: #0090c7;}
.ci .box3 ul li .color.c3{background: #1a2b5d;}
.ci .box3 ul li .txt{padding:16px 24px;}
.ci .box3 ul li .txt .t1{}
.ci .box3 ul li .txt .t1 h3{font-size: 20px;font-weight: 600;letter-spacing: -0.6px;color: #323b43;}
.ci .box3 ul li .txt .t1 p{margin-top:10px;font-size: 14px;font-weight: 300;letter-spacing: -0.42px;color: #323b43;word-break: keep-all;}
.ci .box3 ul li .txt .t2{margin-top:59px;}
.ci .box3 ul li .txt .t2 p{font-size: 12px;font-weight: normal;letter-spacing: -0.36px;color: #323b43;}



@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 .left{height: 402px;}
    .ci .box1 .right{}
    .ci .box1 .right .btns{justify-content: center;}
    .ci .box2 .inner h3{font-size:20px;}

    .ci .box2{flex-direction: column;gap:26px;}
    .ci .box3 ul{flex-direction: column;}
}
@media all and (max-width: 768px) {
    .ci .hgroup{margin-bottom: 32px;}
    .ci .box1 .left{height: 332px;padding:0 24px;}
    .ci .box1 .right{gap:40px;}
    .ci .box1 .right h3{font-size:20px;word-break: keep-all;}
    .ci .box1 .right h3 br{display: none;}
    .ci .box1 .right ul li em{padding:4px 15px;font-size:16px;}
    .ci .box1 .right ul li p{font-size: 16px;}
    .ci .box1 .right .btns a{width:100%;flex:1;}
    .ci .box2 .inner h3{font-size:18px;}
    .ci .box2 .inner .cont-box{padding:0 24px;}
}
@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: 48px;font-size: 18px;font-weight: 500;line-height: 1.5;letter-spacing: -0.54px;color: #323b43;}
.history-cont .list ul li p + p{margin-top:8px;}
.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(odd){justify-content: flex-start;}
.history-cont .list ul li + li{margin-top:80px;}
.history-cont .list ul li:nth-child(odd) > div{text-align: right;padding-right: 48px;}
.history-cont .list ul li:nth-child(odd) > div:before{left:initial;right:-14px;}
.history-cont .list ul li:nth-child(odd) p{padding-left: 0;padding-right: 48px;}
.history-cont .list ul li:nth-child(odd) 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: 51px;}
    .history-cont .list ul li:nth-child(odd) p{padding-right: 51px;}
}
@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:60px;}
    .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(odd) > div{padding-right: 0;padding-left: 23px;text-align: left;}
    .history-cont .list ul li:nth-child(odd) > div:before{right:initial;left:-14px;}
    .history-cont .list ul li:nth-child(odd) p{padding-right: 0;padding-left: 51px;}
    .history-cont .list ul li:nth-child(odd) 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 #0090C7;font-size: 24px;font-weight: normal;letter-spacing: -0.48px;color: #0090C7;transition: all 0.1s;}
.facility .floor-tab a.on{color:#fff;font-weight: bold;border-color:#0090C7;background: #0090C7;}
.facility .floor-tab a.on:hover{color:#fff;font-weight: bold;border-color:#0090C7;background: #0090C7;text-decoration: none;}
.facility .floor-tab a:hover{color:#fff;border-color: #1A2B5D;background: #1A2B5D;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: #1A2B5D;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: #1A2B5D;}
#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 #1A2B5D;background: #1A2B5D;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: #1A2B5D;}
#partner_board .board-wrap .list .platform-primary-cate .img a.active{background: #dfecfc;color: #1A2B5D;}
#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: #1A2B5D;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 #1A2B5D;background: #fff;display: flex;padding:0 15px 0 41px;align-items: center;font-size: 14px;font-weight: bold;letter-spacing: -0.28px;color: #1A2B5D;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: #1A2B5D;background: #1A2B5D;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;left: 0;top:0;background: #ca1313;color: #fff;padding:0 4px;}
#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;}

#partner_board .platform-card-list{display: flex;gap:20px;flex-wrap: wrap;}
#partner_board .platform-card-list .platform-card{position:relative;width:calc(25% - 15px);border-radius: 16px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);border: solid 1px #c9c9c9;overflow: hidden;transition: all 0.3s;}
#partner_board .platform-card-list .platform-card:hover{transform: scale(1.02);}
#partner_board .platform-card-list .platform-card .platform-card-link{display: block;}
#partner_board .platform-card-list .platform-card .platform-logo{padding:47px 16px;display: flex;align-items: center;justify-content: center;}
#partner_board .platform-card-list .platform-card .platform-logo img{max-height: 32px;}
#partner_board .platform-card-list .platform-card .platform-name{display:block;width:100%;border-top:1px solid #c9c9c9;padding:16px;text-align: center;font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #323b43;}
#partner_board .platform-card-list .platform-card .btn-admin-modify{position: absolute;left: 5px;top:5px;background: #ca1313;color: #fff;padding:0 4px;}
#partner_board .empty-list{text-align: center;font-size:16px;padding:16px;}

@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;}

    #partner_board .platform-card-list{}
    #partner_board .platform-card-list .platform-card{width:calc(50% - 10px);}
    #partner_board .platform-card-list .platform-card .platform-logo{padding:55px 16px;}
    #partner_board .platform-card-list .platform-card .platform-name{padding:12px;}
}
@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;}

    #partner_board .platform-card-list{gap:26px;}
    #partner_board .platform-card-list .platform-card{width:100%;}



}
@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:#0090C7;}
#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: 8px;border-radius: 16px;background-color: #f8f8f8;overflow: hidden;display: flex;gap:16px;}
#company_board .company-list .company-item .logo-area{width:190px;height: 140px;background: #fff;}
#company_board .company-list .company-item .logo-area .logo-link{display: flex;align-items: center;justify-content: center;height: 100%;padding:16px;}
#company_board .company-list .company-item .logo-area .logo-link img{display: block;}
#company_board .company-list .company-item .info-area{width:calc(100% - 206px);}
#company_board .company-list .company-item .info-area table{}
#company_board .company-list .company-item .info-area table th{padding:6px 16px;width:100px; 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:6px 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: #1A2B5D;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:8px;}
    #company_board .company-list .company-item .logo-area{width:100%;height: 70px;}
    #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: #1A2B5D;}
.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 section{}
.overview section + section{margin-top:64px;}
.overview section h2{position: relative;padding-left: 59px;font-size: 24px;font-weight: bold;line-height: 1.5;letter-spacing: -0.72px;color: #1a2b5d;}
.overview section h2:before{content: "";position: absolute;left:0;width:35px;height: 36px;}
.overview section h2.icon01:before{background: url(/theme/basic/img/contents/overview_icon01.svg) no-repeat;background-size: cover;}
.overview section h2.icon02:before{background: url(/theme/basic/img/contents/overview_icon02.svg) no-repeat;background-size: cover;}
.overview section h2.icon03:before{background: url(/theme/basic/img/contents/overview_icon03.svg) no-repeat;background-size: cover;}
.overview section h2.icon04:before{background: url(/theme/basic/img/contents/overview_icon04.svg) no-repeat;background-size: cover;}
.overview section h2.icon05:before{background: url(/theme/basic/img/contents/overview_icon05.svg) no-repeat;background-size: cover;}
.overview section ul{margin-top:16px;display: flex;gap:17px;}
.overview section ul li{flex:1;padding: 16px 24px;border-radius: 16px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);border: solid 1px #d9d9d9;background-color: #fff;}
.overview section ul li .t-cont{text-align: center;padding: 14px 0 30px;border-bottom: 1px solid #d9d9d9;}
.overview section ul li .t-cont h3{ font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #1a2b5d;}
.overview section ul li .t-cont p{margin-top:5px; font-size: 12px;font-weight: normal;letter-spacing: -0.36px;color: #1a2b5d;}
.overview section ul li .b-cont{text-align: center;padding:16px 0;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.48px;color: #323b43;}
.overview section ul li .b-cont p{font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.48px;color: #323b43;}


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

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

}
@media all and (max-width: 1024px) {
    .overview .layout{padding:0 24px;}


}
@media all and (max-width: 768px) {
    .overview section h2{font-size: 20px;letter-spacing: -0.6px;}
    .overview section h2:before{top:-4px;}
    .overview section ul{flex-direction: column;}

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

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


/* s::예약신청 */
.reservation{}
.reservation .info-box{padding: 16px 24px;border-radius: 16px;border: solid 1px #d9d9d9}
.reservation .info-box h3{font-size: 20px;font-weight: bold;letter-spacing: -0.6px;color: #323b43;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;}
.reservation .info-box .box{padding-top: 8px;}
.reservation .info-box .box .txt{}
.reservation .info-box .box .txt + .txt{margin-top:24px;}
.reservation .info-box .box .txt ul{}
.reservation .info-box .box .txt ul li{position: relative;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.48px;color: #323b43;padding-left: 10px;}
.reservation .info-box .box .txt ul li:before{content: "";position: absolute;top:10px;left:0;width:4px;height:4px;border-radius: 100%;background:#323b43;}
.reservation .info-box .box .txt ul li.none{padding-left: 0;}
.reservation .info-box .box .txt ul li.none:before{display: none;}
.reservation .info-box .box .txt ul li strong{display: inline;color: #1a2b5d;}
.reservation .info-box .box .txt p{margin-top:6px;font-size: 14px;font-weight: normal;line-height: 1.5;letter-spacing: -0.42px;color: #717171;}
.reservation .section{margin-top:40px;}
.reservation .section + .section{margin-top:65px;}
.reservation .section .title-box{display: flex;gap:16px;align-items: center;}
.reservation .section .title-box h2{font-size: 24px;font-weight: bold;letter-spacing: -0.72px;color: #323b43;}
.reservation .section .title-box span{display:inline-block;font-size: 18px;font-weight: normal;line-height: 1.5;letter-spacing: -0.54px;color: #323b43;}
.reservation .section .step{margin-top:32px;display: flex;gap:20px;}
.reservation .section .step li{flex:1;padding: 16px 24px;border-radius: 16px;border: solid 1px #d9d9d9;background-color: #fff;}
.reservation .section .step li .img{padding:30px 10px;display: flex;justify-content: center;background: #fafafa;}
.reservation .section .step li .img img{display: block;}
.reservation .section .step li .txt{margin-top:24px;text-align: center;}
.reservation .section .step li .txt em{display: block;font-size: 16px;font-weight: bold;letter-spacing: -0.48px;color: #323b43;}
.reservation .section .step li .txt p{margin-top:8px;font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #323b43;}
.reservation .section .step li .txt p span{display:inline-block;font-weight: normal;font-size:16px;}
.reservation .section .res-box{margin-top:32px;}
.reservation .section .res-box .place{display: flex;flex-wrap: wrap;gap:32px;}
.reservation .section .res-box .place li{width:calc((100% / 3) - 22px);overflow: hidden;border-radius: 16px;background-color: rgba(118, 118, 128, 0.12);cursor: pointer;border:1px solid transparent;transition: all 0.2s;}
.reservation .section .res-box .place li .img{}
.reservation .section .res-box .place li .img img{display: block;width:100%;}
.reservation .section .res-box .place li p{text-align: center;padding:16px 0;font-size: 18px;font-weight: bold;color: #323b43;}
.reservation .section .res-box .place li.on{border-color: #2166cc;}
.reservation .section .res-box .form-box{display:flex;gap:40px;margin-top:64px;}
.reservation .section .res-box .form-box .cal-box{width:calc(100% - 560px);}
.reservation .section .res-box .form-box .cal-box .top{display: flex;justify-content: center;gap:24px;}
.reservation .section .res-box .form-box .cal-box .top button{display: inline-block;}
.reservation .section .res-box .form-box .cal-box .top button img{display:block;}
.reservation .section .res-box .form-box .cal-box .top h2{font-size: 24px;font-weight: bold;letter-spacing: -0.72px;color: #323b43;}
.reservation .section .res-box .form-box .cal-box table{margin-top:32px;}
.reservation .section .res-box .form-box .cal-box table thead th{padding-bottom: 24px;font-size: 14px;font-weight: bold;text-align: center;color: #6b7280;}
.reservation .section .res-box .form-box .cal-box table thead th.sun{color:#ef4444;}
.reservation .section .res-box .form-box .cal-box table thead th.sat{}
.reservation .section .res-box .form-box .cal-box table tbody td{padding:4px;cursor: pointer;}
.reservation .section .res-box .form-box .cal-box table tbody td .inbox{height:94px;border-radius: 12px;border: solid 1.5px #e5e7eb;background-color: #fff; font-size: 13px;font-weight: bold;color: #111827;padding:12px 16px 23px;}
.reservation .section .res-box .form-box .cal-box table tbody td.disabled .inbox{   background: #fafafa;}
.reservation .section .res-box .form-box .cal-box table tbody td .inbox .num{margin-top:10px;display: flex;}
.reservation .section .res-box .form-box .cal-box table tbody td .inbox .num span{display: flex;height: 33px;border-radius: 8px;background: #d9d9d9;padding:0 12px;align-items: center;font-size: 14px;font-weight: bold;letter-spacing: -0.42px;color: #717171;}
.reservation .section .res-box .form-box .cal-box table tbody td .inbox .num.has-res span{background: #d1fae5;color: #065f46;}
.reservation .section .res-box .form-box .cal-box table tbody td.sun .inbox{border-color: #fafafa;background: #fafafa;color: #e5e7eb}
.reservation .section .res-box .form-box .cal-box table tbody td.sat .inbox{border-color: #fafafa;background: #fafafa;color: #e5e7eb}
.reservation .section .res-box .form-box .cal-box table tbody td.on .inbox{border-color: #0090c7;background: #f2f8ff;}


.reservation .section .res-box .form-box .detail-box{width:520px;padding-top: 56px;}
.reservation .section .res-box .form-box .detail-box h3{font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #323b43;}
.reservation .section .res-box .form-box .detail-box ul{margin-top:20px;display: flex;gap:16px 12px;flex-wrap: wrap;}
.reservation .section .res-box .form-box .detail-box ul li{text-align: center; padding: 16px;border-radius: 12px;border: solid 1.5px #f8f8f8;background-color: #f8f8f8;width:calc(50% - 6px);font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #111827;cursor: pointer;}
.reservation .section .res-box .form-box .detail-box ul li.disabled{border-color: #d9d9d9;background: #d9d9d9;color: #909090;}
.reservation .section .res-box .form-box .detail-box ul li.on{border-color: #0090c7;background: #f2f8ff;color:#111827;}
.reservation .section .res-box .form-box .detail-box .input-wrap{margin-top:40px;}
.reservation .section .res-box .form-box .detail-box .input-wrap .total{margin-top:20px;padding: 8px 0;background: #0090c7;text-align: center;font-size: 16px;font-weight: bold;letter-spacing: -0.48px;color: #fff;}
.reservation .section .res-box .form-box .detail-box .input-wrap table{margin-top:10px;}
.reservation .section .res-box .form-box .detail-box .input-wrap table th{width:96px;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;padding:10px 0;text-align: left;}
.reservation .section .res-box .form-box .detail-box .input-wrap table th em{color:#ca1313;}
.reservation .section .res-box .form-box .detail-box .input-wrap table td{padding:10px 0;}
.reservation .section .res-box .form-box .detail-box .input-wrap table td input[type="text"],
.reservation .section .res-box .form-box .detail-box .input-wrap table td input[type="tel"]{width:100%;height: 57px; padding:0 16px;border-radius: 4px;border: solid 1px #909090;background: #fff;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.reservation .section .res-box .form-box .detail-box .input-wrap .btns{margin-top:30px;display: flex;justify-content: center;}
.reservation .section .res-box .form-box .detail-box .input-wrap .btns button{display: flex;width:144px;height:51px;align-items: center;justify-content: center;background: #323b43;border-radius: 4px;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #fff;}




@media all and (max-width: 1420px) {
    .reservation .layout{padding:0 40px;}
}
@media all and (max-width: 1280px) {
    .reservation .section .res-box .form-box{flex-direction: column;}
    .reservation .section .res-box .form-box .cal-box{width:100%;}
    .reservation .section .res-box .form-box .detail-box{padding-top:0;width:100%;}
}
@media all and (max-width: 1024px) {
    .reservation .layout{padding:0 24px;}
    .reservation .info-box{padding:16px;}
    .reservation .info-box h3{font-size:18px;}
    .reservation .section .step{flex-direction: column;margin-top:24px;}
    .reservation .section .title-box{flex-direction: column;align-items: flex-start;gap:4px;}
    .reservation .section .title-box h2{font-size:20px;}
    .reservation .section .title-box span{font-size:14px;}
    .reservation .section .res-box{margin-top:24px;}
}
@media all and (max-width: 768px) {
    .reservation .section .res-box .place li{width:calc(50% - 16px);}
    .reservation .section .res-box .form-box{gap:56px;}
    .reservation .section .res-box .form-box .cal-box .top button{width:29px;}
    .reservation .section .res-box .form-box .cal-box .top h2{font-size:18px;}
    .reservation .section .res-box .form-box .cal-box table tbody td .inbox{padding:8px 6px;height: 82px;text-align: center;border-radius: 4px;}
    .reservation .section .res-box .form-box .cal-box table tbody td .inbox .num span{height: 22px;padding:0;width:100%;justify-content: center;font-size:10px;}
    .reservation .section .res-box .form-box .detail-box .input-wrap .total{padding:8px;word-break: keep-all;}
    .reservation .section .res-box .form-box .detail-box .input-wrap .btns button{width:122px;height: 43px;}
}
@media all and (max-width: 460px) {

}
/* e::예약신청 */


/* s::예약현황 */
.reservation-status-ready{}
.reservation-status-ready .title-box{margin-bottom:32px;display:none;gap:16px;align-items: center;}
.reservation-status-ready .title-box h2{font-size: 24px;font-weight: bold;letter-spacing: -0.72px;color: #323b43;}
.reservation-status-ready .title-box span{display:inline-block;font-size: 18px;font-weight: normal;line-height: 1.5;letter-spacing: -0.54px;color: #323b43;}
.reservation-status-ready .place{display: flex;flex-wrap: wrap;gap:16px;}
.reservation-status-ready .place li{width:160px;height:64px;border-radius: 16px;border: solid 1px #0090c7;display: flex;align-items: center;justify-content: center;cursor:pointer; }
.reservation-status-ready .place li .img{display: none;}
.reservation-status-ready .place li .img img{display: block;width:100%;}
.reservation-status-ready .place li p{text-align: center;font-size: 24px;font-weight: normal;letter-spacing: -0.48px;color: #0090c7;}
.reservation-status-ready .place li.on{border-color: #0090c7;background: #0090c7;}
.reservation-status-ready .place li.on p{color:#fff;font-weight: bold;}
.reservation-status-ready .form-box{margin-top:64px;}
.reservation-status-ready .form-box .cal-box{width:100%}
.reservation-status-ready .form-box .cal-box .top{display: flex;justify-content: center;gap:24px;}
.reservation-status-ready .form-box .cal-box .top button{display: inline-block;}
.reservation-status-ready .form-box .cal-box .top button img{display:block;}
.reservation-status-ready .form-box .cal-box .top h2{font-size: 24px;font-weight: bold;letter-spacing: -0.72px;color: #323b43;}
.reservation-status-ready .form-box .cal-box table{margin-top:32px;}
.reservation-status-ready .form-box .cal-box table thead th{padding-bottom: 24px;font-size: 14px;font-weight: bold;text-align: center;color: #6b7280;}
.reservation-status-ready .form-box .cal-box table thead th.sun{color:#ef4444;}
.reservation-status-ready .form-box .cal-box table thead th.sat{}
.reservation-status-ready .form-box .cal-box table tbody td{padding:4px;cursor: pointer;}
.reservation-status-ready .form-box .cal-box table tbody td .inbox{height:94px;border-radius: 12px;border: solid 1.5px #e5e7eb;background-color: #fff; font-size: 13px;font-weight: bold;color: #111827;padding:12px 16px 23px;}
.reservation-status-ready .form-box .cal-box table tbody td .inbox .num{margin-top:10px;display: flex;}
.reservation-status-ready .form-box .cal-box table tbody td .inbox .num span{display: flex;height: 33px;border-radius: 8px;background: #d9d9d9;padding:0 12px;align-items: center;font-size: 14px;font-weight: bold;letter-spacing: -0.42px;color: #717171;}
.reservation-status-ready .form-box .cal-box table tbody td .inbox .num.has-res span{background: #d1fae5;color: #065f46;}
.reservation-status-ready .form-box .cal-box table tbody td.sun .inbox{border-color: #fafafa;background: #fafafa;color: #e5e7eb}
.reservation-status-ready .form-box .cal-box table tbody td.sat .inbox{border-color: #fafafa;background: #fafafa;color: #e5e7eb}
.reservation-status-ready .form-box .cal-box table tbody td.on .inbox{border-color: #0090c7;background: #f2f8ff;}


.reservation-status-ready .form-box .detail-box{width:100%;padding-top: 56px;}
.reservation-status-ready .form-box .detail-box h3{font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #323b43;}
.reservation-status-ready .form-box .detail-box ul{margin-top:20px;display: flex;gap:16px 12px;flex-wrap: wrap;}
.reservation-status-ready .form-box .detail-box ul li{text-align: center; padding: 16px;border-radius: 12px;border: solid 1.5px #f8f8f8;background-color: #f8f8f8;width:calc(50% - 6px);font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #111827;}
.reservation-status-ready .form-box .detail-box ul li.disabled{border-color: #0090c7;background: #f2f8ff;color:#111827;}
.reservation-status-ready .form-box .detail-box ul li span{display:inline-block;margin-left: 16px;}


@media all and (max-width: 1420px) {
    .reservation-status-ready .layout{padding:0 40px;}
}
@media all and (max-width: 1280px) {
    .reservation-status-ready .form-box{flex-direction: column;}
    .reservation-status-ready .form-box .cal-box{width:100%;}
    .reservation-status-ready .form-box .detail-box{width:100%;}
}
@media all and (max-width: 1024px) {
    .reservation-status-ready .layout{padding:0 24px;}
    .reservation-status-ready .title-box{display:flex;margin-bottom: 24px;}
    .reservation-status-ready .place{gap:16px 8px;}
    .reservation-status-ready .place li{width:171px;height:55px;}

}
@media all and (max-width: 768px) {
    .reservation-status-ready .title-box{flex-direction: column;align-items: flex-start;gap:4px;}
    .reservation-status-ready .title-box h2{font-size:20px;}
    .reservation-status-ready .title-box span{font-size:14px;}
    .reservation-status-ready .place{gap:8px;}
    .reservation-status-ready .place li{width:calc(50% - 4px);height: 47px;}
    .reservation-status-ready .place li p{font-size:18px;}
    .reservation-status-ready .form-box{gap:56px;}
    .reservation-status-ready .form-box .cal-box .top button{width:29px;}
    .reservation-status-ready .form-box .cal-box .top h2{font-size:18px;}
    .reservation-status-ready .form-box .cal-box table tbody td .inbox{padding:8px 6px;height: 82px;text-align: center;border-radius: 4px;}
    .reservation-status-ready .form-box .cal-box table tbody td .inbox .num span{height: 22px;padding:0;width:100%;justify-content: center;font-size:10px;}
    .reservation-status-ready .form-box .detail-box ul li{padding:7px;line-height: 1.2;}
    .reservation-status-ready .form-box .detail-box ul li span{display:block;margin-left:0;}
}
@media all and (max-width: 460px) {

}
/* e::예약현황 */


/* s::통계 */
.statistics{}
.statistics .statistics-tabs{display: flex;gap:8px;}
.statistics .statistics-tabs a{display: flex;align-items:center;padding:0 25px;height: 55px;  border-radius: 16px;border: solid 1px #2166cc;background-color: #fff;font-size: 24px;font-weight: normal;letter-spacing: -0.48px;color: #2166cc;}
.statistics .statistics-tabs a.on{background: #2166cc;color:#fff;font-weight: bold;}
.statistics .statistics-box{margin-top:40px;padding: 24px;border-radius: 16px;border: solid 1px #717171;}
.statistics .statistics-box .statistics-head{display: flex;justify-content: space-between;}
.statistics .statistics-box .statistics-head h3{font-size: 24px;font-weight: 600;letter-spacing: -0.72px;color: #323b43;}
.statistics .statistics-box .statistics-head form{display: flex;gap:8px;align-items: center;}
.statistics .statistics-box .statistics-head form label{margin-right:24px;display:inline-block;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #323b43;}
.statistics .statistics-box .statistics-head form select{width:138px;height: 37px; padding:0 16px;border: solid 1px #909090;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #323b43;background-position: 91% 50%;}
.statistics .statistics-box .statistics-head form .statistics-date-range{border: solid 1px #909090;position: relative;padding-right: 37px;}
.statistics .statistics-box .statistics-head form .statistics-date-range i{position: absolute;top:0;right:0;width:37px;height: 35px;border-left:1px solid #909090;display: flex;align-items: center;justify-content: center;}
.statistics .statistics-box .statistics-head form .statistics-date-range i img{display: block;}
.statistics .statistics-box .statistics-head form .statistics-date-range input[type="text"]{height: 35px;padding:0 24px 0 17px;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;width:232px;}
.statistics .statistics-box .statistics-head form .statistics-search{width:37px;height:37px;background: #2166cc;color:#fff;}


.statistics .statistics-box .statistics-chart{margin:16px auto 0;padding:0 18px;}
.statistics .statistics-box .statistics-chart .inner-wrap{height: 100%;min-height: 467px;}
.statistics .statistics-box .statistics-chart-day{max-width: 1092px;padding:0;}


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

}
@media all and (max-width: 1024px) {
    .statistics .layout{padding:0 24px;}
    .statistics .statistics-tabs a{height: 47px;font-size:18px;}
    .statistics .statistics-box{margin-top:32px;padding:24px 16px;}
    .statistics .statistics-box .statistics-head{flex-direction: column;gap:32px;}
    .statistics .statistics-box .statistics-head form .statistics-date-range{width:calc(100% - 250px);}
    .statistics .statistics-box .statistics-chart{overflow-x: auto;}
    .statistics .statistics-box .statistics-chart .inner-wrap{width:1400px;}
    .statistics .statistics-box .statistics-chart-day .inner-wrap{width:100%;}
}
@media all and (max-width: 768px) {
    .statistics .statistics-tabs a{flex:1;text-align: center;justify-content: center;padding:0;}
    .statistics .statistics-box .statistics-head{}
    .statistics .statistics-box .statistics-head form{flex-wrap: wrap;}
    .statistics .statistics-box .statistics-head form label{width:100%;}
    .statistics .statistics-box .statistics-head form select{width:100%;    background-position: 98% 50%;}
    .statistics .statistics-box .statistics-head form .statistics-date-range{width: calc(100% - 45px);}
    .statistics .statistics-box .statistics-chart{margin-top:24px;padding:0;}
    .statistics .statistics-box .statistics-chart .inner-wrap{min-height: 389px;}
}
@media all and (max-width: 460px) {

}
/* e::통계 */


/* s::마이페이지-예약관리 */
.my-reservation{}
.my-reservation table{border-top: solid 3px #323b43;border-bottom: 1px solid #1A2B5D;}
.my-reservation table thead tr th{padding: 16px;background-color: rgba(47, 79, 126, 0.05);text-align: left;font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #1A2B5D;}

.my-reservation table thead tr th.col1{width:214px;}
.my-reservation table thead tr th.col2{width:164px;}
.my-reservation table thead tr th.col3{}
.my-reservation table thead tr th.col4{width:292px;}
.my-reservation table thead tr th.col5{width:156px;}

.my-reservation table tbody tr td{padding:8px 16px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;text-align: left;color: #323b43;}

.my-reservation table tbody tr td .status{display: inline-block;color: #323b43;}
.my-reservation table tbody tr td .status.s1{color: #323b43;}
.my-reservation table tbody tr td .status.s2{color: #ef5837;}
.my-reservation table tbody tr td .status.s3{color: #11b12e;}
.my-reservation table tbody tr td button{width:100%;height: 27px;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: bold;letter-spacing: -0.28px;  border-radius: 4px;}
.my-reservation table tbody tr td .btn-cancel{background: #1A2B5D;color:#fff;}
.my-reservation table tbody tr td .btn-reason{border: 1px solid #323b43;color:#323b43;}
.my-reservation table tbody tr td.empty{text-align: center;}


@media all and (max-width: 1420px) {
    .my-reservation .layout{padding:0 40px;}
}
@media all and (max-width: 1280px) {
    .my-reservation table thead tr th.col1{width:165px;}
    .my-reservation table thead tr th.col2{width:135px;}
    .my-reservation table thead tr th.col3{}
    .my-reservation table thead tr th.col4{width:100px;}
    .my-reservation table thead tr th.col5{width:120px;}
}
@media all and (max-width: 1024px) {
    .my-reservation .layout{padding:0 24px;}
    .my-reservation table{border-top:4px solid #323b43;}
    .my-reservation table thead{display: none;}
    .my-reservation table tbody{display: block;}
    .my-reservation table tbody tr{position:relative;display: flex;flex-wrap: wrap;padding:16px 164px 16px 24px;}
    .my-reservation table tbody tr td{position:relative;padding:0;font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #717171;}
    .my-reservation table tbody tr .col1{padding-left: 44px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #323b43;width:100%;margin-bottom: 16px;}
    .my-reservation table tbody tr .col1:before{content: "예약번호";display: inline-block;margin-right:8px; font-size: 16px;font-weight: 600;letter-spacing: -0.32px;color: #323b43;}

    .my-reservation table tbody tr .col2{margin-right:16px;}
    .my-reservation table tbody tr .col2:before{content: "시설명: ";display: inline-block;margin-right:4px;}
    .my-reservation table tbody tr .col3{}
    .my-reservation table tbody tr .col3:before{content: "신청기간: ";display: inline-block;margin-right:4px;}

    .my-reservation table tbody tr td .status{line-height: 1;}
    .my-reservation table tbody tr td .status.s1{padding: 4px 6px;background-color: #323b43;color: #fff;}
    .my-reservation table tbody tr .col4{position: absolute;top:16px;left:24px;}
    .my-reservation table tbody tr .col5{position: absolute;width:124px;right:24px;top:50%;transform: translateY(-50%);}
}
@media all and (max-width: 768px) {
    .my-reservation table tbody tr{padding:16px 16px 60px;}
    .my-reservation table tbody tr .col2{margin-right:0;margin-bottom:5px;width:100%;}
    .my-reservation table tbody tr .col3{margin-right:0;width:100%;}
    .my-reservation table tbody tr .col4{left:16px;}
    .my-reservation table tbody tr .col5{width:82px;top:initial;transform:none;right:16px;bottom:16px;}
}

/* e::마이페이지-예약관리 */

/* s::마이페이지-알람 */
.alarm{}
.alarm .layout{}
.alarm .top{display: flex;justify-content: space-between;align-items: center;}
.alarm .top .ct-tab{display: flex;gap:8px;}
.alarm .top .ct-tab a{display: flex;align-items: center;justify-content: center;width:92px;height: 55px;border-radius: 16px;border: solid 1px #0090C7;font-size: 24px;font-weight: normal;letter-spacing: -0.48px;color: #0090C7;transition: all 0.2s;}
.alarm .top .ct-tab a:hover{border-color: #0090C7;background: #DFECFC;text-decoration: underline;}
.alarm .top .ct-tab a.on{background:#0090C7;color:#fff;font-weight: bold;}
.alarm .top .ct-tab a.on:hover{text-decoration: none;}
.alarm .top .all-read{display: flex;align-items: center;justify-content: center;width:106px;height: 35px;border-radius: 4px;border: solid 1px #323b43;  font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #323b43;}
.alarm .list{margin-top:40px;}
.alarm .list ul{}
.alarm .list ul li{}
.alarm .list ul li + li{margin-top:16px;}
.alarm .list ul li a{display: block;padding: 16px 24px;border-radius: 16px;border: solid 1px #d9d9d9;background: #fff;}
.alarm .list ul li .list-top{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #d9d9d9;padding:14px 0;}
.alarm .list ul li .list-top h3{font-size: 20px;font-weight: bold;letter-spacing: -0.6px;color: #323b43;}
.alarm .list ul li .list-top h3:after{content: "";position:relative;margin-left:8px;display:none;width:7px;height:7px;border-radius: 100%;background: #e02c2c;vertical-align: top;}
.alarm .list ul li .list-top .util-btn{display: flex;gap:8px;}
.alarm .list ul li .list-top .util-btn button{display: flex;align-items:center;justify-content:center;width:58px;height: 27px;  font-size: 14px;font-weight: bold;letter-spacing: -0.28px;color: #323b43;border-radius: 4px;}
.alarm .list ul li .list-top .util-btn .btn-read{border: solid 1px #323b43;color: #323b43;}
.alarm .list ul li .list-top .util-btn .btn-del{border:1px solid #e02c2c;color: #e02c2c;}
.alarm .list ul li .txt{padding:14px 0; font-size: 18px;font-weight: normal;letter-spacing: -0.54px;color: #323b43;word-break: keep-all;}
.alarm .list ul li.on .list-top h3:after{display: inline-block;}
.alarm .list ul li.empty{text-align: center;padding:50px 0;}

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

}
@media all and (max-width: 1024px) {
    .alarm .layout{padding:0 24px;}
}
@media all and (max-width: 768px) {
    .alarm .top{flex-direction: column;gap:24px;align-items: flex-start;}
    .alarm .top .ct-tab{width:100%;}
    .alarm .top .ct-tab a{width:100%;flex:1;height: 47px;font-size:18px;}
    .alarm .list{margin-top:24px;}
    .alarm .list ul li a{padding:16px;}
}
@media all and (max-width: 460px) {

}
/* e::마이페이지-알람 */



/* s::관리자-예약관리 */
.adm-reservation{}
.adm-reservation table{border-top: solid 3px #323b43;border-bottom: 1px solid #1A2B5D;}
.adm-reservation table thead tr th{padding: 16px;background-color: rgba(47, 79, 126, 0.05);text-align: left;font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #1A2B5D;}

.adm-reservation table thead tr th.col-chk{width:45px;}
.adm-reservation table thead tr th.col1{width:152px;}
.adm-reservation table thead tr th.col2{width:148px;}
.adm-reservation table thead tr th.col3{width:204px;}
.adm-reservation table thead tr th.col4{width:164px;}
.adm-reservation table thead tr th.col5{}
.adm-reservation table thead tr th.col6{width:218px;}
.adm-reservation table thead tr th.col7{width:90px;}
.adm-reservation table thead tr th.col8{width:158px;}

.adm-reservation table tbody tr td{padding:8px 16px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;text-align: left;color: #323b43;}
.adm-reservation table tbody tr td.col-chk .chk-type1{width:16px;height: 16px;display: inline-block;}
.adm-reservation table tbody tr td .status{display: inline-block;color: #323b43;}
.adm-reservation table tbody tr td .status.s1{color: #323b43;}
.adm-reservation table tbody tr td .status.s2{color: #ef5837;}
.adm-reservation table tbody tr td .status.s3{color: #11b12e;}
.adm-reservation table tbody tr td .btn-group{display: flex;gap:8px;}
.adm-reservation table tbody tr td button{flex:1;height: 27px;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: bold;letter-spacing: -0.28px;  border-radius: 4px;}
.adm-reservation table tbody tr td .btn-confirm{background: #1A2B5D;color:#fff;}
.adm-reservation table tbody tr td .btn-companion{border: 1px solid #323b43;color:#323b43;}
.adm-reservation table tbody tr td .btn-reason{border: 1px solid #323b43;color:#323b43;}
.adm-reservation .board-admin-btns{display: flex;justify-content: flex-end;margin-top: 40px;gap: 8px;}
.adm-reservation .board-admin-btns button{display: flex;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #323b43;padding: 8px 24px;border-radius: 4px;border: solid 1px #323b43;background-color: #fff;}


@media all and (max-width: 1420px) {
    .adm-reservation .layout{padding:0 40px;}
    .adm-reservation table thead tr th.col1{width:140px;}
    .adm-reservation table thead tr th.col2{width:148px;}
    .adm-reservation table thead tr th.col3{width:150px;}
    .adm-reservation table thead tr th.col4{width:120px;}
    .adm-reservation table thead tr th.col5{}
    .adm-reservation table thead tr th.col6{width:150px;}
    .adm-reservation table thead tr th.col7{width:70px;}
    .adm-reservation table thead tr th.col8{width:130px;}
}
@media all and (max-width: 1280px) {
    .adm-reservation table thead{display: none;}
    .adm-reservation table tbody{display: block;}
    .adm-reservation table tbody tr{position:relative;display: flex;flex-wrap: wrap;padding:16px 164px 16px 24px;}
    .adm-reservation table tbody tr td{position:relative;padding:0;font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #717171;}

    .adm-reservation table tbody tr td.col-chk{position: absolute;left:0;}

    .adm-reservation table tbody tr .col1{padding-left: 44px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #323b43;width:100%;margin-bottom: 16px;}
    .adm-reservation table tbody tr .col1:before{content: "예약번호";display: inline-block;margin-right:8px; font-size: 16px;font-weight: 600;letter-spacing: -0.32px;color: #323b43;}

    .adm-reservation table tbody tr .col2{margin-right:16px;}
    .adm-reservation table tbody tr .col2:before{content: "신청자: ";display: inline-block;margin-right:4px;}

    .adm-reservation table tbody tr .col3{margin-right:16px;}
    .adm-reservation table tbody tr .col3:before{content: "소속: ";display: inline-block;margin-right:4px;}

    .adm-reservation table tbody tr .col4{margin-right:16px;}
    .adm-reservation table tbody tr .col4:before{content: "시설명: ";display: inline-block;margin-right:4px;}
    .adm-reservation table tbody tr .col5{margin-right:16px;}
    .adm-reservation table tbody tr .col5:before{content: "신청기간: ";display: inline-block;margin-right:4px;}

    .adm-reservation table tbody tr .col6{}
    .adm-reservation table tbody tr .col6:before{content: "목적: ";display: inline-block;margin-right:4px;}

    .adm-reservation table tbody tr td .status{line-height: 1;}
    .adm-reservation table tbody tr td .status.s1{padding: 4px 6px;background-color: #323b43;color: #fff;}
    .adm-reservation table tbody tr .col7{position: absolute;top:16px;left:24px;}
    .adm-reservation table tbody tr .col8{position: absolute;width:124px;right:24px;top:50%;transform: translateY(-50%);}
}
@media all and (max-width: 1024px) {
    .adm-reservation .layout{padding:0 24px;}
    .adm-reservation table{border-top:4px solid #323b43;}
    .adm-reservation table tbody tr{padding:16px 16px 60px;}
    .adm-reservation table tbody tr .col2{margin:0 0 6px;width:100%;}
    .adm-reservation table tbody tr .col3{margin:0 0 6px;width:100%;}
    .adm-reservation table tbody tr .col4{margin:0 0 6px;width:100%;}
    .adm-reservation table tbody tr .col5{margin:0 0 6px;width:100%;}
    .adm-reservation table tbody tr .col6{margin:0;width:100%;}
    .adm-reservation table tbody tr .col7{left:16px;}
    .adm-reservation table tbody tr .col8{top:initial;right:16px;bottom:16px;transform: none;}





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



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

}
/* e::관리자-예약관리 */


/* s::관리자-기업관리 */
.company-management{}
.company-management .top-search{display: flex;justify-content: center;}
.company-management .top-search .input-wrap{width:100%;max-width:562px;display: flex;gap:8px;}
.company-management .top-search .input-wrap input[type="text"]{width:calc(100% - 122px);height: 56px;padding: 0 16px;border: solid 1px #909090; font-size: 16px;font-weight: normal;letter-spacing: -0.32px;}
.company-management .top-search .input-wrap input[type="text"]::placeholder{color: #717171;}
.company-management .top-search .input-wrap button{display: flex;align-items: center;justify-content: center;width:114px;height:56px;background: #1A2B5D; font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #fff;}
.company-management .board-info{margin-top:40px;display: flex;justify-content: space-between;align-items: center;}
.company-management .board-info .total-box{display: flex;gap:32px;}
.company-management .board-info .total-box span{display:flex;gap:8px;font-size: 18px;font-weight: normal;letter-spacing: -0.54px;color: #323b43;}
.company-management .board-info .total-box span strong{display:inline-block;font-size: 18px;font-weight: bold;letter-spacing: -0.54px;color: #2166cc;}
.company-management .board-info .excell{}
.company-management .board-info .excell a{position:relative;background: #217346;color:#fff;font-size: 18px;font-weight: normal;letter-spacing: -0.54px;padding: 8px 24px 8px 50px;border-radius: 4px;}
.company-management .board-info .excell a:before{content: "";position: absolute;top:8px;left:20px;width:20px;height:20px;background: url(/theme/basic/img/icon/icon_excell.svg) no-repeat;background-size: cover;}

.company-management table{margin-top:40px;border-top: solid 3px #323b43;border-bottom: 1px solid #1A2B5D;}
.company-management table thead tr th{padding: 16px;background-color: rgba(47, 79, 126, 0.05);text-align: left;font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #1A2B5D;}

.company-management table thead tr th.col-chk{width:45px;}
.company-management table thead tr th.col1{width:250px;}
.company-management table thead tr th.col2{}
.company-management table thead tr th.col3{width:148px;}
.company-management table thead tr th.col4{width:204px;}
.company-management table thead tr th.col5{width:218px;}
.company-management table thead tr th.col6{width:167px;}
.company-management table thead tr th.col7{width:167px;}

.company-management table tbody tr td{padding:8px 16px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;text-align: left;color: #323b43;}
.company-management table tbody tr td.col-chk .chk-type1{width:16px;height: 16px;display: inline-block;}
.company-management table tbody tr td.empty{padding:16px 8px;text-align: center;}
.company-management table tbody tr td .logo-box{max-width: 68px;}
.company-management table tbody tr td .logo-box img{display: block;}
.company-management table tbody tr td .btn-group{display: flex;gap:8px;}
.company-management table tbody tr td .btn-group button,
.company-management table tbody tr td .btn-group a {flex:1;display: flex;align-items: center;justify-content: center; border-radius: 4px;font-size: 14px;font-weight: bold;letter-spacing: -0.28px;height: 27px;}
.company-management table tbody tr td .btn-group .btn-modify{background: #1A2B5D; font-size: 14px;font-weight: bold;letter-spacing: -0.28px;color: #fff;}
.company-management table tbody tr td .btn-group .btn-del{border: solid 1px #323b43;color: #323b43}



.company-management .board-admin-btns{display: flex;justify-content: flex-end;margin-top: 40px;gap: 8px;}
.company-management .board-admin-btns button{display: flex;font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #323b43;padding: 8px 24px;border-radius: 4px;border: solid 1px #323b43;background-color: #fff;}


@media all and (max-width: 1420px) {
    .company-management .layout{padding:0 40px;}
    .company-management table thead tr th.col-chk{width:45px;}
    .company-management table thead tr th.col1{width:180px;}
    .company-management table thead tr th.col2{}
    .company-management table thead tr th.col3{width:148px;}
    .company-management table thead tr th.col4{width:204px;}
    .company-management table thead tr th.col5{width:160px;}
    .company-management table thead tr th.col6{width:167px;}
    .company-management table thead tr th.col7{width:167px;}
}
@media all and (max-width: 1280px) {
    .company-management table{margin-top:32px;}
    .company-management table thead{display: none;}
    .company-management table tbody{display: block;}
    .company-management table tbody tr{display:flex;flex-wrap:wrap;position: relative;padding:16px 164px 16px 24px;}
    .company-management table tbody tr + tr{border-top:1px solid #d9d9d9;}
    .company-management table tbody tr td{padding:0;}
    .company-management table tbody tr td.col-chk{position: absolute;left:0;top:16px;}
    .company-management table tbody tr td .logo-box{max-width:149px;}
    .company-management table tbody tr .col1{width:100%;margin-bottom:16px;}
    .company-management table tbody tr td .logo-box img{height: 40px;}
    .company-management table tbody tr .col2{width:15%;font-weight: 600;margin-right:16px;margin-bottom:16px;}
    .company-management table tbody tr .col3{width:calc(85% - 16px);margin-bottom:16px;}
    .company-management table tbody tr .col4{font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #717171;margin-right: 16px;}
    .company-management table tbody tr .col4:before{content: "사업분야:";display: inline-block;margin-right:5px;}
    .company-management table tbody tr .col5{font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #717171;margin-right: 16px;}
    .company-management table tbody tr .col5:before{content: "대표번호:";display: inline-block;margin-right:5px;}
    .company-management table tbody tr .col6{font-size: 14px;font-weight: normal;letter-spacing: -0.28px;color: #717171;}
    .company-management table tbody tr .col6:before{content: "입주호실:";display: inline-block;margin-right:5px;}
    .company-management table tbody tr .col7{position: absolute;right:24px;bottom: 30px;width:124px;}
}
@media all and (max-width: 1024px) {
    .company-management .layout{padding:0 24px;}
    .company-management table tbody tr{padding:16px 16px 60px;}
    .company-management table tbody tr .col2{width:40%;}
    .company-management table tbody tr .col3{width:calc(60% - 16px);}
    .company-management table tbody tr .col6{margin-top:6px;width:100%;}
    .company-management table tbody tr .col7{right:16px;bottom:16px;}

}
@media all and (max-width: 768px) {
    .company-management .top-search .input-wrap{flex-wrap: wrap;max-width: 100%;}
    .company-management .top-search .input-wrap input[type="text"]{width:100%;}
    .company-management .top-search .input-wrap button{margin:24px auto 0;width:156px;height: 47px;}
    .company-management .board-info{flex-direction: column;gap:20px;align-items: flex-start;}
    .company-management .board-info .excell{width:100%;}
    .company-management .board-info .excell a{display:flex;width:100%;justify-content: center;gap:10px;align-items: center;}
    .company-management .board-info .excell a:before{position: relative;display: inline-block;top:0;left:0;}
}
@media all and (max-width: 460px) {

}
/* e::관리자-기업관리 */



/* s::정책 */
.policy{font-size: 18px;font-weight: normal;line-height: 1.5;letter-spacing: -0.54px;color: #323b43;}
.policy h3{font-size: 24px;font-weight: bold;letter-spacing: -1.2px;color: #323b43;}
.policy table{width:100%;border-top: solid 3px #323b43;border-bottom: 1px solid #1A2B5D;}
.policy table thead tr th{padding: 16px;background-color: rgba(47, 79, 126, 0.05); font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #1A2B5D;text-align: center;word-break: auto-phrase;}
.policy table tbody tr td{padding:12px 16px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #323b43;text-align: center;word-break: auto-phrase;}

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

}
@media all and (max-width: 1024px) {
    .policy{font-size:16px;}
    .policy .layout{padding:0 24px;}
    .policy h3{font-size:20px;}

}
@media all and (max-width: 768px) {
    .policy h3{font-size:18px;}
    .policy{font-size:14px;}
    .policy table thead tr th{padding:10px 5px;font-size: 16px;}
    .policy table tbody tr td{padding:10px 5px;font-size: 14px;}
}
@media all and (max-width: 460px) {

}
/* e::정책 */


/* s::팝업 */
.modal-popup{display:none;position: fixed;top:50%;left:50%;transform: translate(-50%, -50%); border-radius: 20px;background: #fff;z-index: 999999;width:100%;}
.modal-popup .modal-top{}
.modal-popup .modal-top h2{font-size: 18px;font-weight: bold;line-height: 1.5;letter-spacing: -0.54px;color: #323b43;}
.modal-popup .modal-cont{margin-top:16px;}
.modal-popup .modal-bottom{margin-top:24px;display: flex;gap:6px;justify-content: center;}
.modal-popup .modal-bottom button{width:94px;height:38px;display: flex;align-items: center;justify-content: center; font-size: 16px;font-weight: 500;line-height: 1.5;letter-spacing: -0.48px;color: #fff;border-radius: 8px;}
.modal-popup .modal-bottom button:last-child{background: #0090C7;}
.modal-popup .modal-bottom button:first-child{background: #909090;}

.modal-reason{padding:32px 24px 24px;max-width: 523px;}
.modal-reason .modal-cont{}
.modal-reason .modal-cont label{display: block;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.modal-reason .modal-cont .txt-box{margin-top:8px;padding: 16px 12px;border-radius: 4px;border: solid 1px #909090;background-color: #fff;height: 117px;overflow-y: auto;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.modal-reason .modal-cont textarea{margin-top:8px;padding: 16px 12px;border-radius: 4px;border: solid 1px #909090;background-color: #fff;width:100%;height: 117px;resize:none;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.modal-reason .modal-bottom button.blue{background: #0090C7 !important;}
.modal-reason .modal-bottom button.confirm-modal{background: #0090C7;}

.modal-reason2{padding:32px 24px 24px;max-width: 523px;}
.modal-reason2 .modal-cont{}
.modal-reason2 .modal-cont label{display: block;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.modal-reason2 .modal-cont .txt-box{margin-top:8px;padding: 16px 12px;border-radius: 4px;border: solid 1px #909090;background-color: #fff;height: 117px;overflow-y: auto;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.modal-reason2 .modal-cont textarea{margin-top:8px;padding: 16px 12px;border-radius: 4px;border: solid 1px #909090;background-color: #fff;width:100%;height: 117px;resize:none;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.modal-reason2 .modal-bottom button.blue{background: #0090C7 !important;}
.modal-reason2 .modal-bottom button.confirm-modal{background: #0090C7;}


.modal-cancel{padding:32px 24px 24px;max-width: 396px;}
.modal-cancel .modal-cont{}
.modal-cancel .modal-cont h2{text-align: center;padding:0 0 24px;font-size: 16px;font-weight: bold;line-height: 1.5;letter-spacing: -0.48px;color: #323b43;}
.modal-cancel .modal-cont dl{}
.modal-cancel .modal-cont dl dt{width:60px;font-size: 16px;font-weight:normal;line-height: 1.5;letter-spacing: -0.48px;color: #323b43;padding:5px 0;}
.modal-cancel .modal-cont dl dd{font-size: 16px;font-weight:normal;line-height: 1.5;letter-spacing: -0.48px;color: #323b43;padding:5px 0 5px 60px;text-align: right;}



.modal-confirm{padding:32px 24px 24px;max-width: 396px;}
.modal-confirm .modal-cont{}
.modal-confirm .modal-cont p{text-align: center;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.48px;color: #323b43;}

.modal-company{max-width: 688px;padding:32px 24px;}
.modal-company .modal-cont{}
.modal-company .modal-cont table{}
.modal-company .modal-cont table th{padding:8px 0 ;width:192px;text-align: left;font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}
.modal-company .modal-cont table th em{color:#ca1313;}
.modal-company .modal-cont table td{padding:8px 0;}
.modal-company .modal-cont table td input[type="text"],
.modal-company .modal-cont table td input[type="url"] {width:100%;height: 49px;  border-radius: 4px;border: solid 1px #909090;padding:0 17px; font-size: 16px;font-weight: normal;letter-spacing: -0.48px;color: #323b43;}



@media all and (max-width: 768px) {
    .modal-popup .modal-top h2{font-size:16px;}

    .modal-reason{padding:32px 24px 24px;max-width: calc(100% - 48px);}
    .modal-reason .modal-cont label{font-size:14px;}
    .modal-reason .modal-cont .txt-box{font-size:14px;}
    .modal-reason .modal-cont textarea{font-size:14px;}

    .modal-reason2{padding:32px 24px 24px;max-width: calc(100% - 48px);}
    .modal-reason2 .modal-cont label{font-size:14px;}
    .modal-reason2 .modal-cont .txt-box{font-size:14px;}
    .modal-reason2 .modal-cont textarea{font-size:14px;}
    .modal-cancel{max-width: calc(100% - 48px);}
    .modal-cancel .modal-cont dl dt{font-size: 14px;}
    .modal-cancel .modal-cont dl dd{font-size: 14px;}
}
/* e::팝업 */