@charset "utf-8";


/********BASA API********/


.basaapi .proctors {
    padding: 60px 0;
    background: linear-gradient( to bottom, #fff, #E4F1FF );
}
.basaapi .proctors .title {
    text-align: center;
}
.basaapi .proctors .title h5 {
    font-size: 50px; font-weight: var(--fwsb);
    margin-bottom: 30px;
}
.basaapi .box-list {
    display: flex; gap: 25px;
}
.basaapi .box-list .item {
    background: #fff; border-radius: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.basaapi .box-list .item dl {
    display: flex; align-items: center; justify-content: center;
    flex-direction: column; text-align: center;
    padding: 30px 25px; gap: 15px;
}
.basaapi .box-list .item dl dt lord-icon {
    width: 70px; height: 70px;
}
.basaapi .box-list .item dl dd .tit {
    font-size: 20px; font-weight: var(--fwsb);
    margin-bottom: 5px;
}

.basaapi .box-list4 .item {
    width: calc((100% - 75px) / 4);
}
.basaapi .box-list3 .item {
    width: calc((100% - 50px) / 3);
}
.basaapi .contact table td img {
    margin-right: 5px;
}


.basaapi .video-wrap {position:relative; }
.basaapi .video-area-wrap {position:relative; z-index:1; overflow:hidden; padding-bottom:56.26%; width:100%; height:0;}
.basaapi .video-area {position:absolute; top: 0; left: 0; /* padding-bottom:89.26%; */ width:100%; height:100%; /* margin-top:-16.5%; */}
.basaapi .video-area video {position:absolute; top:0; left:0; width:100%; height:100%;}
.basaapi .video-area iframe {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
.basaapi .video-area div {position:absolute; top:0; left:0; width:100%; height:100%; z-index:4;}

@media (max-width: 1080px) {
    .basaapi .proctors .title h5 {
        font-size: 40px; margin-bottom: 15px;
    }
    .basaapi .box-list {
        gap: 15px;
    }
    .basaapi .box-list .item {
        border-radius: 10px;
        width: calc((100% - 30px) / 3);
    }
    .basaapi .box-list .item dl dd .tit {
        padding: 0;
    }
}
@media (max-width: 860px) {
    .basaapi .proctors .title h5 {
        font-size: 30px; margin-bottom: 15px;
    }
    .basaapi .proctors .title p br {
        display: none;
    }
    .basaapi .box-list {
        flex-wrap: wrap;
    }
    .basaapi .box-list .item {
        width: 100%;
    }
    .basaapi .box-list .item dl dt lord-icon {
        width: 60px; height: 60px;
    }
    .basaapi .box-list .item dl dd .tit {
        font-size: 18px;
    }

}
@media (max-width: 640px) {
    .basaapi .proctors .title h5 {
        font-size: 25px; margin-bottom: 10px;
    }
    .basaapi .box-list .item {
        width: 100%;
    }
    .basaapi .box-list .item dl {
        padding: 20px; /* align-items: flex-start; */ /* text-align: left; */
    }
    .basaapi .box-list .item dl dt lord-icon {
        width: 50px; height: 50px;
    }
    .basaapi .box-list .item dl dd p.desc br {
        display: none;
    }
}






















/********BASA란?********/


/*상단 공통 배너*/
.intro .proctor {
    display: flex; align-items: center;
    padding: 30px 60px; border-radius: 15px;
    background-color: #E4F1FF;
}
.intro .proctor .info {
    flex: 1;
}
.intro .proctor .title h5 {
    font-size: 35px; font-weight: var(--fwsb); letter-spacing: -0.75px;
}
.intro .proctor .title .desc {
    margin-top: 15px; line-height: 1.45;
    font-size: 17px; color: #333;
}
.intro .proctor .image {
    margin-left: auto;
}

@media (max-width: 1080px){
    .intro .proctor {
        padding: 30px 40px; border-radius: 10px;
    }
    .intro .proctor .title h5 {
        font-size: 28px;
    }
    .intro .proctor .title .desc {
        margin-top: 10px; font-size: 1rem;
    }
    .intro .proctor .image {
        width: 320px;
    }
}
@media (max-width: 860px) {
    .intro .proctor {
        padding: 25px 35px;
    }
    .intro .proctor .title h5 {
        font-size: 24px;
    }
    .intro .proctor .title .desc {
        margin-top: 10px; line-height: 1.35;
    }
    .intro .proctor .image {
        width: 280px;
    }
}
@media (max-width: 640px) {
    .intro .proctor {
        flex-direction: column; gap: 10px;
    }
    .intro .proctor .info {
        order: 2;
        display: flex; flex-direction: column;
        align-items: center; justify-content: center;
        text-align: center;
    }
    .intro .proctor .title h5 {
        font-size: 22px;
    }
    .intro .proctor .title .desc br{
        display: none;
    }
    .intro .proctor .image {
        display: none;
    }
}




/*공통 박스 스타일*/
.intro .content-box {
    margin-top: 60px;
}
.intro .content-box.box-blue {
    background: #F2F8FF;
}
.intro .content-box.box-gray {
    background: #f9f9f9;
}
.intro .content-box.box-pd {
    padding: 60px 0;
}
.intro .content-box .inner {

}
.intro .content-box .title {
    text-align: center;  margin-bottom: 30px;
}
.intro .content-box .title .tit {
    font-size: 32px; font-weight: var(--fwsb); letter-spacing: -0.03em;
    color: #121212;
}
.intro .content-box .title .tit br {
    display: none;
}
.intro .content-box .title .sub {
    margin-top: 5px;
}
.intro .content-box .title .sub br {
    display: none;
}
.intro .content-box .box {
    border: 1px solid #BFCBDB; border-radius: 15px;
    padding: 30px 60px; text-align: center;
}
.intro .content-box .box img.mobile {
    display: none;
}
.intro .proctor .btn_box {
    justify-content: flex-start;
}
.intro .content-box .intro_con {

}
.intro .content-box .intro_con .table_list {
    display: flex; flex-wrap: wrap; 
    border-top: 1px solid #becbdb; border-bottom: 1px solid #bfcbdb; margin-bottom: 10px; font-size: 14px;
}
.intro .content-box .intro_con .table_list > div {
    flex: 1; text-align: center;
}
.intro .content-box .intro_con .table_list > div + div {
    border-left: 1px solid #e1e8f0;
}
.intro .content-box .intro_con .table_list dt {
    background-color: #f7f8fc; border-bottom: 1px solid #e1e8f0; padding: 10px 10px;
}
.intro .content-box .intro_con .table_list dd {
    padding: 10px 10px;
}
.intro .content-box .intro_con .table_list dd img{
    margin-right: 5px;
}

@media (max-width: 1280px) {
    .intro .content-box .title .tit {
        padding: 0;
    }
}
@media (max-width: 1080px) {
    .intro .content-box .title .tit {
        font-size: 24px;
    }
    .intro .content-box .box {
        border-radius: 10px; padding: 20px;
    }
}
@media (max-width: 860px) {
    .intro .content-box .title .tit {
        line-height: 1.2;
    }
    .intro .content-box .title .tit br {
        display: block;
    }
    .intro .content-box .title .sub {
        margin-top: 15px;
    }
    .intro .content-box .title .sub br {
        display: block;
    }
    .intro .content-box .intro_con .table_list > div {
        flex: 0 0 auto; width: 100%;
    }
    .intro .content-box .intro_con .table_list > div + div {
        border-left: none;
    }
    .intro .content-box .box img.default {
        display: none;
    }
    .intro .content-box .box img.mobile {
        display: block;
    }
}



/*공통 - BASA서비스 이용 유의사항*/
.intro .check-list .title {
    margin-bottom: 0; padding-bottom: 18px;
    border-bottom: 1px solid #111;
}
.intro .check-list ul li {
    padding: 18px 0 18px 40px; position: relative;
    border-bottom: 1px solid #dbdbdb;
}
.intro .check-list ul li::before {
    content: ''; display: block; width: 25px; height: 25px;
    position: absolute; top: 16px; left: 0;
    background: url('/src/img/2024/contents/ico_check.png') no-repeat center center / contain;
}
@media (max-width: 1080px) {
    .intro .check-list ul li {
        padding: 15px 0 15px 30px;
    }
    .intro .check-list ul li::before {
        width: 20px; height: 20px;
    }
}




.intro .btn_box {
    margin-top: 40px;
    display: flex; gap: 10px; justify-content: center;
}
.intro .btn_box .btn {
    border-radius: 5px; padding: 0 20px;
}
.intro .btn_box .btn span {
    display: block; font-size: 1rem;
    box-sizing: border-box; transition: all 0.25s;
     height: 45px; line-height: 45px; color: #fff;
}
.intro .btn_box .btn.download span::after {
    content: ''; display: inline-block; width: 20px; height: 20px;
    vertical-align: middle; margin-left: 10px;
    background-image: url('/src/img/2024/contents/ico_download_w.svg');
    background-size: contain; background-repeat: no-repeat; background-position: center center;
}
.intro .btn_box .btn.download:hover span::after {
    background-image: url('/src/img/2024/contents/ico_download_blue.svg');
}

.intro .btn_box .btn.link span::after {
    content: ''; display: inline-block; width: 20px; height: 20px;
    vertical-align: middle; margin-left: 10px;
    background-image: url('/src/img/2024/main/btn_arr.svg');
    background-size: contain; background-repeat: no-repeat; background-position: center center;
}
.intro .btn_box .btn.link:hover span::after {
    background-image: url('/src/img/2024/main/btn_arr_blue.svg');
}


.intro .btn_box .btn.btn-blue {
    /* background-color: #002367;  */
    /* border: 1px solid #002367; */
}
.intro .btn_box .btn.btn-blue:hover {
    background-color: #fff; color: #002367;
}
.intro .btn_box .btn.btn-blue:hover span {
    color: #002367;
}
@media (max-width: 1080px) {
    .intro .btn_box {
        margin-top: 25px;
    }
    .intro .btn_box .btn span {
        line-height: 40px; height: 40px; font-size: 0.95rem;
    }
}
@media (max-width: 860px) {
    .intro .btn_box {
        margin-top: 20px;
        flex-direction: column;
    }
    .intro .btn_box .btn span {
        height: 35px; line-height: 35px;
    }
}














































.intro .imonial-list {
    display: flex; gap: 25px;
}
.intro .imonial-list .imonial {
    width: calc((100% - 25px) / 2);
    background: #fff; border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.intro .imonial-list .imonial dl {
    display: flex; flex-direction: column; gap: 20px;
    padding: 40px;
}
.intro .imonial-list .imonial dl dt .title {
    text-align: left;
    font-size: 22px; font-weight: var(--fwsb); margin-bottom: 0;
}
.intro .imonial-list .imonial dl dt .title::before {
    content: ''; display: block; width: 18px; height: 13px;
    margin-bottom: 20px;
    background-image: url('/src/img/2024/contents/ico_qmark.svg');
    background-size: contain;
}
.intro .imonial-list .imonial dl dt p {
    margin-top: 15px;
}
.intro .imonial-list .imonial dl dd {
    margin-left: auto;
    display: flex; gap: 10px; align-items: flex-end;
}
.intro .imonial-list .imonial dl dd .image {
    width: 60px;
}
.intro .imonial-list .imonial dl dd .name {
    font-weight: var(--fwsb); color: #999;
}

.intro .comment {
    text-align: center; color: #002367;
}

@media (max-width: 1080px) {
    .intro .imonial-list .imonial {
        border-radius: 10px;
    }
    .intro .imonial-list .imonial dl dt .title {
        font-size: 18px;
    }
}
@media (max-width: 860px) {
    .intro .imonial-list {
        gap: 15px; flex-direction: column;
    }
    .intro .imonial-list .imonial {
        width: 100%;
    }
    .intro .imonial-list .imonial dl {
        padding: 25px 20px;
    }
    .intro .imonial-list .imonial dl dt p {
        margin-top: 10px;
    }
}













/*AI 경영진단*/
.intro_con2-1 {

}
.intro_con2-1 .box {
    display: flex; flex-direction: column;
    gap: 40px;
}
.intro_con2-1 .box dl {

}
.intro_con2-1 .box dl dt {
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; font-weight: var(--fwsb); gap: 10px;
    margin-bottom: 15px;
}
.intro_con2-1 .box dl dt span {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; background: #002367; color: #fff;
    border-radius: 50%; font-size: 20px;
}
@media (max-width: 860px) {

}
















/*기업정보조회*/
.intro_con3-1 {

}
.intro_con3-1 .box {
    display: flex; flex-direction: column;
    gap: 40px;
}
.intro_con3-1 .box dl {

}
.intro_con3-1 .box dl dt {
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; font-weight: var(--fwsb); gap: 10px;
    margin-bottom: 15px;
}
.intro_con3-1 .box dl dt span {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; background: #002367; color: #fff;
    border-radius: 50%; font-size: 20px;
}
.intro_con3-1 .box dl dt p {

}
.intro_con3-1 .box dl dd {

}
.intro_con3-2 {
    display: flex; gap: 25px;
}
.intro_con3-2  .box {
    width: calc( (100% - 25px) / 2);
    padding: 30px !important;
}
.intro_con3-2 p {
    font-size: 20px;
    color: #fff; background: #002367;
    border-radius: 5px; line-height: 45px;
    margin-top: 20px;
}
@media (max-width: 860px) {
    .intro_con3-1 .box {gap: 20px;}
    .intro_con3-1 .box dl dt {
        gap: 5px; margin-bottom: 10px; font-size: 1rem; font-weight: var(--fwr);
    }
    .intro_con3-1 .box dl dt span {
        width: 20px; height: 20px; font-size: 0.9rem;
    }
    .intro_con3-2 {
        gap: 20px; flex-direction: column;
    }
    .intro_con3-2 .box {
        width: 100%; padding: 20px;
    }
}














/*기업통계*/
.intro_con4 .inner-box {

}
.intro_con4 .inner-box dl dt {
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 20px; gap: 20px;
}
.intro_con4 .inner-box dl dt div {
    display: inline-flex; align-items: center; gap: 5px;
}
.intro_con4 .inner-box dl dt div span {
    display: inline-flex; align-items: center; justify-content: center;
    background: #002367; color: #fff;
    width: 25px; height: 25px; border-radius: 50%;
    font-weight: var(--fwsb);
}
.intro .feat-list {
    display: flex; gap: 25px; flex-wrap: wrap;
}
.intro .feat-list .item {
    background: #fff; border-radius: 15px; box-sizing: border-box;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
    width: calc( ( 100% - 25px ) / 2) ;
}
.intro .feat-list .item dl {
    display: flex; flex-direction: row; gap: 20px;
    padding: 40px 30px; align-items: center;
}
.intro .feat-list .item dl dt lord-icon {
    width: 70px; height: 70px;
}
.intro .feat-list .item dl dd .tit {
    font-size: 22px; font-weight: var(--fwsb);
    margin-bottom: 10px;
}
@media (max-width: 1280px) {
    .intro .feat-list .item {
        border-radius: 10px;
    }
    .intro .feat-list .item dl dd .tit {
        padding: 0; font-size: 18px;
    }
}
@media (max-width: 860px) {
    .intro .feat-list {
        gap: 15px;
    }
    .intro .feat-list .item dl {
        padding: 25px 20px; gap: 10px;
    }
    .intro .feat-list .item dl dt lord-icon {
        width: 60px; height: 60px;
    }
    .intro .feat-list .item dl dd .tit {
        margin-bottom: 5px;
    }
    .intro .feat-list .item dl dd .desc br {
        display: none;
    }
}
@media (max-width: 640px) {
    .intro_con4 .inner-box dl dt {
        flex-direction: column; gap: 8px;
    }
    .intro_con4 .inner-box dl dt div {
        min-width: 180px;
    }
    .intro_con4 .inner-box dl dt div span {
        width: 20px; height: 20px; font-size: 0.9rem;
    }
    .intro .feat-list .item {
        width: 100%;
    }
    .intro .feat-list .item dl {
        padding: 20px; /* align-items: flex-start; */
        flex-direction: column; gap: 5px; text-align: center;
    }
    .intro .feat-list .item dl dd .tit {
        margin-bottom: 0; font-size: 16px;
    }
    .intro .feat-list .item dl dt lord-icon {
        width: 50px; height: 50px;
    }
}





/*관심기업 알람*/
.intro_con5 .inner {
    display: flex; gap: 25px;
    background-image: url('/src/img/2024/contents/intro-arr.png');
    background-repeat: no-repeat;
    background-position: center top 72px;
}
.intro_con5 .inner .content-box {
    width: 50%;
}
.intro_con5 .inner .content-box .title {

}
.intro_con5 .inner .content-box .title .tit {

}
.intro_con5 .inner .content-box .box {
    background: #F2F8FF; border: 0; padding: 60px 40px;
    min-height: 360px; text-align: left;
}
.intro_con5 .inner .content-box .box .group {
    display: flex; flex-direction: column; gap: 20px;
}
.intro_con5 .inner .content-box .box .group span {
    display: inline-block;
    background: #fff; border: 1px solid #BFCBDB;
    padding: 7px 20px; border-radius: 25px;
}
.intro_con5 .inner .content-box .box .group dl dt span {
    background: #002367; color: #fff; font-weight: var(--fwsb);
    border: 0px;
}
.intro_con5 .inner .content-box .box .group dl dd {
    display: flex; gap: 7px; flex-wrap: wrap;
    margin-top: 7px;
}
.intro_con5 .inner .content-box.hasImg .box {
    padding: 0 20px;
    display: flex; align-items: flex-end; justify-content: center;
}
.intro_con5 .inner .content-box.hasImg.center .box {
    align-items: center;
}
@media (max-width: 1080px) {
    .intro_con5 .inner {
        background-position: center top 66px;
    }
    .intro_con5 .inner .content-box .title {
        margin-bottom: 15px;
    }
    .intro_con5 .inner .content-box .box {
        padding: 30px;
    }
    .intro_con5 .inner .content-box.hasImg .box {

    }
    .intro_con5 .inner .content-box .box .group {
        gap: 30px;
    }
    .intro_con5 .inner .content-box .box .group span {
        padding: 7px 15px;
    }
}
@media (max-width: 640px) {
    .intro_con5 .inner {
        flex-direction: column; background-image: none;
    }
    .intro_con5 .inner .content-box {
        width: 100%;
    }
    .intro_con5 .inner .content-box .box {
        min-height: auto;
    }
    .intro_con5 .inner .content-box.hasImg {
        position: relative;
    }
    .intro_con5 .inner .content-box.hasImg .box {
        padding-top: 30px;
    }
    .intro_con5 .inner .content-box.hasImg.center .box {
        padding-bottom: 30px;
    }
    .intro_con5 .inner .content-box.hasImg::before {
        content: ''; display: block; width: 36px; height: 21px;
        background-image: url('/src/img/2024/contents/intro-arr.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: absolute; top: -60px; left: 50%; transform: translateX(-50%) rotate(90deg);
    }
}






.voucher {
    padding-bottom: 100px;
}
.voucher .box-list {
    display: flex; gap: 25px;
}
.voucher .box-list .item {
    border: 1px solid #BFCBDB; border-radius: 15px;
    padding: 30px; box-sizing: border-box;
    width: calc(( 100% - 50px ) / 3);

}
.voucher .box-list .item dl {
    display: flex; flex-direction: column;
}
.voucher .box-list .item dl dt {
    padding-bottom: 20px;
    border-bottom: 1px solid #BFCBDB;
    display: flex;
}
.voucher .box-list .item dl dt .title {

}
.voucher .box-list .item dl dt .title h5 {
    font-size: 24px; font-weight: var(--fwsb);
}
.voucher .box-list .item dl dt .title .desc {
    display: flex; align-items: flex-end; gap: 2px;
    margin-top: 10px;
}
.voucher .box-list .item dl dt .title .desc p {
    font-size: 20px; font-weight: var(--fwsb);
}
.voucher .box-list .item dl dt .img {
    margin-left: auto;
}
.voucher .box-list .item dl dt .img lord-icon {
    width: 70px; height: 70px;
}
.voucher .box-list .item dl dd {
    padding: 20px 0; height: 170px;
}
.voucher .box-list .item dl dd span {
    font-size: 0.9rem; color: #999; display: block; margin-top: 10px;
}
.voucher .box-list .item dl dd ul {
    margin-top: 10px; background: #f9f9f9; border-radius: 5px;
    padding: 15px; display: none;
}
.voucher .box-list .item dl dd ul li {
    position: relative; padding: 0 0 0 25px; margin-bottom: 8px;
}
.voucher .box-list .item dl dd ul li::before {
    content:''; display: block; width: 20px; height: 20px;
    position: absolute; top: 2px; left: 0; background: url('/src/img/2024/contents/ico_check_blue.png') no-repeat center center / contain;
}
.voucher .box-list .item dl .btn_box {
    margin-top: auto;
}
.voucher .box-list .item dl .btn_box .btn {
    background: #002367; border: 1px solid #002367; width: 100%;
    display: block; border-radius: 5px; text-align: center; color: #fff; transition: 0.25s;
}
.voucher .box-list .item dl .btn_box .btn:hover {
    background-color: #fff; color: #002367; box-shadow: none;
}
.voucher .box-list .item dl .btn_box .btn span {
    display: block; 
    height: 45px; line-height: 45px;
}
.voucher .table-container tr:hover {
    background: #f7f8fc;
}
.voucher .table-container thead tr th {
    font-size: 1rem; color: #002367; font-weight: var(--fwsb);
    padding: 15px 10px;
}
.voucher .table-container thead tr th h5 {
    font-size: 1.5rem; margin-bottom: 5px;
}
.voucher .table-container thead tr th .desc {
    display: flex; gap: 3px; align-items: flex-end; justify-content: center;
}
.voucher .table-container thead tr th .desc {
    
}
@media (max-width: 860px) {
    .voucher .box-list {
        flex-direction: column;
    }
    .voucher .box-list .item {
        width: 100%; padding: 20px;
    }
    .voucher .box-list .item dl dt .title .desc {
        margin-top: 5px;
    }
    .voucher .box-list .item dl dt .img lord-icon {
        width: 50px; height: 50px;
    }
    .voucher .box-list .item dl dd {
        height: auto; padding: 15px 0;
    }
    .voucher .box-list .item dl dd ul {
        display: block;
    }
    .voucher .table-container {
        display: none;
    }
}