@charset "UTF-8";

/* ----- 스타일 가이드 ----- */
.cont_inner {/*min-height:400px;*/}
.cont_inner p,.cont_inner li {word-break: keep-all;}

/* info box */
.cont-info-box {width: 100%; background-color: #f8f9fb; border-radius: 30px 140px 30px 30px; padding: 40px 60px; display: flex; gap: 50px; margin-bottom: 50px; display: flex; align-items: flex-start; line-height: 33px;}
.cont-info-box .info-img-box {width: 120px; height: 120px; background-color: #fff; border-radius: 30px 10px 30px 10px; box-shadow: 0px 2px 10px 2px rgba(213, 220, 236, 0.3); flex-shrink:0; display: flex; align-items:center; justify-content: center; padding: 20px;}
.cont-info-box .info-img-box img {object-fit: cover;}
.cont-info-box .info-txt-box {word-break: keep-all;}
.cont-info-box .info-txt-box .info-tit {font-size: 25px; font-weight: bold; color: #161616; margin-bottom: 20px;}
.cont-info-box .info-txt-box .cont-notice {margin: 0;}
.cont-info-box .info-txt-box .info-txt {font-size: 19px; font-weight: 500;}
.cont-info-box .cont-btn {margin-top: 20px;}

/* title, text */
.primary-tit01 {font-size: 30px; font-weight: bold; color: #161616; margin: 40px 0 20px;}
.primary-tit02 {font-size: 30px; font-weight: 600; color: #161616; margin-bottom: 30px;}
.sub-tit {font-size: 25px; font-weight: 600; color: #161616; margin-bottom: 15px;}
.sub-tit-box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.sub-tit-box .sub-tit {margin-bottom: 0;}
.p-txt {font-size: 18px; margin-left: 5px; line-height: 33px;}

/* list */
.list-dot {margin-bottom: 30px; line-height: 33px;}
.list-dot > li {font-size: 18px; font-weight: 500; margin-left: 5px; padding-left: 15px; position: relative;}
.list-dot > li::before {content: ''; width: 5px; height: 5px; border-radius: 2.5px; background-color: #9098a8; position: absolute; top: 14px; left: 0;}

.list-dot-blue {margin-bottom: 30px; line-height: 33px;}
.list-dot-blue > li {font-size: 18px; font-weight: 500; margin-left: 5px; padding-left: 15px; position: relative;}
.list-dot-blue > li::before {content: ''; width: 5px; height: 5px; border-radius: 2.5px; background-color: var(--main-color); position: absolute; top: 14px; left: 0;}

.list-depth > li {font-size: 18px; padding-left: 15px; position: relative}
.list-depth > li::before {content: ''; width: 6px; height: 2px; background-color: #505050; position: absolute; top: 15px; left: 0;}

.list-bar {margin-bottom: 30px; line-height: 33px;}
.list-bar > li {font-size: 18px; font-weight: 500; margin-left: 5px; padding-left: 15px; position: relative}
.list-bar > li::before {content: ''; width: 6px; height: 2px; background-color: #505050; position: absolute; top: 15px; left: 0;}

.list-num {margin-bottom: 30px; counter-reset: item; line-height: 33px;}
.list-num > li {font-size: 18px; font-weight: 500; padding-left: 30px; position: relative;}
.list-num > li::before {counter-increment: item; content: counter(item) ''; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; width: 23px; height: 23px; border-radius: 6px 3px; background-color: var(--main-color); position: absolute; top: 6px; left: 0;}
.list-num-gray > li::before {background-color: #9098a8;}

/* button */
.cont-btn {padding: 0 15px; height: 40px; font-size: 17px; display: flex; align-items: center; justify-content: center; border-radius: 5px; transition: all 0.3s ease-in-out; width: fit-content;}
.cont-btn i {margin-left: 12px; font-size: 14px; display: flex; align-items: center; justify-content: center; color: inherit;}
.btn {padding: 6px 12px; font-size: 17px; border-radius: 5px;}

/* category */
.cont-cate {font-size: 17px; width: fit-content; line-height: 1; padding: 8px 12px; border-radius: 50px; color: #fff;}
.cont-cate.blue {background-color: #327dec;}
.cont-cate.green {background-color: #00aea9;}
.cont-cate.gray {background-color: #888;}
.cont-cate.red {background-color: #dd496c;}

/* notice */
.cont-notice {font-size: 17px; line-height: 33px; font-weight: 500; padding-left: 27px; position: relative; margin-left: 5px; margin-bottom: 10px;}
.cont-notice::before {content: '\F332'; font-family: 'bootstrap-icons'; font-size: 20px; position: absolute; top: 0px; left: 0; font-weight: 100;}
.ico-mega::before {content: '\F484'; font-size: 18px; left: 2px; color: #6083d9;}
.ico-emp::before {content: '\F431'; font-size: 18px; left: 2px; color: #6083d9;}

/* data box */
.data-box {width: 100%; background-color: #f8f9fb; border-radius: 30px; padding: 40px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-bottom: 80px;}
.data-box .data-txt-box {position: relative; width: 100%; border-bottom: 2px dotted #b2b2b2; margin-bottom: 35px;}
.data-box .data-txt-box .data-tit {font-size: 25px; font-weight: bold; color: var(--main-color); margin-bottom: 15px;}
.data-box .data-down-box ul {display: flex; gap: 18px; flex-wrap: wrap;}

.data-type {padding: 30px; margin-bottom: 40px;}

/* down link box */
.down-link-box {display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 10px; line-height: 33px;}
.down-link-box li {display: flex; align-items: center; justify-content: space-between; width: calc(50% - 10px); padding: 18px 16px; border: 1px solid#d5d7dd; border-radius: 10px;}
.down-link-box li .txt-box {display: flex;}
.down-link-box li .txt-box .logo-wrap {display: flex;}
.down-link-box li .txt-box .logo-wrap p {font-size: 19px; font-weight: 600;}
.down-link-box li .txt-box i {width: 34px; height: 34px; border-radius: 17.5px; background-color: #575e6d; display: flex; align-items: center; justify-content: center; color: #fff; margin-right: 12px;}
.down-link-box li .txt-box p {font-size: 17px; margin-right: 15px;}
.down-link-box02 li {width: 100%;}

/* table 01 */
.table-wrap {position: relative; margin-bottom: 20px;}
.table-wrap .table-scroll {width: 70px; height: 70px; background: url('../images/sub/table-scroll.png')no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; display: none; transition: all 0.3s ease-in-out;}
.table-list-circle {text-align: left !important; margin-left: 10px;}
.table-list-circle > li {padding-left: 20px; position: relative; line-height: 28px;}
.table-list-circle > li:before {content: ''; width: 12px; height: 12px; border: 3.5px solid#575e6d; border-radius: 6px; position: absolute; top: 8px; left: 0;}
.table-list-depth > li {font-size: 17px; padding-left: 15px; position: relative; line-height: 28px;}
.table-list-depth > li::before {content: ''; width: 6px; height: 2px; background-color: #505050; position: absolute; top: 13px; left: 0;}
.table-list-bar {text-align: left !important; margin-left: 10px;}
.table-list-bar > li {font-size: 17px; padding-left: 15px; position: relative; line-height: 28px;}
.table-list-bar > li::before {content: ''; width: 6px; height: 2px; background-color: #505050; position: absolute; top: 13px; left: 0;}

/* table 02 */
.table.sub-cont-table {margin-bottom: 50px;}
.table.sub-cont-table>thead>tr {background-color: #eff5fd !important;}
.table.sub-cont-table>thead>tr>th {border-bottom: none;}
.table.sub-cont-table>thead>tr>th:first-child {border-radius: 10px 0 0 10px;}
.table.sub-cont-table>thead>tr>th:last-child {border-radius: 0 10px 10px 0;}
.table.sub-cont-table::before {display: none;}
.table.sub-cont-table>thead>tr>th, .table.sub-cont-table>tbody>tr>th {background-color: transparent;}
/* .table.sub-cont-table>thead>tr>th, .table.sub-cont-table>tbody>tr>th, .table.sub-cont-table>thead>tr>td, .table.sub-cont-table>tbody>tr>td {border-color: #d9d9d9;} */
.table.sub-cont-table .cont-btn {border-radius: 100px; margin: 0 auto;}
.table.sub-cont-table .cont-btn:first-of-type {margin-bottom: 7px;}

@media (max-width: 1200px) {
    .table.sub-cont-table::before {display: block;}
    .table.sub-cont-table .cont-btn {margin: unset;}
}

/* tab menu */
.tab-menu {display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 30px;}
.tab-menu li a {display: flex; align-items: center; justify-content: center; width: 295px; height: 55px; font-size: 18px; border: 1px solid#d0d2d7; border-radius: 7px; transition: all 0.2s ease-in-out;}
.tab-menu li a:focus {background-color: var(--main-color); border: none; color: #fff;}

/* contact box */
.contact-box {display: flex; border: 1px solid #dedede; border-radius: 10px; align-items: center; padding: 0 30px; height: 60px; margin-top: 70px;}
.contact-box .contact-wrap {display: flex; align-items: center; justify-content: center; gap: 10px;}
.contact-box .contact-wrap > p,.contact-box .contact-wrap > i {font-size: 18px; font-weight: bold;}
.contact-box .contact-left {display: flex; align-items: center; margin-left: 40px;}
.contact-box .contact-right {display: flex; margin-left: auto;}
.contact-box .txt-wrap {display: flex;}
.contact-box .txt-wrap .contact-tit {font-weight: 600; padding-right: 15px; position: relative;}
.contact-box .txt-wrap .contact-tit::before {content: ''; width: 1px; height: 12px; background-color: #939393; position: absolute; top:50%; transform: translateY(-50%); right: 0;}
.contact-box .txt-wrap p {font-size: 18px; padding: 0 15px;}

@media (max-width: 1400px) {
    .cont-table {min-width: 1400px;}
}
@media (max-width:1440px) {
    .primary-tit01 {font-size: 26px;}
    .primary-tit02 {font-size: 26px; margin: 0 0 20px 5px;}
    .sub-tit {font-size: 23px;}
}
@media (max-width:1400px) {
    .table-wrap {overflow-x: auto;}
    .table-wrap .table-scroll {display: block;}
}
@media (max-width: 1200px) {
    .cont-info-box {padding: 40px 50px;}

    .down-link-box {flex-direction: column; gap: 10px;}
    .down-link-box li {width: 100%;}
}
@media (max-width: 1024px) {
    .cont-info-box {padding: 30px; flex-direction: column; gap: 20px; margin-bottom: 30px;}
    .cont-info-box .info-img-box {margin-top: 0;}
    .cont-info-box .info-txt-box .info-tit {margin-bottom: 10px;}

    .data-box {padding: 30px;}
    .data-box .data-txt-box {margin-bottom: 30px;}

    .down-link-box li {align-items: flex-end; position: relative;}
    .down-link-box li .txt-box {flex-direction: column; width: 70%;}
    .down-link-box li .btn-box {position: absolute; bottom: 18px; right: 16px;}
    .down-link-box li .txt-box .logo-wrap {margin-bottom: 10px;}
    .down-link-box .notice {margin-left: 0;}

    .contact-box {flex-direction: column; height: fit-content; padding: 0 0 10px 0; overflow: hidden; margin-top: 50px;}
    .contact-box .contact-wrap {background-color: #f8f9fb; border-bottom: 1px solid #dedede; width: 100%; padding: 10px;}
    .contact-box .contact-left {padding-top: 10px; margin: 0 auto; flex-wrap: wrap; gap: 7px 0; align-items: center; justify-content: center;}
    .contact-box .contact-right {margin: 0 auto; margin-top: 5px;}
}
@media (max-width: 768px) {
    .cont-info-box {padding: 20px;}
    .cont-info-box .info-img-box {width: 100px; height: 100px;}
    .cont-info-box .info-txt-box .info-tit {font-size: 21px;}
    .cont-info-box .info-txt-box .info-txt {font-size: 18px;}
    .cont-info-box .cont-btn {margin-top: 10px;}

    .primary-tit01 {font-size: 24px;}
    .primary-tit02 {font-size: 24px;}
    .sub-tit {font-size: 21px; margin-bottom: 15px;}
    .p-txt {font-size: 17px;}

    .list-dot > li {font-size: 17px;}
    .list-depth > li {font-size: 17px;}
    .list-dot-blue > li {font-size: 17px;}
    .list-bar > li {font-size: 17px;}
    .list-num > li {font-size: 17px;}

    .data-box {padding: 30px 20px; border-radius: 20px;}
    .data-box .data-txt-box .data-tit {font-size: 21px;}
    .data-box .data-txt-box {margin-bottom: 20px;}
    .data-box .list-dot {margin-bottom: 20px;}

    .data-type {padding: 20px; margin-bottom: 30px;}

    .contact-box .txt-wrap p {font-size: 17px;}
}
@media (max-width: 680px) {
    .sub-tit-box {flex-direction: column; align-items: flex-start; gap: 10px;}

    .btn-wrap01 {flex-direction: column;}
}
@media (max-width: 500px) {
    .cont-info-box {padding: 15px;}
    
    .data-box {padding: 15px;}
}

/* scroll tab */
.content-tabs {width: 100%; display: flex; margin-bottom: 30px; position: relative;}
/* .content-tabs::before {display: none; content: ''; background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%); width: 100px; height: 60px; position: absolute; top: 0; right: 0; z-index: 1; pointer-events: none;} */
.content-tabs li {width: 33.3333%;}
.content-tabs li a {width: 100%; height: 100%; padding: 20px 20px; display: flex; align-items: center; justify-content: center; border-bottom: 4px solid #ebebeb; position: relative;}
.content-tabs li a .tit {font-size: 22px; font-weight: 600; position: relative;}
/* .company-tabs li a .company-count {padding: 7px 12px; border-radius: 20px; position: absolute; right: 20%; background-color: #6083d9; color: #fff; font-size: 17px; font-weight: 400 !important; display: flex; align-items: center; justify-content: center; box-shadow: 0px 4px 3px #30303021;} */
/* .company-tabs li a .company-count i {display: flex; align-items: center; justify-content: center; margin-left: 3px;} */
.content-tabs li.active a {border-color: var(--main-color); background-color: #f8f9fb; font-weight: bold;}
.content-tabs li.active a .tit::before {content:''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--main-color); position: absolute; top: 0; right: -12px;}

.content-tabs .tab-content {display: none;}
.content-tabs .tab-content.active {display: block;}

.pre-com-tabs li {width: 50%;}

@media (max-width: 1024px) {
    .content-tabs {overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
    .content-tabs::-webkit-scrollbar {display: none;}

    .content-tabs li {width: fit-content;}
    .content-tabs li a {width: 100%; display: block; white-space: nowrap; padding: 20px 30px 20px 20px; text-align: center;}
}
@media (max-width: 768px) {
    .content-tabs li a {padding: 15px 30px 15px 20px; font-size: 18px;}
    .content-tabs li a .tit {font-size: 18px;}
}


/* ----- 명품강소기업 ----- */
/* 선정개요 */
.company-cont {margin: 40px 0 60px;}
.company-cont .icon-box {display: flex; flex-wrap: wrap; gap: 30px;}
.company-cont .icon-box li {width: calc(20% - 24px); border: 2px solid #6083d9; border-radius: 15px; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; box-shadow: 0 8px 18px rgba(58, 58, 58, 0.15); word-break: keep-all;}
/* .company-cont-box .icon-box li:nth-child(even) {border-color: #8da6e4;} */
.company-cont .icon-box li .icon-box {position: relative; padding-bottom: 15px; margin-bottom: 15px;}
.company-cont .icon-box li .icon-box::before {content: ''; width: 80%; height: 1px; background-color: #d9d9d9; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
/* .company-cont-box .icon-box li .icon-box i {font-size: 40px; color: var(--main-color); position: relative;} */
.company-cont .icon-box li .icon-box i {width: 50px; height: 50px;}
.company-cont .icon-box li .icon-box i.icon01 {background: url('../images/sub/ico-company01.png')no-repeat center center/contain;}
.company-cont .icon-box li .icon-box i.icon02 {background: url('../images/sub/ico-company02.png')no-repeat center center/contain;}
.company-cont .icon-box li .icon-box i.icon03 {background: url('../images/sub/ico-company03.png')no-repeat center center/contain;}
.company-cont .icon-box li .icon-box i.icon04 {background: url('../images/sub/ico-company04.png')no-repeat center center/contain;}
.company-cont .icon-box li .icon-box i.icon05 {background: url('../images/sub/ico-company05.png')no-repeat center center/contain;}
/* .company-cont .icon-box li:nth-child(even) .icon-box i {color: #8da6e4;} */

.company-cont .icon-box li dl dt {font-weight: 600; font-size: 21px; margin-bottom: 10px;}
.company-cont .icon-box li dl dd {font-size: 18px; line-height: 1.4;}

@media (max-width: 1280px) {
    .company-cont {margin: 20px 0 40px;}
    .company-cont .icon-box {gap: 20px;}
    .company-cont .icon-box li {width: calc(20% - 16px); box-shadow: 0 5px 10px rgba(58, 58, 58, 0.15);}
    .company-cont .icon-box li {padding: 25px;}
    .company-cont .icon-box li dl dt {font-size: 19px;}
    .company-cont .icon-box li dl dd {font-size: 17px;}
    .company-cont .icon-box li .icon-box i {width: 40px; height: 40px;}
}
@media (max-width: 1024px) {
    .company-cont .icon-box li {width: calc(33% - 13.333px);}
}
@media (max-width: 768px) {
    .company-cont .icon-box {gap: 15px;}
    .company-cont .icon-box li {width: calc(50% - 15px); padding: 15px;}
}
@media (max-width: 600px) {
    .company-cont .icon-box li {width: 100%; box-shadow: 0 3px 5px rgba(58, 58, 58, 0.1);}
    .company-cont .icon-box li .icon-box {margin-bottom: 10px; padding-bottom: 10px;}
}

/* 추진절차 */
.step-wrap {display: flex; align-items: center; justify-content: space-between; border-radius: 200px; border: 1px dashed #d9d9d9; padding: 20px 25px; margin: 40px 0 80px;}

.step-wrap .step-box {height: 230px; position: relative;}
.step-wrap .step-box .step-text {background-color: #fbfbfb; border: 1px solid #e7e7e7; width: 210px; height: 210px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.step-wrap .step-box .step-circle {width: 230px; height: 230px; border-radius: 50%; background: conic-gradient(var(--main-color) 0deg, var(--main-color) 90deg, transparent 90deg); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; position: relative;}

.step-wrap .step-box:nth-of-type(2) .step-circle {background: conic-gradient(var(--main-color) 0deg, var(--main-color) 180deg, transparent 180deg);}
.step-wrap .step-box:nth-of-type(3) .step-circle {background: conic-gradient(var(--main-color) 0deg, var(--main-color) 270deg, transparent 270deg);}
.step-wrap .step-box:nth-of-type(4) .step-circle {background: conic-gradient(var(--main-color) 0deg, var(--main-color) 360deg, transparent 360deg);}

.step-wrap .step-box .step-circle::before {content: ''; width: 225px; height: 225px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* .step-wrap .step-box .step-circle::before {content: ''; width: 10px; height: 100%; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */
/* .step-wrap .step-box .step-circle::after {content: ''; width: 100%; height: 10px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */

.step-wrap .step-box p {font-size: 18px; line-height: 1.4;}
.step-wrap .step-box .step-tit {font-size: 22px; font-weight: 600; color: var(--main-color);}
.step-wrap .step-box .step-sub-tit {font-size: 21px; font-weight: 600; margin: 5px 0;}
.step-chevron {cursor: default !important; font-size: 35px; color: #d9d9d9}

@media (max-width: 1280px) {
    .step-wrap {margin: 20px 0 60px; padding: 2px 20px;}

    .step-wrap .step-box .step-text {width: 180px; height: 180px;}
    .step-wrap .step-box .step-circle {width: 200px; height: 200px;}
    .step-wrap .step-box .step-circle::before {width: 195px; height: 195px;}

    .step-wrap .step-box .step-tit {font-size: 20px;}
    .step-wrap .step-box .step-sub-tit {font-size: 19px;}
    .step-wrap .step-box p {font-size: 17px;}
}
@media (max-width: 1024px) {
    .step-wrap {border-radius: 0; border: none; flex-wrap: wrap; gap: 15px; padding: 0 5px;}
    .step-wrap .step-box {width: calc(50% - 7.5px); height: 170px; position: relative;}
    .step-wrap .step-box:last-of-type .step-text {background-color: #6083d9; border-color: #6083d9; color: #c7d7ff;}
    .step-wrap .step-box:last-of-type .step-text .step-tit {color: #c7d7ff;}
    .step-wrap .step-box:last-of-type .step-text .step-sub-tit {color: #fff;}

    .step-wrap .step-box .step-circle {display: none;}
    .step-wrap .step-box .step-text {border-radius: 20px; width: 100%; height: 170px;}

    .step-chevron {display: none;}
}
@media (max-width: 600px) {
    .step-wrap {border-radius: 0; border: none; flex-wrap: wrap; gap: 25px;}
    .step-wrap .step-box {width: 100%; height: 160px; position: relative;}
    .step-wrap .step-box::before {content: '\F282'; font-family: 'bootstrap-icons'; font-size: 24px; color: #d9d9d9; position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%);}
    .step-wrap .step-box:last-of-type::before {display: none;}

    .step-wrap .step-box .step-circle {display: none;}
    .step-wrap .step-box .step-text {border-radius: 20px; width: 100%; height: 160px;}

    .step-chevron {display: none;}
}

/* 탭 */
@media (max-width: 1024px) {
    .company-tabs {overflow: hidden;}

    .company-tabs li {width: 100%;}
    .company-tabs li a {display: flex;}
}

/* 기업 현황 */
.company-wrap .cont-notice {margin-left: 0; margin-bottom: 30px; display: flex; gap: 0 5px; flex-wrap: wrap;}
.company-wrap .company-count {padding: 6px 10px; background-color: #6083d9; border-radius: 20px; color: #fff; line-height: 1.2;}
.company-wrap .company-count i {margin-left: 3px;}

.company-wrap .company-list {display: flex; flex-wrap: wrap; gap: 20px;}
.company-wrap .company-list > li {width: calc(25% - 15px); border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 5px solid #d9d9d9; border-radius: 8px; overflow: hidden; transition: 0.3s ease-in-out;}
.company-wrap .company-list > li:hover {border-bottom-color: var(--main-color);}
.company-wrap .company-list > li a {display: block;}

.company-wrap .company-list .list-top {height: 145px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 15px; background-color: #fff; word-break: keep-all;}
.company-wrap .company-list .list-top > span {display: block; width: fit-content; font-size: 18px; font-weight: 500; position: relative; margin-bottom: 10px;}
.company-wrap .company-list .list-top > span::before {content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: var(--main-color); position: absolute; top: 0; right: -8px;}
.company-wrap .company-list .list-top dl dt {font-size: 20px; font-weight: 600; margin-bottom: 10px; color: var(--main-color);}
.company-wrap .company-list .list-top dl dd {font-size: 18px; color: #666; line-height: 1.4;}

.company-wrap .company-list .list-bottom {height: 95px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 15px; background-color: #f8f9fb; border-radius: 0 0 8px 8px; word-break: keep-all;}
.company-wrap .company-list .list-bottom > span {font-size: 17px; padding-left: 20px; position: relative; color: #666;}
.company-wrap .company-list .list-bottom > span::before {content: ''; font-family: 'bootstrap-icons'; font-size: 17px; color: #666; position: absolute; top: 0; left: 0;}
.company-wrap .company-list .list-bottom .name {margin-bottom: 5px;}
.company-wrap .company-list .list-bottom .name::before {content: '\F4DA';}
.company-wrap .company-list .list-bottom .address::before {content: '\F3E7';}

@media (max-width: 1400px) {
    .company-wrap .company-list {gap: 15px;}
    .company-wrap .company-list > li {width: calc(33.333% - 10px);}
}
@media (max-width: 1024px) {
    .company-wrap .company-list > li {width: calc(50% - 7.5px);}
}
@media (max-width: 680px) {
    .company-wrap .company-list > li {width:100%;}

    .company-wrap .company-list .list-top {height: fit-content;}
    .company-wrap .company-list .list-top > span {margin-bottom: 7px;}
    .company-wrap .company-list .list-top dl dt {margin-bottom: 7px; font-size: 19px;}
    .company-wrap .company-list .list-top dl dd {font-size: 17px;}

    .company-wrap .company-list .list-bottom {height: fit-content;}
}

/* 명품강소기업 상세 */
.company-detail-cont {width: 100%; height: 100px; border: 1px solid #ebebeb; border-radius: 15px; display: flex; flex-wrap: wrap; height: 100%; overflow: hidden;}

.company-detail-cont .com-left-wrap {width: 40%; background-color: #4c8cf0; padding: 40px 30px 30px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; color: #fff;}
.com-left-wrap .com-cont-img {width: 150px; height: 150px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 30px;}
.com-left-wrap .com-cont-img img {width: 100%; height: 100%; max-width: 120px; object-fit: contain;}

.com-left-wrap .com-name {font-size: 30px; font-weight: 600; margin-bottom: 30px;}
.com-left-wrap .com-link {font-size: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.com-left-wrap .com-link:hover .link-add {text-decoration: underline !important;}
.com-left-wrap .com-link i {display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background-color: #3875d2; margin-left: 10px; font-size: 15px;}

.com-left-wrap .com-etc {display: flex; gap: 15px; flex-wrap: wrap; width: 100%;}
.com-left-wrap .com-etc li {width: calc(33.333% - 10px); background-color: #3b6cb9; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center; padding: 10px 10px 15px 15px; border-radius: 10px;}
.com-left-wrap .com-etc li i {margin-left: auto; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background-color: #30599b;}
.com-left-wrap .com-etc li .etc-tit {font-size: 17px;}
.com-left-wrap .com-etc li .etc-txt, .com-left-wrap .com-etc li .etc-num {font-size: 18px; font-weight: 600;}

.company-detail-cont .com-right-wrap {width: 60%; flex: 1; padding: 30px;}
.com-right-wrap .com-info {font-size: 24px; font-weight: bold; margin-bottom: 20px;}

.company-detail-cont .com-cont-top {border-bottom: 1px dashed #d5d7dd; padding-bottom: 30px; margin-bottom: 30px;}
.com-right-wrap .com-info-list {display: flex; flex-wrap: wrap; gap: 20px 10px;}
.com-right-wrap .com-info-list li {width: calc(50% - 10px); position: relative; padding-left: 15px; font-size: 18px; display: flex;}
.com-right-wrap .com-info-list .tit {font-weight: 600; display: inline-block; width: 80px;}
.com-right-wrap .com-info-list .info-txt {flex: 1; word-break: keep-all;}
.com-right-wrap .com-info-list li .com-add:hover {text-decoration: underline !important;}
.com-right-wrap .com-info-list li::before {content: ''; width: 5px; height: 5px; background-color: #7d7d7d; border-radius: 50%; position: absolute; top: 8px; left: 0;}

.company-detail-cont .com-cont-bottom .com-desc {font-size: 17px; line-height: 1.5; word-break: keep-all; max-height: 150px; overflow-y: auto; word-break: keep-all;}
.company-detail-cont .com-cont-bottom .com-more {margin-top: 50px; display: flex; align-items: center; justify-content: center; width: fit-content; margin-left: auto; font-size: 17px; color: #999;}
.company-detail-cont .com-cont-bottom .com-more:hover a {text-decoration: underline !important;}
.company-detail-cont .com-cont-bottom .com-more i {display: flex; align-items: center; justify-content: center; margin-right: 5px;}

@media (max-width: 1280px) {
    .company-detail-cont {flex-direction: column;}
    .company-detail-cont .com-left-wrap {width: 100%;}
    .company-detail-cont .com-right-wrap {width: 100%;}
}
@media (max-width: 1024px) {
    .company-detail-cont .com-left-wrap {padding: 30px 20px 20px;}
    .company-detail-cont .com-right-wrap {padding: 20px;}
}
@media (max-width: 768px) {
    .company-detail-cont .com-left-wrap .com-cont-img {width: 120px; height: 120px; margin-bottom: 20px;}
    .company-detail-cont .com-left-wrap .com-name {margin-bottom: 20px; font-size: 24px;}
    .company-detail-cont .com-left-wrap .com-link {margin-bottom: 20px;}
    .company-detail-cont .com-right-wrap .com-info {font-size: 22px;}
    .company-detail-cont .com-right-wrap .com-info-list {gap: 15px 0;}
    .company-detail-cont .com-right-wrap .com-info-list li {width: 100%;}
    .company-detail-cont .company-modal-cont .com-cont-top {padding-bottom: 20px; margin-bottom: 20px;}
}
@media (max-width: 600px) {
    .company-detail-cont .com-left-wrap .com-etc li {width: 100%;}
    .company-detail-cont .com-left-wrap .com-etc li {padding: 15px;}
    .company-detail-cont .com-left-wrap .com-etc li i {display: none;}
    .company-detail-cont .com-left-wrap .com-etc li .etc-txt {width: 100%; text-align: right;}
}
@media (max-width: 500px) {
    .company-detail-cont .company-modal-cont .com-left-wrap {padding: 20px 15px 15px;}
    .company-detail-cont .com-left-wrap .com-cont-img {width: 100px; height: 100px; margin-bottom: 15px;}
    .company-detail-cont .com-left-wrap .com-name {font-size: 21px; margin-bottom: 15px;}
    .company-detail-cont .com-left-wrap .com-link {font-size: 19px; margin-bottom: 15px;}
    .company-detail-cont .com-left-wrap .com-etc {gap: 10px;}
    .company-detail-cont .company-modal-cont .com-right-wrap {padding: 15px;}
    .company-detail-cont .com-right-wrap .com-info {font-size: 20px; margin-bottom: 15px;}
    .company-detail-cont .com-right-wrap .com-info-list {gap: 12px;}
    .company-detail-cont .com-right-wrap .com-info-list li {font-size: 17px;}
    .company-detail-cont .company-modal-cont .com-cont-bottom .com-more {margin-top: 40px;}
}
@media (max-width: 420px) {
    .company-detail-cont .com-right-wrap .com-info-list li {flex-direction: column; gap: 7px;}
}


/* ----- 공유대학 강의실 바로가기 ----- */
.lms-info {position: relative; margin-bottom: 80px;}
.lms-info::before {content: ''; width: 370px;height: 370px; background: url(../images/sub/lms-img.png) no-repeat center center / contain; position: absolute; bottom: -120px; right: 30px;}

.lms-list {display: flex; gap: 30px; width: 100%; flex-wrap: wrap;}
.lms-list li {width: calc(20% - 24px); height: 120px; border-radius: 20px; box-shadow: 0px 0px 10px #30303021;}
.lms-list li a {width: 100%; height: 100%; display: block;}
.lms-list li .img-wrap {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative;}
/* .lms-list li .img-wrap::before {content: ''; width: 120px; height: 120px; border-radius: 50%; background-color: #f4f6fa; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); z-index: 0; transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0.7;} */
/* .lms-list li:hover .img-wrap::before {width: 110%;height: 110%;border-radius: 0;background-color: #f5f7fb;transform: translate(-50%, -50%) scale(1);opacity: 1;} */
.lms-list li .img-wrap img {width: 100%; height: 100%; object-fit: contain; max-width: 180px; z-index: 1;}

.lms-list .deco {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.lms-list .deco::before {content: ''; display: block; position: absolute; top: 0; left: 20px; width: 0; height: 2px; background-color: #6083d9; transition: width 100ms linear 300ms;}
.lms-list .deco::after {content: ''; display: block; position: absolute; bottom: 0; right: 20px; width: 0; height: 2px; background-color: #6083d9; transition: width 100ms linear 100ms;}

.lms-list .deco .round {display: block; overflow: hidden; position: absolute; width: 20px; height: 0; transition: height 100ms linear;}
.lms-list .deco .round::before {display: block; position: absolute; width: 20px; height: 120px; border: 2px solid #6083d9; content: ''; box-sizing: border-box;}
.lms-list .deco .round.right {top: 0; right: 0; transition-delay: 200ms;}
.lms-list .deco .round.right::before {top: 0; right: 0; border-left: none; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.lms-list .deco .round.left {left: 0; bottom: 0; transition-delay: 0s;}
.lms-list .deco .round.left::before {left: 0; bottom: 0; border-right: none; border-color: #6083d9; border-bottom-left-radius: 20px; border-top-left-radius: 20px;}

.lms-list li:hover .deco::before {width: calc(100% - 40px); transition-delay: 0s;}
.lms-list li:hover .deco::after {width: calc(100% - 40px); transition-delay: 200ms;}
.lms-list li:hover .deco .round {height: 100%;}
.lms-list li:hover .deco .round.right {transition-delay: 100ms;}
.lms-list li:hover .deco .round.left {transition-delay: 300ms;}

@media (max-width: 1400px) {
    .lms-list {display: flex; gap: 20px;}
    .lms-list li {width: calc(20% - 16px);}
}
@media (max-width: 1280px) {
    .lms-info {margin-bottom: 60px;}
    .lms-list li {width: calc(25% - 15px);}
    .lms-info::before {right: 0;}
}
@media (max-width: 1024px) {
    .lms-info .info-txt-box {width: 70%;}
    .lms-info::before {content: ''; width: 280px; height: 280px; bottom: -90px;}

    .lms-list li {width: calc(33.333% - 13.333px);}
}
@media (max-width: 768px) {
    .lms-info  {margin-bottom: 30px;}
    .lms-info::before {content: ''; width: 150px; height: 150px; bottom: -50px;}
    .lms-info .info-txt-box {width: 100%;}

    .lms-list {gap: 15px;}
    .lms-list li {width: calc(33.333% - 10px); height: 90px; border-radius: 15px; box-shadow: 0 0 0 1px #ebebeb;}
    
    .lms-list li .img-wrap img {max-width: 150px;}

    .lms-list .deco::before {left: 15px;}
    .lms-list .deco::after {right: 15px;}

    .lms-list .deco .round {width: 15px;}
    .lms-list .deco .round::before {width: 15px; height: 90px;}
    .lms-list .deco .round.right::before {border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
    .lms-list .deco .round.left::before {border-bottom-left-radius: 15px; border-top-left-radius: 15px;}

    .lms-list li:hover .deco::before {width: calc(100% - 30px);}
    .lms-list li:hover .deco::after {width: calc(100% - 30px);}
}
@media (max-width: 650px) {
    .lms-list {gap: 10px;}
    .lms-list li {width: calc(50% - 5px);}
}
@media (max-width: 430px) {
    .lms-list li {width: 100%;}

    .lms-list .deco {display: none;}
}


/* ----- RISE 참여기관 ----- */
.join-list-wrap .join-list {display: flex; flex-wrap: wrap; gap: 20px;}
.join-list-wrap .join-list li {width: calc(20% - 16px);}
.join-list-wrap .join-list li a {overflow: hidden; height: 160px; display: flex; align-items: center; justify-content: center; background-color: #f8f9fb; border-radius: 20px 0 20px 20px; position: relative;}
.join-list-wrap .join-list li a .arrow-btn {content: ''; width: 55px; height: 55px; background-color: #fff; position: absolute; top: 0; right: 0; border-radius: 0 0 0 30px; z-index: 9;}
.join-list-wrap .join-list li a .arrow-btn::before {content: ''; width: 20px; height: 20px; background: radial-gradient(circle at left bottom, #0000 71%, #fff 0); position: absolute; top: 0; right: 55px;}
.join-list-wrap .join-list li a .arrow-btn::after {content: ''; width: 20px; height: 20px; background: radial-gradient(circle at left bottom, #0000 71%, #fff 0); position: absolute; top: 55px; right: 0;}

.join-list-wrap .join-list li a .logo {width: 100%; object-fit: contain; max-width: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px 10px 0 0;}
.join-list-wrap .join-list li a:hover .logo {display: none;}

.join-list-wrap .join-list li a .background {opacity: 0; transition: opacity 0.3s ease-in-out; width: 100%; height: 100%; object-fit: cover;}
.join-list-wrap .join-list li a .background-text {opacity: 0; transition: opacity 0.3s ease-in-out; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 600; line-height: 1.3; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 10px 10px 0 0; z-index: 1;}
.join-list-wrap .join-list li a .background-text::before {opacity: 0; transition: opacity 0.3s ease-in-out; content: ''; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)); position: absolute; bottom: 0; left: 0; z-index: -1;}

.join-list-wrap .join-list li a .arrow-btn .arrow {transition: background-color 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background-color: #9098a8; border-radius: 100%; position: absolute; right: 0;}
.join-list-wrap .join-list li a .arrow-btn .arrow::before {content: '\f061'; font-family: 'Font Awesome 6 Free'; font-weight: 400; transform: rotate(-45deg); font-size: 17px; color: #fff; position: relative; top: 1px; left: 1px;}
/* .join-list-wrap .join-list li a .arrow-btn span i {font-size: 3px; color: #fff; display: flex; align-items: center; justify-content: center; transform: rotate(45deg);} */

.join-list-wrap .join-list li a:hover .background {opacity: 1;}
.join-list-wrap .join-list li a:hover .background-text {opacity: 1;}
.join-list-wrap .join-list li a:hover .background-text::before {opacity: 1;}

.join-list-wrap .join-list li a:hover .arrow-btn .arrow {background-color:var(--main-color);}

@media (max-width: 1440px) {
    .join-list-wrap .join-list li {width: calc(25% - 15px);}
}
@media (max-width: 1200px) {
    .join-list-wrap .join-list li a {height: 140px;}
    .join-list-wrap .join-list li a .logo {max-width: 170px;}
    .join-list-wrap .join-list li a .background-text {font-size: 25px;}
}
@media (max-width: 1024px) {
    .join-list-wrap .join-list {gap: 15px;}
    .join-list-wrap .join-list li {width: calc(33.3333% - 10px);}

    .join-list-wrap .join-list li a .arrow-btn .arrow::before {top: 0;}
}
@media (max-width: 850px) {
    .join-list-wrap .join-list li a {height: 120px;}
    .join-list-wrap .join-list li a .logo {max-width: 150px;}
    .join-list-wrap .join-list li a .background-text {font-size: 22px;}

    .join-list-wrap .join-list li a .arrow-btn {width: 50px; height: 50px;}
    .join-list-wrap .join-list li a .arrow-btn .arrow {width: 40px; height: 40px;}
    .join-list-wrap .join-list li a .arrow-btn .arrow::before {font-size: 15px; left: 0;}
    /* .join-list-wrap .join-list li a .arrow-btn span i {font-size: 18px;} */

    .join-list-wrap .join-list li a .arrow-btn::before {right: 50px;}
    .join-list-wrap .join-list li a .arrow-btn::after {top: 50px;}
}
@media (max-width: 680px) {
    .join-list-wrap .join-list {gap: 10px;}
    .join-list-wrap .join-list li {width: calc(50% - 5px);}
    .join-list-wrap .join-list li a .background-text {font-size: 20px;}
}
@media (max-width: 550px) {
    .join-list-wrap .join-list li a {height: 100px;}
    .join-list-wrap .join-list li a .logo {max-width: 130px;}
    .join-list-wrap .join-list li a .background-text {font-size: 18px;}

    .join-list-wrap .join-list li a .arrow-btn {width: 45px; height: 45px;}
    .join-list-wrap .join-list li a .arrow-btn .arrow {width: 35px; height: 35px;}
    .join-list-wrap .join-list li a .arrow-btn .arrow::before {font-size: 13px; font-weight: 500;}
    /* .join-list-wrap .join-list li a .arrow-btn span i {font-size: 16px;} */

    .join-list-wrap .join-list li a .arrow-btn::before {right: 45px;}
    .join-list-wrap .join-list li a .arrow-btn::after {top: 45px;}

    .join-list-wrap .join-list li a {border-radius: 15px 0 15px 15px;}
    .join-list-wrap .join-list li a .arrow-btn::before {width: 15px; height: 15px;}
    .join-list-wrap .join-list li a .arrow-btn::after {width: 15px; height: 15px;}
}
@media (max-width: 430px) {
    .join-list-wrap .join-list li {width: 100%;}

    .join-list-wrap .join-list li a .logo {padding: 0 10px 0 0;}
    .join-list-wrap .join-list li a .background-text {padding: 0;}
}


/* ----- 이메일 무단수집거부 ----- */
.data-box.email-box {text-align: center; font-size: 18px; line-height: 1.5; word-break: keep-all;}
.data-box.email-box .circle {width: 120px; height: 120px; background: url('../images/common/ico-email.svg')no-repeat 33.5px 40px/ 50%; background-color: #fff; border-radius: 50%; margin: 0 auto; margin-bottom: 25px; position: relative;}
.data-box.email-box .circle::before {content: '\F63C'; font-family: 'bootstrap-icons'; font-size: 28px; width: 38px; height: 38px; background-color: var(--sub-color); border-radius: 50%; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; color: #fff;}
.data-box.email-box h4 {font-size: 24px; font-weight: bold; margin-bottom: 15px;}

@media (max-width: 1000px) {
    .data-box.email-box p br {display: none;}
}
@media(max-width: 768px) {
    .data-box.email-box .circle {width: 100px; height: 100px; background-position: 32px 36px; background-size: 40%;}
    .data-box.email-box .circle::before {font-size: 20px; width: 32px; height: 32px;}
    .data-box.email-box h4 {font-size: 22px; margin-bottom: 15px;}
}
@media(max-width: 500px) {
    .data-box.email-box .circle {width: 90px; height: 90px; margin-bottom: 20px; background-position: 30px 33px;}
    .data-box.email-box .circle::before {width: 28px; height: 28px;}
    .data-box.email-box h4 {font-size: 20px; margin-bottom: 10px;}
    .data-box.email-box p br {display: none;}
}


/* ----- 사이트맵 ----- */
.rise-sitemap {position: relative; font-size: 0; line-height: 30px;}
/* .rise-sitemap > .depth.depth1:first-of-type .depth1-item {padding-top: 0 !important;} */
/* .rise-sitemap > .depth.depth1:last-of-type .depth1-item {border: none !important;} */

/* .rise-sitemap .depth1-list li:first-child {padding-top: 0;} */
.rise-sitemap .depth1-item {position: relative; display: flex; justify-content: space-between; border-bottom: dashed 1px #bcbcbc; padding: 50px 0;}
.rise-sitemap .depth1-item .titlebox {width: 18%;}
.rise-sitemap .depth1-item .depth1-text {display: block; font-size: 28px; font-weight: bold; color: #2b2b2b; overflow: hidden; position: relative; width: fit-content; padding: 6px 15px 0 0;}
.rise-sitemap .depth1-item .depth1-text::before {content: ''; width: 8px; height: 8px; border-radius: 4px; background-color: #ee5176; position: absolute; top:0; right: 0;}
.rise-sitemap .depth1-item .depth1-text span {font-weight: bold;}

.rise-sitemap .depth2 {width: calc(100% - 18%); background-color: #fff;}
.rise-sitemap .depth2-list {display: flex; width: 100%; gap: 30px; flex-wrap: wrap;}
.rise-sitemap .depth2-item {width: calc(25% - 22.5px);}
.rise-sitemap .depth2-item .depth2-text {display: flex; align-items: center; justify-content: space-between; padding: 15px 25px; border-radius: 10px; border: 1px solid #d5d7dd; transition: all 0.2s ease-in-out;}
.rise-sitemap .depth2-item .depth2-text span {font-size: 20px; font-weight: 600; color: #484848; word-break: keep-all; transition: all 0.2s ease-in-out;}
.rise-sitemap .depth2-item .depth2-text i {font-size: 17px; font-weight: 500; transition: all 0.2s ease-in-out;}
.rise-sitemap .depth2-item .depth2-text:hover {background-color: var(--sub-color); border-color: var(--sub-color); box-shadow: 0 2px 5px 4px #3062b21e;}
.rise-sitemap .depth2-item .depth2-text:hover span {color: #fff;}
.rise-sitemap .depth2-item .depth2-text:hover i {color: #fff;}

.rise-sitemap .depth-list3 {padding: 20px;}
.rise-sitemap .depth3-item {position: relative; word-break: keep-all;}
.rise-sitemap .depth3-item::before {content: ''; width: 5px; height: 5px; border-radius: 2.5px; background-color: #b3b3b3; position: absolute; top: 12px; left: 0;}
.rise-sitemap .depth3-item .depth3-text {display: block; width: fit-content;}
.rise-sitemap .depth3-item .depth3-text > span {font-size: 18px; font-weight: 500; color: #484848; padding-left: 15px; display: block;}
.rise-sitemap .depth3-item .depth3-text span i {margin-left: 5px; color: inherit;}
.rise-sitemap .depth3-item .depth3-text:hover span {text-decoration: underline !important; text-underline-offset: 5px; color: #3051b0;}
.rise-sitemap .depth3-item .depth3-text:hover span i {color: #3051b0;}

.rise-sitemap .depth-list4 {background-color: #f6f8fc; padding: 10px 20px; border-radius: 10px; margin: 10px 0 20px;}
.rise-sitemap .depth4-item {position: relative; word-break: keep-all;}
.rise-sitemap .depth4-item::before {content: ''; width: 6px; height: 2px; border-radius: 2.5px; background-color: #b3b3b3; position: absolute; top: 14px; left: 0;}
.rise-sitemap .depth4-item .depth4-text {display: block; width: fit-content;}
.rise-sitemap .depth4-item .depth4-text > span {font-size: 18px; font-weight: 500; color: #595959; padding-left: 15px; display: block;}
.rise-sitemap .depth4-item .depth4-text span i {margin-left: 5px; color: inherit;}
.rise-sitemap .depth4-item .depth4-text:hover span {text-decoration: underline !important; text-underline-offset: 5px; color: #3051b0;}
.rise-sitemap .depth4-item .depth4-text:hover span i {color: #3051b0;}

@media (max-width: 1400px) {
    .rise-sitemap .depth1-item {flex-direction: column; padding: 30px 0 40px;}
    .rise-sitemap .depth1-item .titlebox {width: 100%; margin-bottom: 30px;}

    .rise-sitemap .depth2 {width: 100%;}
}
@media (max-width: 1200px) {
    .rise-sitemap .depth1-item {flex-direction: column; padding: 20px 0 30px;}
    .rise-sitemap .depth1-item .titlebox {margin-bottom: 20px;}
    .rise-sitemap .depth1-item .depth1-text {font-size: 25px;}

    .rise-sitemap .depth2-item {width: calc(33.333% - 13.333px)}
    .rise-sitemap .depth2-item .depth2-text {padding: 12px 20px;}
    .rise-sitemap .depth2-item .depth2-text span {font-size: 18px;}
    .rise-sitemap .depth2-list {gap: 20px;}

    .rise-sitemap .depth3-item .depth3-text > span {font-size: 17px;}

    .rise-sitemap .depth4-item .depth4-text > span {font-size: 17px;}
}
@media (max-width: 1024px) {
    .rise-sitemap .depth2-item {width: calc(50% - 20px);}
}
@media (max-width: 650px) {
    .rise-sitemap .depth1-item {flex-direction: column;}
    .rise-sitemap .depth1-item .depth1-text {font-size: 22px;}

    .rise-sitemap .depth2-list {gap: 10px;}
    .rise-sitemap .depth2-item {width: 100%;}
    .rise-sitemap .depth2-item .depth2-text {padding: 10px 15px;}

    .rise-sitemap .depth-list3 {padding: 10px;}
}

.rise-sitemap .depth2-item a[target=_blank]::after {
  content: "\F1C5";
  font-family: 'bootstrap-icons';
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  transition: 0.2s ease-in-out;
}
.rise-sitemap .depth2-item a:hover[target=_blank]::after {
  color: #fff;
}


/* ----- RISE 소개 비전 목표 ----- */
.vision-goal-wrap {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.vision-goal-wrap .vg-tit {text-align: center; font-size: 35px; font-weight: bold;}
.vision-goal-wrap .vg-tit span {font-weight: bold; color: var(--sub-color);}
.vision-goal-wrap .vg-sub-tit {margin: 20px 0 80px; text-align: center; font-size: 30px;}

.vision-goal-wrap .vg-number-list {width: 100%; display: flex; flex-wrap: wrap; gap: 20px 30px; counter-reset: num-counter; margin-bottom: 30px;}
.vision-goal-wrap .vg-number-list li {width: calc(50% - 15px); background-color: #f8f9fb; border-radius: 100px; padding: 20px; font-size: 22px; font-weight: 600; text-align: center; position: relative; counter-increment: num-counter;}
.vision-goal-wrap .vg-number-list li::before {content: counter(num-counter); display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background-color: var(--sub-color); color: #fff; font-size: 24px; font-weight: 400; position: absolute; top: -10px; left: -10px;}

.vision-goal-wrap .vg-box-list {width: 100%; display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px;}
.vision-goal-wrap .vg-box-list li {width: calc(25% - 7.5px); background-color: #eee; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 30px 20px; border-radius: 15px; font-size: 22px; text-align: center; color: #fff;}
.vision-goal-wrap .vg-box-list li:nth-child(1) {background-color: #27afd3;}
.vision-goal-wrap .vg-box-list li:nth-child(2) {background-color: #2a8dcc;}
.vision-goal-wrap .vg-box-list li:nth-child(3) {background-color: #2464ab;}
.vision-goal-wrap .vg-box-list li:nth-child(4) {background-color: #17509a;}
.vision-goal-wrap .vg-box-list li p {font-weight: 600; margin-bottom: 15px;}
.vision-goal-wrap .vg-box-list li span {font-size: 19px;}

.vision-goal-wrap .strategy-box {width: 100%; display: flex; margin-bottom: 30px; gap: 10px;}
.vision-goal-wrap .strategy-box .strategy-tit {display: flex; align-items: center; justify-content: center; width: calc(25% - 10px); background-color: #f8f9fb; font-size: 30px; font-weight: bold; text-align: center; color: var(--sub-color); border-radius: 15px;}
.vision-goal-wrap .strategy-list {width: calc(100% - 25%); display: flex; flex-direction: column; gap: 10px;}
.vision-goal-wrap .strategy-list li {width: 100%; padding: 15px; border: 1px solid #d5d7dd; border-radius: 15px; display: flex; flex-wrap: wrap; align-items: center; gap: 20px; font-size: 20px;}
.vision-goal-wrap .strategy-list li .s-keyword {width: 205px; display: flex; justify-content: space-between; align-items: center;}
.vision-goal-wrap .strategy-list li .s-keyword span {font-weight: 600;}
.vision-goal-wrap .strategy-list li .s-keyword span span {font-size: 26px;}
.vision-goal-wrap .strategy-list li p {flex: 1;}

@media(max-width: 1440px) {
    .vision-goal-wrap .vg-tit {font-size: 30px;}
    .vision-goal-wrap .vg-sub-tit {margin: 15px 0 40px; font-size: 25px;}

    .vision-goal-wrap .vg-number-list {gap: 15px 20px;}
    .vision-goal-wrap .vg-number-list li {width: calc(50% - 10px);}
}
@media(max-width: 1024px) {
    .vision-goal-wrap .vg-box-list li {width: calc(50% - 5px);}

    .vision-goal-wrap .strategy-list li {flex-direction: column; align-items: flex-start; gap: 7px; padding: 12px;}
    .vision-goal-wrap .strategy-list li .s-keyword {width: fit-content;}
}
@media(max-width: 768px) {
    .vision-goal-wrap .vg-tit {font-size: 25px;}
    .vision-goal-wrap .vg-sub-tit {font-size: 20px;}

    .vision-goal-wrap .vg-number-list {gap: 10px 15px;}
    .vision-goal-wrap .vg-number-list li {width: calc(50% - 7.5px); font-size: 20px; padding: 15px;}
    .vision-goal-wrap .vg-number-list li::before {width: 35px; height: 35px; font-size: 20px;}

    .vision-goal-wrap .vg-box-list li {font-size: 20px; padding: 20px 15px;}
    .vision-goal-wrap .vg-box-list li span {font-size: 17px;}

    .vision-goal-wrap .strategy-box .strategy-tit {font-size: 22px;}
    /* .vision-goal-wrap .strategy-list {width: calc(100% - 130px);} */
    .vision-goal-wrap .strategy-list li {font-size: 18px;}
    .vision-goal-wrap .strategy-list li .s-keyword span span {font-size: 22px;}
}
@media(max-width: 680px) {
    .vision-goal-wrap .vg-number-list {gap: 10px;}
    .vision-goal-wrap .vg-number-list li {width: 100%;}
}
@media(max-width: 500px) {
    .vision-goal-wrap .vg-tit span {display: block;}

    .vision-goal-wrap .vg-box-list li {width: 100%;}

    .vision-goal-wrap .strategy-box {flex-direction: column; border: 1px solid #d5d7dd; border-radius: 15px; gap: 0;}
    .vision-goal-wrap .strategy-box .strategy-tit {width: 100%; padding: 15px; border-radius: 15px 15px 0 0;}
    .vision-goal-wrap .strategy-box .strategy-tit br {display: none;}
    .vision-goal-wrap .strategy-list {width: 100%; padding: 15px;}
}
@media(max-width: 400px) {
    .vision-goal-wrap .vg-number-list li::before {width: 30px; height: 30px; font-size: 17px;}
}

.vision-goal-wrap .up {position: relative; margin: 80px 0 120px;}
.vision-goal-wrap .up p {position: relative; z-index: 1; font-size: 28px; font-weight: 600; color: var(--sub-color); text-align: center;}
.vision-goal-wrap .up::before {content: ''; width: 500px; height: 200px; position: absolute; background: url('../images/sub/vision-arrow.svg') no-repeat center center/contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0;}

.vision-goal-wrap .up-list-box {display: flex; gap: 10px; width: 100%; margin-bottom: 10px;}
.vision-goal-wrap .up-list-box .up-tit {width: calc(25% - 10px); padding: 30px 0; background-color: #f8f9fb; font-size: 28px; font-weight: bold; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 15px; text-align: center; word-break: keep-all;}
.vision-goal-wrap .up-list-box .up-tit span {font-weight: bold;}
.vision-goal-wrap .up-list-box .list-num {width: calc(100% - 25%); margin-bottom: 0; display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 15px; border: 1px solid #d5d7dd; border-radius: 15px;}
.vision-goal-wrap .up-list-box .list-num li {font-size: 20px;}
.vision-goal-wrap .up-list-box .list-num li::before {font-size: 16px; top: 5px;}

.vision-goal-wrap .up-list-box.green .list-num li::before {background-color: #27afd3;}
.vision-goal-wrap .up-list-box.sky .list-num li::before {background-color: #2a8dcc;}
.vision-goal-wrap .up-list-box.blue .list-num li::before {background-color: #2464ab;}
.vision-goal-wrap .up-list-box.navy .list-num li::before {background-color: #17509a;}
.vision-goal-wrap .up-list-box.purple .list-num li::before {background-color: #786dae;}


@media(max-width: 768px) {
    .vision-goal-wrap .up {margin: 40px 0 80px;}
    .vision-goal-wrap .up p {font-size: 22px;}
    .vision-goal-wrap .up::before {width: 380px;}

    .vision-goal-wrap .up-list-box .up-tit {font-size: 22px;}
    /* .vision-goal-wrap .up-list-box .list-num {width: calc(100% - 160px);} */
    .vision-goal-wrap .up-list-box .list-num li {font-size: 18px;}
    .vision-goal-wrap .up-list-box .list-num li::before {font-size: 14px; top: 6px;}
}
@media(max-width: 500px) {
    .vision-goal-wrap .up {margin: 20px 0 60px;}
    .vision-goal-wrap .up::before {width: 300px;}

    .vision-goal-wrap .up-list-box {flex-direction: column; border: 1px solid #d5d7dd; border-radius: 15px; gap: 0;}
    .vision-goal-wrap .up-list-box .up-tit {width: 100%; display: block; text-align: center; border-radius: 15px 15px 0 0; padding: 15px; word-break: keep-all;}
    .vision-goal-wrap .up-list-box .list-num {width: 100%; border: none; border-radius: 0; gap: 4px;}
}